{% 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">Faturalar</h1><div class="text-secondary">Gelen ve giden faturalar</div></div>
  {% if current_user.has_permission('invoices.manage') %}<a class="btn btn-brand" href="{{ url_for('main.invoice_new') }}">{{ icon('plus', 18) }} Yeni Fatura</a>{% endif %}
</div>
<div class="card p-3 mb-3 no-print">
  <form class="row g-2">
    <div class="col-lg-4"><input class="form-control" name="q" value="{{ request.args.get('q','') }}" placeholder="Kurum, fatura no veya ETTN"></div>
    <div class="col-6 col-lg-2"><select class="form-select" name="direction"><option value="">Tüm yönler</option><option value="IN" {% if request.args.get('direction')=='IN' %}selected{% endif %}>Gelen</option><option value="OUT" {% if request.args.get('direction')=='OUT' %}selected{% endif %}>Giden</option></select></div>
    <div class="col-6 col-lg-2"><input class="form-control" name="currency" value="{{ request.args.get('currency','') }}" placeholder="Para birimi"></div>
    <div class="col-6 col-lg-2"><select class="form-select" name="source"><option value="">Tüm kaynaklar</option>{% for value in ['MANUAL','EXCEL','EDM','MICRO'] %}<option value="{{ value }}" {% if request.args.get('source')==value %}selected{% endif %}>{{ value }}</option>{% endfor %}</select></div>
    <div class="col-6 col-lg-2"><button class="btn btn-outline-secondary w-100">Filtrele</button></div>
  </form>
</div>
{% if current_user.has_permission('invoices.manage') %}
<form method="post" action="{{ url_for('main.invoices_bulk_due_date') }}" id="bulkDueDateForm">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  <div class="card p-3 mb-3 no-print bulk-action-bar">
    <div class="d-flex flex-column flex-md-row align-items-md-end gap-2">
      <div class="me-md-auto">
        <div class="fw-semibold">Toplu vade tarihi güncelleme</div>
        <div class="form-hint"><span id="selectedInvoiceCount">0</span> fatura seçildi. İptal edilmiş faturalar değiştirilmez.</div>
      </div>
      <div><label class="form-label mb-1 required" for="bulkDueDate">Yeni vade tarihi</label><input class="form-control" id="bulkDueDate" type="date" name="due_date" required></div>
      <button class="btn btn-brand" id="bulkDueDateButton" type="submit" disabled>{{ icon('calendar', 18) }} Seçililere Uygula</button>
    </div>
  </div>
{% endif %}
<div class="card overflow-hidden"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr>{% if current_user.has_permission('invoices.manage') %}<th class="invoice-select-cell"><input class="form-check-input" type="checkbox" id="selectAllInvoices" aria-label="Bu sayfadaki tüm faturaları seç"></th>{% endif %}<th>Tarih</th><th>Vade</th><th>Kurum</th><th>Fatura No</th><th>Yön</th><th>Kaynak</th><th>Toplam</th><th>Açık</th><th>Durum</th><th>İşlem</th></tr></thead>
  <tbody>{% for item in pagination.items %}
  <tr class="{% if item.is_cancelled %}table-light text-secondary{% endif %}">
    {% if current_user.has_permission('invoices.manage') %}<td class="invoice-select-cell"><input class="form-check-input invoice-select" type="checkbox" name="invoice_ids" value="{{ item.id }}" aria-label="{{ item.invoice_number }} faturasını seç" {% if item.is_cancelled %}disabled{% endif %}></td>{% endif %}
    <td>{{ item.invoice_date|date_tr }}</td><td>{{ item.due_date|date_tr }}</td><td>{{ item.institution.name }}</td>
    <td><a href="{{ url_for('main.invoice_detail', invoice_id=item.id) }}">{{ item.invoice_number }}</a></td>
    <td><span class="badge {{ 'text-bg-warning' if item.direction=='IN' else 'text-bg-success' }}">{{ 'Gelen' if item.direction=='IN' else 'Giden' }}</span></td>
    <td><span class="badge badge-soft">{{ item.source }}</span></td>
    <td>{{ item.total|money }} {{ item.currency }}</td><td>{{ invoice_open_amount(item)|money }} {{ item.currency }}</td>
    <td>{% if item.is_cancelled %}<span class="badge text-bg-secondary">İptal</span>{% else %}{{ item.external_status or 'Aktif' }}{% endif %}</td>
    <td class="text-nowrap"><a class="btn btn-sm btn-outline-secondary" href="{{ url_for('main.invoice_detail', invoice_id=item.id) }}">Görüntüle</a>{% if current_user.has_permission('invoices.manage') and not item.is_cancelled %} <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('main.invoice_edit', invoice_id=item.id) }}">Düzenle</a>{% endif %}</td>
  </tr>{% else %}<tr><td colspan="{{ 11 if current_user.has_permission('invoices.manage') else 10 }}" class="empty-state">Fatura bulunamadı.</td></tr>{% endfor %}</tbody>
</table></div><div class="p-3">{% include '_pagination.html' %}</div></div>
{% if current_user.has_permission('invoices.manage') %}</form>{% endif %}
{% endblock %}
{% block scripts %}{% if current_user.has_permission('invoices.manage') %}<script>
(() => {
  const selectAll = document.getElementById('selectAllInvoices');
  const selections = Array.from(document.querySelectorAll('.invoice-select:not(:disabled)'));
  const count = document.getElementById('selectedInvoiceCount');
  const submit = document.getElementById('bulkDueDateButton');
  function refreshSelection() {
    const selected = selections.filter(item => item.checked).length;
    count.textContent = selected;
    submit.disabled = selected === 0;
    selectAll.checked = selections.length > 0 && selected === selections.length;
    selectAll.indeterminate = selected > 0 && selected < selections.length;
  }
  selectAll.addEventListener('change', () => { selections.forEach(item => { item.checked = selectAll.checked; }); refreshSelection(); });
  selections.forEach(item => item.addEventListener('change', refreshSelection));
  refreshSelection();
})();
</script>{% endif %}{% endblock %}