{% extends "base.html" %}
{% block content %}
<section class="panel">
  <form class="row g-3 mb-4" method="get">
    <div class="col-md-4"><input class="form-control" name="q" value="{{ request.args.get('q','') }}" placeholder="Cari nama atau NIK"></div>
    <div class="col-md-3"><input class="form-control" type="date" name="start" value="{{ request.args.get('start','') }}"></div>
    <div class="col-md-3"><input class="form-control" type="date" name="end" value="{{ request.args.get('end','') }}"></div>
    <div class="col-md-2 d-grid"><button class="btn btn-primary"><i class="fa-solid fa-magnifying-glass"></i> Cari</button></div>
  </form>
  <div class="table-responsive">
    <table id="analysesTable" class="table table-striped align-middle">
      <thead><tr><th>Tanggal</th><th>Nama</th><th>NIK</th><th>Total Aset</th><th>DER</th><th>RPC</th><th>Rekomendasi</th><th>Aksi</th></tr></thead>
      <tbody>
      {% for item in analyses %}
        {% set result = calculate(item) %}
        <tr>
          <td>{{ item.tanggal_analisis.strftime("%d/%m/%Y") }}</td>
          <td>{{ item.nama_debitur }}</td>
          <td>{{ item.nik }}</td>
          <td>{{ result.total_aset|rupiah }}</td>
          <td>{{ result.der }}</td>
          <td>{{ result.rpc|percent }}</td>
          <td><span class="badge badge-status">{{ result.recommendation }}</span></td>
          <td class="table-actions">
            <a class="btn btn-sm btn-primary" href="{{ url_for('main.detail_analysis', analysis_id=item.id) }}"><i class="fa-solid fa-eye"></i></a>
            <a class="btn btn-sm btn-outline-primary" href="{{ url_for('main.edit_analysis', analysis_id=item.id) }}"><i class="fa-solid fa-pen"></i></a>
            <form method="post" action="{{ url_for('main.delete_analysis', analysis_id=item.id) }}" onsubmit="return confirm('Hapus analisis ini?')">
              <button class="btn btn-sm btn-outline-danger"><i class="fa-solid fa-trash"></i></button>
            </form>
          </td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}