{% extends "base.html" %}
{% block content %}

<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
  <h5 class="mb-0">Chart of Accounts</h5>
  <form method="post" action="{{ url_for('coa_upload') }}" enctype="multipart/form-data" class="d-flex gap-2 align-items-center">
    <a class="text-muted small" href="{{ url_for('csv_template', name='chart_of_accounts_template.csv') }}">Columns: account_no, description &middot; template</a>
    <input type="file" name="csv_file" class="form-control form-control-sm" style="width:auto;" accept=".csv" required>
    <button class="btn btn-sm btn-primary">Upload CSV</button>
  </form>
</div>

<table class="table table-dark table-hover table-sm align-middle">
  <thead>
    <tr>
      <th style="width:90px;">Batch ID</th>
      <th>Filename</th>
      <th style="width:100px;">Uploaded</th>
      <th style="width:80px;" class="text-end">Rows</th>
      <th style="width:100px; padding-left: 20px;">Status</th>
      <th style="width:280px;">Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for uid, type, filename, uploaded_at, status, row_count, source_type in batches %}
    <tr>
      <td class="mono">{{ uid[:8] }}</td>
      <td>{{ filename }}</td>
      <td>{{ uploaded_at[:10] }}</td>
      <td class="mono text-end">{{ row_count }}</td>
      <td style="padding-left: 20px;">
        <span class="badge {{ 'badge-posted' if status == 'POSTED' else 'badge-draft' }}">{{ status }}</span>
      </td>
      <td>
        <div class="d-flex gap-1 flex-wrap">
          <form method="post" action="{{ url_for('coa_post',   uid=uid) }}"><button class="btn btn-outline-success  btn-sm py-0 px-2">Post</button></form>
          <form method="post" action="{{ url_for('coa_unpost', uid=uid) }}"><button class="btn btn-outline-secondary btn-sm py-0 px-2">Unpost</button></form>
          <a class="btn btn-outline-info    btn-sm py-0 px-2" href="{{ url_for('coa_export', uid=uid) }}">Export</a>
          <a class="btn btn-outline-light   btn-sm py-0 px-2" href="{{ url_for('coa_view',   uid=uid) }}">View</a>
          <form method="post" action="{{ url_for('coa_delete', uid=uid) }}"
                onsubmit="return confirm('Delete this batch? (Must be DRAFT)')">
            <button class="btn btn-outline-danger btn-sm py-0 px-2">Delete</button>
          </form>
        </div>
      </td>
    </tr>
    {% else %}
    <tr><td colspan="6" class="text-muted text-center py-3">No batches uploaded yet.</td></tr>
    {% endfor %}
  </tbody>
</table>

{% endblock %}