{% extends "base.html" %}
{% block content %}
<section class="stats-grid">
  <div class="stat-card"><span>Jumlah Analisis</span><strong>{{ totals.jumlah_analisis }}</strong><i class="fa-solid fa-folder-open"></i></div>
  <div class="stat-card"><span>Total Aset</span><strong>{{ totals.total_aset|rupiah }}</strong><i class="fa-solid fa-wallet"></i></div>
  <div class="stat-card"><span>Total Kewajiban</span><strong>{{ totals.total_kewajiban|rupiah }}</strong><i class="fa-solid fa-scale-balanced"></i></div>
  <div class="stat-card"><span>Total Modal</span><strong>{{ totals.total_modal|rupiah }}</strong><i class="fa-solid fa-piggy-bank"></i></div>
  <div class="stat-card"><span>Rata-rata DER</span><strong>{{ totals.rata_der }}</strong><i class="fa-solid fa-percent"></i></div>
  <div class="stat-card"><span>Rata-rata RPC</span><strong>{{ totals.rata_rpc|percent }}</strong><i class="fa-solid fa-hand-holding-dollar"></i></div>
</section>
<section class="grid-2 mt-4">
  <div class="panel"><h2>Analisis Bulanan</h2><canvas id="monthlyChart"></canvas></div>
  <div class="panel"><h2>Kualitas Debitur</h2><canvas id="qualityChart"></canvas></div>
  <div class="panel"><h2>Komposisi Aset</h2><canvas id="assetChart"></canvas></div>
  <div class="panel">
    <div class="d-flex justify-content-between align-items-center mb-3">
      <h2 class="mb-0">Analisis Terbaru</h2>
      <a href="{{ url_for('main.analyses') }}" class="btn btn-sm btn-outline-primary">Lihat Semua</a>
    </div>
    <div class="table-responsive">
      <table class="table align-middle">
        <thead><tr><th>Debitur</th><th>Tanggal</th><th>Aksi</th></tr></thead>
        <tbody>
        {% for item in recent %}
          <tr>
            <td><strong>{{ item.nama_debitur }}</strong><br><small>{{ item.nik }}</small></td>
            <td>{{ item.tanggal_analisis.strftime("%d/%m/%Y") }}</td>
            <td><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></td>
          </tr>
        {% else %}
          <tr><td colspan="3" class="text-center text-muted">Belum ada analisis.</td></tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</section>
{% endblock %}
{% block scripts %}
<script>
window.dashboardData = {
  monthlyLabels: {{ monthly_labels|tojson }},
  monthlyValues: {{ monthly_values|tojson }},
  recommendationLabels: {{ recommendation_counts.keys()|list|tojson }},
  recommendationValues: {{ recommendation_counts.values()|list|tojson }},
  assetLabels: {{ asset_comp.keys()|list|tojson }},
  assetValues: {{ asset_comp.values()|list|map('float')|list|tojson }}
};
renderDashboardCharts();
</script>
{% endblock %}