{% extends 'base.html' %}
{% block content %}
<div class="row g-4">
  <div class="col-xl-4">
    <div class="card border-0 shadow-sm">
      <div class="card-header bg-white"><h5 class="fw-bold mb-0">Input Transaksi</h5></div>
      <div class="card-body">
        {% if current_user.role in ['super_admin', 'admin'] %}
        <form method="post" class="row g-3">
          <div class="col-12"><input type="date" class="form-control" name="trans_date" required></div>
          <div class="col-md-6"><select class="form-select" name="category"><option value="income">Pemasukan</option><option value="expense">Pengeluaran</option></select></div>
          <div class="col-md-6"><input class="form-control" name="source_type" placeholder="Mahasiswa/Yayasan/Sumbangan/Pengeluaran" required></div>
          <div class="col-12"><input class="form-control" type="number" step="0.01" name="amount" placeholder="Nominal" required></div>
          <div class="col-12"><input class="form-control" name="unit" placeholder="Unit"></div>
          <div class="col-12"><textarea class="form-control" name="description" placeholder="Keterangan"></textarea></div>
          <div class="col-12"><button class="btn btn-primary w-100">Simpan Transaksi</button></div>
        </form>
        {% endif %}
      </div>
    </div>
  </div>
  <div class="col-xl-8">
    <div class="row g-3 mb-3">
      <div class="col-md-6"><div class="metric-card card"><div class="card-body"><div class="metric-label">Total Pemasukan</div><div class="metric-value">Rp {{ '{:,.0f}'.format(total_income).replace(',', '.') }}</div></div></div></div>
      <div class="col-md-6"><div class="metric-card card"><div class="card-body"><div class="metric-label">Total Pengeluaran</div><div class="metric-value">Rp {{ '{:,.0f}'.format(total_expense).replace(',', '.') }}</div></div></div></div>
    </div>
    <div class="card border-0 shadow-sm">
      <div class="card-header bg-white"><h5 class="fw-bold mb-0">Riwayat Transaksi</h5></div>
      <div class="card-body table-responsive">
        <table class="table">
          <thead><tr><th>Tanggal</th><th>Jenis</th><th>Sumber</th><th>Unit</th><th>Nominal</th><th>Keterangan</th></tr></thead>
          <tbody>
            {% for row in transactions %}
            <tr><td>{{ row.trans_date }}</td><td>{{ row.category }}</td><td>{{ row.source_type }}</td><td>{{ row.unit }}</td><td>Rp {{ '{:,.0f}'.format(row.amount).replace(',', '.') }}</td><td>{{ row.description }}</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}