{% extends 'base.html' %}
{% load static %}

{% block title %}{% if is_edit %}Edit{% else %}Create{% endif %} Year-End Snapshot - {{ organization.name }}{% endblock %}

{% block page_title %}{% if is_edit %}Edit{% else %}Create{% endif %} Year-End Snapshot{% endblock %}

{% block breadcrumb %}
<ol class="breadcrumb" aria-label="breadcrumbs">
    <li class="breadcrumb-item"><a href="{% url 'core:dashboard' %}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{% url 'tenants:settings' %}">Settings</a></li>
    <li class="breadcrumb-item active" aria-current="page">{% if is_edit %}Edit{% else %}Create{% endif %} Snapshot</li>
</ol>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-lg-10 mx-auto">
        <form method="post" class="card" novalidate>
            {% csrf_token %}
            
            <div class="card-header">
                <h3 class="card-title">
                    <i class="ti ti-calendar-stats me-2"></i>
                    {% if is_edit %}
                        Edit Year-End Snapshot {{ snapshot.year }}
                    {% else %}
                        Create New Year-End Snapshot
                    {% endif %}
                </h3>
            </div>
            
            <div class="card-body">
                {% if is_edit and snapshot.is_finalized %}
                <div class="alert alert-warning" role="alert">
                    <div class="d-flex">
                        <div><i class="ti ti-lock icon me-2"></i></div>
                        <div>
                            <h4 class="alert-title">Snapshot Finalized</h4>
                            <div class="text-secondary">
                                This snapshot is finalized and locked. To edit financial values, 
                                uncheck "Finalize" checkbox below first.
                            </div>
                        </div>
                    </div>
                </div>
                {% endif %}
                
                <div class="alert alert-info" role="alert">
                    <div class="d-flex">
                        <div><i class="ti ti-info-circle icon me-2"></i></div>
                        <div>
                            <h4 class="alert-title">Year-End Snapshots untuk Borang B</h4>
                            <div class="text-secondary">
                                Record historical year-end balances (31 December) to ensure accurate Borang B generation across multiple years. Enter all values as at year-end closing.
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Year -->
                <div class="row mb-4">
                    <div class="col-12">
                        <h4 class="mb-3"><i class="ti ti-calendar text-primary me-2"></i>Financial Year</h4>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label required">{{ form.year.label }}</label>
                        {{ form.year }}
                        {% if form.year.errors %}
                        <div class="invalid-feedback d-block">{{ form.year.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.year.help_text }}</small>
                    </div>
                </div>
                
                <hr class="my-4">
                
                <!-- Inventory Values -->
                <div class="row mb-4">
                    <div class="col-12">
                        <h4 class="mb-3"><i class="ti ti-box text-primary me-2"></i>Inventory / Stok</h4>
                        <p class="text-muted">Critical for Cost of Goods Sold calculation</p>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label required">{{ form.opening_inventory_value.label }}</label>
                        <div class="input-group">
                            <span class="input-group-text">RM</span>
                            {{ form.opening_inventory_value }}
                        </div>
                        {% if form.opening_inventory_value.errors %}
                        <div class="invalid-feedback d-block">{{ form.opening_inventory_value.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.opening_inventory_value.help_text }}</small>
                    </div>
                    
                    <div class="col-md-6 mb-3">
                        <label class="form-label required">{{ form.closing_inventory_value.label }}</label>
                        <div class="input-group">
                            <span class="input-group-text">RM</span>
                            {{ form.closing_inventory_value }}
                        </div>
                        {% if form.closing_inventory_value.errors %}
                        <div class="invalid-feedback d-block">{{ form.closing_inventory_value.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.closing_inventory_value.help_text }}</small>
                    </div>
                </div>
                
                <hr class="my-4">
                
                <!-- Balance Sheet Items -->
                <div class="row mb-4">
                    <div class="col-12">
                        <h4 class="mb-3"><i class="ti ti-report-money text-primary me-2"></i>Balance Sheet Items (31 Dis)</h4>
                        <p class="text-muted">Year-end balances for Kunci Kira-Kira</p>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">{{ form.closing_bank_balance.label }}</label>
                        <div class="input-group">
                            <span class="input-group-text">RM</span>
                            {{ form.closing_bank_balance }}
                        </div>
                        {% if form.closing_bank_balance.errors %}
                        <div class="invalid-feedback d-block">{{ form.closing_bank_balance.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.closing_bank_balance.help_text }}</small>
                    </div>
                    
                    <div class="col-md-6 mb-3">
                        <label class="form-label">{{ form.closing_trade_receivables.label }}</label>
                        <div class="input-group">
                            <span class="input-group-text">RM</span>
                            {{ form.closing_trade_receivables }}
                        </div>
                        {% if form.closing_trade_receivables.errors %}
                        <div class="invalid-feedback d-block">{{ form.closing_trade_receivables.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.closing_trade_receivables.help_text }}</small>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">{{ form.closing_trade_payables.label }}</label>
                        <div class="input-group">
                            <span class="input-group-text">RM</span>
                            {{ form.closing_trade_payables }}
                        </div>
                        {% if form.closing_trade_payables.errors %}
                        <div class="invalid-feedback d-block">{{ form.closing_trade_payables.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.closing_trade_payables.help_text }}</small>
                    </div>
                    
                    <div class="col-md-6 mb-3">
                        <label class="form-label">{{ form.closing_loans_balance.label }}</label>
                        <div class="input-group">
                            <span class="input-group-text">RM</span>
                            {{ form.closing_loans_balance }}
                        </div>
                        {% if form.closing_loans_balance.errors %}
                        <div class="invalid-feedback d-block">{{ form.closing_loans_balance.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.closing_loans_balance.help_text }}</small>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">{{ form.closing_other_current_assets.label }}</label>
                        <div class="input-group">
                            <span class="input-group-text">RM</span>
                            {{ form.closing_other_current_assets }}
                        </div>
                        {% if form.closing_other_current_assets.errors %}
                        <div class="invalid-feedback d-block">{{ form.closing_other_current_assets.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.closing_other_current_assets.help_text }}</small>
                    </div>
                    
                    <div class="col-md-6 mb-3">
                        <label class="form-label">{{ form.closing_other_current_liabilities.label }}</label>
                        <div class="input-group">
                            <span class="input-group-text">RM</span>
                            {{ form.closing_other_current_liabilities }}
                        </div>
                        {% if form.closing_other_current_liabilities.errors %}
                        <div class="invalid-feedback d-block">{{ form.closing_other_current_liabilities.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.closing_other_current_liabilities.help_text }}</small>
                    </div>
                </div>
                
                <hr class="my-4">
                
                <!-- Notes & Finalize -->
                <div class="row mb-4">
                    <div class="col-12">
                        <h4 class="mb-3"><i class="ti ti-notes text-primary me-2"></i>Additional Information</h4>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <label class="form-label">{{ form.notes.label }}</label>
                        {{ form.notes }}
                        {% if form.notes.errors %}
                        <div class="invalid-feedback d-block">{{ form.notes.errors }}</div>
                        {% endif %}
                        <small class="form-hint">{{ form.notes.help_text }}</small>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <div class="form-check form-switch">
                            {{ form.is_finalized }}
                            <label class="form-check-label" for="{{ form.is_finalized.id_for_label }}">
                                <strong>{{ form.is_finalized.label }}</strong>
                            </label>
                        </div>
                        <small class="form-hint">{{ form.is_finalized.help_text }}</small>
                    </div>
                </div>
            </div>
            
            <div class="card-footer text-end">
                <a href="{% url 'tenants:settings' %}" class="btn btn-link">Cancel</a>
                <button type="submit" class="btn btn-primary">
                    <i class="ti ti-device-floppy me-2"></i>Save Snapshot
                </button>
            </div>
        </form>
    </div>
</div>
{% endblock %}