{% extends 'base.html' %}
{% block content %}
<div class="d-flex justify-content-between align-items-start mb-4">
  <div><h1 class="page-title mb-1">{{ institution.name }}</h1><div class="text-secondary">{{ institution.tax_number or 'VKN/TCKN yok' }} · {{ institution.contact_person or 'Yetkili belirtilmedi' }}</div></div>
  <div class="d-flex gap-2 no-print">
    {% if current_user.has_permission('institutions.manage') %}<a class="btn btn-outline-secondary" href="{{ url_for('main.institution_edit', institution_id=institution.id) }}">Düzenle</a><form method="post" action="{{ url_for('main.institution_delete', institution_id=institution.id) }}" onsubmit="return confirm('Bu firma kartı silinsin mi? Hareketi varsa kayıt silinmeden pasife alınacaktır.')"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="btn btn-outline-danger">Sil</button></form>{% endif %}
    {% if current_user.has_permission('invoices.manage') and institution.is_active %}<a class="btn btn-outline-secondary" href="{{ url_for('main.invoice_new', institution_id=institution.id) }}">Fatura Ekle</a>{% endif %}
    {% if current_user.has_permission('payments.manage') and institution.is_active %}<a class="btn btn-brand" href="{{ url_for('main.payment_new', institution_id=institution.id) }}">Ödeme / Tahsilat</a>{% endif %}
  </div>
</div>
<div class="row g-3 mb-4">
{% for currency, item in balances.items() %}
  <div class="col-md-4"><div class="card p-3"><div class="text-secondary">Alacak · {{ currency }}</div><div class="stat-value money-positive">{{ item.receivable|money }} {{ currency }}</div></div></div>
  <div class="col-md-4"><div class="card p-3"><div class="text-secondary">Borç · {{ currency }}</div><div class="stat-value money-negative">{{ item.payable|money }} {{ currency }}</div></div></div>
  <div class="col-md-4"><div class="card p-3"><div class="text-secondary">Net · {{ currency }}</div><div class="stat-value">{{ item.net|money }} {{ currency }}</div></div></div>
{% else %}<div class="col-12"><div class="alert alert-light border">Bu kurumda henüz bakiye hareketi yok.</div></div>{% endfor %}
</div>
<div class="card p-3 mb-4">
  <div class="d-flex justify-content-between align-items-center mb-2"><h2 class="h6 mb-0">Son Faturalar</h2><a href="{{ url_for('main.invoices', q=institution.name) }}">Tümünü gör</a></div>
  <div class="table-responsive"><table class="table mb-0"><thead><tr><th>Tarih</th><th>Fatura</th><th>Yön</th><th>Toplam</th><th>Açık</th><th>Durum</th></tr></thead><tbody>
  {% for item in invoices %}<tr class="{% if item.is_cancelled %}table-light text-secondary{% endif %}"><td>{{ item.invoice_date|date_tr }}</td><td><a href="{{ url_for('main.invoice_detail', invoice_id=item.id) }}">{{ item.invoice_number }}</a></td><td>{{ 'Gelen' if item.direction=='IN' else 'Giden' }}</td><td>{{ item.total|money }} {{ item.currency }}</td><td>{{ invoice_open_amount(item)|money }} {{ item.currency }}</td><td><span class="badge {{ 'text-bg-secondary' if item.is_cancelled else 'text-bg-success' }}">{{ 'İptal' if item.is_cancelled else 'Aktif' }}</span></td></tr>
  {% else %}<tr><td colspan="6" class="empty-state">Fatura yok.</td></tr>{% endfor %}
  </tbody></table></div>
</div>
<div class="row g-3">
  <div class="col-lg-7"><div class="card p-3"><h2 class="h6">Son Ödeme / Tahsilatlar</h2><div class="table-responsive"><table class="table mb-0"><thead><tr><th>Tarih</th><th>Yön</th><th>Tür</th><th>Tutar</th><th>Durum</th></tr></thead><tbody>
    {% for item in payments %}<tr class="{% if item.is_cancelled %}table-light text-secondary{% endif %}"><td>{{ item.transaction_date|date_tr }}</td><td><a href="{{ url_for('main.payment_detail', payment_id=item.id) }}">{{ 'Ödeme' if item.direction=='PAYMENT' else 'Tahsilat' }}</a></td><td>{{ {'CASH_ACCOUNT':'Nakit/Hesap','CHECK':'Çek','NOTE':'Senet'}.get(item.method,item.method) }}</td><td>{{ item.amount|money }} {{ item.currency }}</td><td><span class="badge {{ 'text-bg-secondary' if item.is_cancelled else 'text-bg-success' }}">{{ 'İptal' if item.is_cancelled else 'Aktif' }}</span></td></tr>{% else %}<tr><td colspan="5" class="empty-state">İşlem yok.</td></tr>{% endfor %}
  </tbody></table></div></div></div>
  <div class="col-lg-5"><div class="card p-3">
    <h2 class="h6">Açılış Bakiyesi</h2>
    {% if current_user.has_permission('institutions.manage') %}
    <form method="post" action="{{ url_for('main.opening_add', institution_id=institution.id) }}" class="row g-2 mb-3">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="col-6"><input class="form-control" type="date" name="balance_date" value="{{ now if false else '' }}" required></div>
      <div class="col-6"><select class="form-select" name="side"><option value="RECEIVABLE">Alacak</option><option value="PAYABLE">Borç</option></select></div>
      <div class="col-7"><input class="form-control" name="amount" inputmode="decimal" placeholder="Tutar" required></div>
      <div class="col-5"><input class="form-control" name="currency" value="TRY" maxlength="3" required></div>
      <div class="col-12"><input class="form-control" name="description" placeholder="Açıklama"></div>
      <div class="col-12"><button class="btn btn-sm btn-brand">Ekle</button></div>
    </form>
    {% endif %}
    {% for item in openings %}<div class="d-flex justify-content-between align-items-center border-top py-2"><span>{{ item.balance_date|date_tr }} · {{ 'Alacak' if item.side=='RECEIVABLE' else 'Borç' }}{% if item.is_cancelled %} <span class="badge text-bg-secondary">İptal</span>{% endif %}</span><span>{{ item.amount|money }} {{ item.currency }}{% if not item.is_cancelled and current_user.has_permission('institutions.manage') %}<form class="d-inline ms-2" method="post" action="{{ url_for('main.opening_cancel', opening_id=item.id) }}" onsubmit="return confirm('Açılış bakiyesi iptal edilsin mi?')"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="btn btn-sm btn-link text-danger p-0">İptal</button></form>{% endif %}</span></div>{% else %}<div class="text-secondary">Kayıt yok.</div>{% endfor %}
  </div></div>
</div>
{% endblock %}