{% 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">Kurumlar</h1><div class="text-secondary">Müşteri ve tedarikçi cari kartları</div></div>
  {% if current_user.has_permission('institutions.manage') %}<a class="btn btn-brand" href="{{ url_for('main.institution_new') }}">{{ icon('plus', 18) }} Yeni Kurum</a>{% endif %}
</div>
<div class="card p-3 mb-3 no-print">
  <form class="row g-2">
    <div class="col-md-7"><input class="form-control" name="q" value="{{ search }}" placeholder="Kurum adı veya VKN/TCKN"></div>
    <div class="col-md-3"><select class="form-select" name="active"><option value="">Tümü</option><option value="1" {% if request.args.get('active','1')=='1' %}selected{% endif %}>Aktif</option><option value="0" {% if request.args.get('active')=='0' %}selected{% endif %}>Pasif</option></select></div>
    <div class="col-md-2"><button class="btn btn-outline-secondary w-100">Filtrele</button></div>
  </form>
</div>
<div class="card overflow-hidden">
  <div class="table-responsive"><table class="table table-hover mb-0">
    <thead><tr><th>Kurum</th><th>VKN/TCKN</th><th>Alacak</th><th>Borç</th><th>Net</th><th class="d-none d-md-table-cell"></th></tr></thead>
    <tbody>
    {% for item in pagination.items %}
      <tr>
        <td><a class="fw-semibold text-decoration-none" href="{{ url_for('main.institution_detail', institution_id=item.id) }}">{{ item.name }}</a>{% if not item.is_active %}<span class="badge text-bg-secondary ms-2">Pasif</span>{% endif %}
          <div class="d-flex d-md-none gap-1 mt-2 text-nowrap">
            <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('main.institution_detail', institution_id=item.id) }}">Aç</a>
            {% if current_user.has_permission('institutions.manage') %}<a class="btn btn-sm btn-outline-primary" href="{{ url_for('main.institution_edit', institution_id=item.id) }}">{{ icon('edit', 15) }} Düzenle</a><form method="post" action="{{ url_for('main.institution_delete', institution_id=item.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-sm btn-outline-danger">{{ icon('trash', 15) }} Sil</button></form>{% endif %}
          </div>
        </td>
        <td>{{ item.tax_number or '-' }}</td>
        <td>{% for currency, b in balances.get(item.id, {}).items() %}<div class="money-positive">{{ b.receivable|money }} {{ currency }}</div>{% endfor %}</td>
        <td>{% for currency, b in balances.get(item.id, {}).items() %}<div class="money-negative">{{ b.payable|money }} {{ currency }}</div>{% endfor %}</td>
        <td>{% for currency, b in balances.get(item.id, {}).items() %}<div>{{ b.net|money }} {{ currency }}</div>{% endfor %}</td>
        <td class="text-end text-nowrap d-none d-md-table-cell">
          <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('main.institution_detail', institution_id=item.id) }}">Aç</a>
          {% if current_user.has_permission('institutions.manage') %}
          <a class="btn btn-sm btn-outline-primary" href="{{ url_for('main.institution_edit', institution_id=item.id) }}" title="Düzenle">{{ icon('edit', 16) }} <span class="d-none d-xl-inline">Düzenle</span></a>
          <form class="d-inline" method="post" action="{{ url_for('main.institution_delete', institution_id=item.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-sm btn-outline-danger" title="Sil">{{ icon('trash', 16) }} <span class="d-none d-xl-inline">Sil</span></button>
          </form>
          {% endif %}
        </td>
      </tr>
    {% else %}<tr><td colspan="6" class="empty-state">Kurum bulunamadı.</td></tr>{% endfor %}
    </tbody>
  </table></div>
  <div class="p-3">{% include '_pagination.html' %}</div>
</div>
{% endblock %}