{% extends 'base.html' %}
{% from '_icons.html' import icon %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <div><h1 class="page-title mb-1">{{ 'Fatura Düzenle' if invoice.id else 'Yeni Fatura' }}</h1><div class="text-secondary">Fatura başlığı, tarih ve tutar bilgileri</div></div>
  <a class="btn btn-outline-secondary" href="{{ url_for('main.invoices') }}">{{ icon('back', 18) }} Listeye Dön</a>
</div>
<div class="card p-4"><form method="post" id="invoiceForm" data-calculate-url="{{ url_for('main.invoice_calculate') }}">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  {% set locked = invoice.id and invoice.source == 'EDM' %}
  {% if locked %}<div class="alert alert-info d-flex gap-2 align-items-start">{{ icon('shield', 20) }}<div><strong>EDM kaydı korunuyor.</strong><div>Kurum, vade ve not dışındaki temel alanlar senkronizasyonla geldiği için kilitlidir.</div></div></div>{% endif %}
  <div class="form-section mb-3">
    <div class="form-section-title"><span class="section-icon">{{ icon('invoice', 19) }}</span>Fatura Kimliği</div>
    <div class="row g-3">
      <div class="col-md-6"><label class="form-label required">Kurum</label><select class="form-select" name="institution_id" required><option value="">Kurum seçiniz</option>{% for item in institutions %}<option value="{{ item.id }}" {% if invoice.institution_id==item.id %}selected{% endif %}>{{ item.name }}</option>{% endfor %}</select></div>
      <div class="col-md-3"><label class="form-label required">Fatura no</label><input class="form-control" name="invoice_number" value="{{ invoice.invoice_number or '' }}" placeholder="ABC2026000000001" {% if locked %}readonly{% endif %} required></div>
      <div class="col-md-3"><label class="form-label">ETTN</label><input class="form-control" name="ettn" value="{{ invoice.ettn or '' }}" placeholder="UUID" {% if locked %}readonly{% endif %}></div>
    </div>
  </div>
  <div class="form-section mb-3">
    <div class="form-section-title"><span class="section-icon">{{ icon('calendar', 19) }}</span>Tarih ve Sınıflandırma</div>
    <div class="row g-3">
      <div class="col-md-3"><label class="form-label required">Fatura tarihi</label><input class="form-control" type="date" name="invoice_date" value="{{ invoice.invoice_date.isoformat() if invoice.invoice_date else '' }}" {% if locked %}readonly{% endif %} required></div>
      <div class="col-md-3"><label class="form-label">Vade tarihi</label><input class="form-control" type="date" name="due_date" value="{{ invoice.due_date.isoformat() if invoice.due_date else '' }}"></div>
      <div class="col-md-3"><label class="form-label required">Yön</label><select class="form-select" name="direction" {% if locked %}disabled{% endif %}><option value="OUT" {% if invoice.direction=='OUT' %}selected{% endif %}>Giden · Alacak</option><option value="IN" {% if invoice.direction=='IN' %}selected{% endif %}>Gelen · Borç</option></select></div>
      <div class="col-md-3"><label class="form-label">Fatura türü</label><input class="form-control" name="invoice_type" value="{{ invoice.invoice_type or 'SATIS' }}" placeholder="SATIS / IADE" {% if locked %}readonly{% endif %}></div>
      <div class="col-md-3"><label class="form-label">Senaryo</label><input class="form-control" name="scenario" value="{{ invoice.scenario or '' }}" placeholder="TEMEL / TICARI" {% if locked %}readonly{% endif %}></div>
    </div>
  </div>
  <div class="form-section">
    <div class="form-section-title"><span class="section-icon">{{ icon('wallet', 19) }}</span>Tutar Bilgileri</div>
    {% if not locked %}{% include 'invoices/_tax_controls.html' %}{% endif %}
    <div class="row g-3">
      <div class="col-md-3"><label class="form-label">Vergisiz toplam</label><input class="form-control" name="subtotal" inputmode="decimal" value="{{ invoice.subtotal or 0 }}" {% if locked %}readonly{% endif %}></div>
      <div class="col-md-3"><label class="form-label">Hesaplanan KDV</label><input class="form-control" name="tax_total" inputmode="decimal" value="{{ invoice.tax_total or 0 }}" {% if locked %}readonly{% endif %}></div>
      <div class="col-md-3"><label class="form-label">Tevkif edilen KDV</label><input class="form-control" name="withholding_total" inputmode="decimal" value="{{ invoice.withholding_total or 0 }}" {% if locked %}readonly{% endif %}></div>
      <div class="col-md-3"><label class="form-label">KDV dahil brüt toplam</label><input class="form-control" id="grossTotal" value="{{ invoice.gross_total }}" readonly></div>
      <div class="col-md-3"><label class="form-label required">Ödenecek tutar (cari)</label><input class="form-control fw-semibold" name="total" inputmode="decimal" value="{{ invoice.total or 0 }}" {% if locked %}readonly{% endif %} required></div>
      <div class="col-md-3"><label class="form-label required">Para birimi</label><input class="form-control text-uppercase" maxlength="3" name="currency" value="{{ invoice.currency or 'TRY' }}" {% if locked %}readonly{% endif %} required></div>
      <div class="col-12"><label class="form-label">Not</label><textarea class="form-control" rows="3" name="notes" placeholder="Faturayla ilgili dahili not">{{ invoice.notes or '' }}</textarea></div>
      <div class="col-12"><label class="form-label" for="taxNote">Tevkifat / hesaplama açıklaması</label><textarea class="form-control" id="taxNote" name="tax_note" rows="2" {% if locked %}readonly{% endif %}>{{ invoice.tax_note or '' }}</textarea><div class="form-hint">Karma oranlı faturada belgedeki matrah, hesaplanan KDV, kesinti ve net tutarı ayrı girin.</div></div>
    </div>
  </div>
  <div class="mt-4 d-flex gap-2"><button class="btn btn-brand">{{ icon('save', 18) }} Faturayı Kaydet</button><a class="btn btn-light" href="{{ url_for('main.invoices') }}">Vazgeç</a></div>
</form></div>
{% endblock %}
{% block scripts %}{% if not (invoice.id and invoice.source == 'EDM') %}<script src="{{ url_for('static', filename='invoice-taxes.js') }}"></script>{% endif %}{% endblock %}