@extends('admin.layout')
@section('title','Laporan PPDB')
@section('content')

<div class="page-header">
  <div>
    <h1>Laporan PPDB</h1>
    <p>Ringkasan peserta dan pembayaran untuk supervisi Super Admin.</p>
  </div>
  <div style="display:flex;gap:10px;flex-wrap:wrap;">
    <a href="{{ route('admin.export.excel') }}" class="btn btn-primary">Export Excel</a>
    <a href="{{ route('admin.export.pdf') }}" class="btn btn-outline">Export PDF</a>
  </div>
</div>

<div class="stats-grid">
  <div class="stat-card">
    <div class="stat-icon green"><i data-lucide="users" style="width:22px;height:22px;color:var(--primary);"></i></div>
    <div><div class="stat-label">Total Pendaftar</div><div class="stat-value">{{ $totalPendaftar }}</div></div>
  </div>
  <div class="stat-card">
    <div class="stat-icon blue"><i data-lucide="shield-check" style="width:22px;height:22px;color:#2563EB;"></i></div>
    <div><div class="stat-label">Admin Aktif</div><div class="stat-value">{{ $totalAdmin }}</div></div>
  </div>
  <div class="stat-card">
    <div class="stat-icon green"><i data-lucide="check-circle-2" style="width:22px;height:22px;color:#2563EB;"></i></div>
    <div><div class="stat-label">Diterima</div><div class="stat-value">{{ $accepted }}</div></div>
  </div>
  <div class="stat-card">
    <div class="stat-icon red"><i data-lucide="x-circle" style="width:22px;height:22px;color:#DC2626;"></i></div>
    <div><div class="stat-label">Ditolak</div><div class="stat-value">{{ $rejected }}</div></div>
  </div>
</div>

<div class="card">
  <div class="card-header"><div class="card-title"><i data-lucide="trending-up" style="width:16px;height:16px;"></i> Statistik Pembayaran</div></div>
  <div class="card-body">
    <div style="overflow-x:auto;">
      <table>
        <thead>
          <tr><th>Jenis Pembayaran</th><th>Status Verifikasi</th><th>Jumlah Transaksi</th><th>Total Nominal</th></tr>
        </thead>
        <tbody>
          @forelse($paymentStats as $stat)
          <tr>
            <td>{{ ucfirst(str_replace('_', ' ', $stat->jenis_pembayaran)) }}</td>
            <td>{{ ucfirst($stat->status_verifikasi) }}</td>
            <td>{{ $stat->total }}</td>
            <td>Rp {{ number_format($stat->amount ?? 0,0,',','.') }}</td>
          </tr>
          @empty
          <tr><td colspan="4" style="text-align:center;color:var(--gray-600);padding:18px;">Belum ada data pembayaran.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-header"><div class="card-title"><i data-lucide="clock" style="width:16px;height:16px;"></i> Pembayaran Terakhir</div></div>
  <div class="card-body">
    <div style="overflow-x:auto;">
      <table>
        <thead>
          <tr><th>Tgl</th><th>Orang Tua</th><th>Email</th><th>Jenis</th><th>Status</th><th>Nominal</th></tr>
        </thead>
        <tbody>
          @forelse($latestPayments as $payment)
          <tr>
            <td>{{ \Carbon\Carbon::parse($payment->created_at)->format('d M Y') }}</td>
            <td>{{ $payment->nama_pendaftar ?? '–' }}</td>
            <td>{{ $payment->email ?? '–' }}</td>
            <td>{{ ucfirst(str_replace('_', ' ', $payment->jenis_pembayaran)) }}</td>
            @php
              $paymentStatus = $payment->status_verifikasi ?? 'belum';
              $paymentBadge = $paymentStatus === 'disetujui' ? 'green' : ($paymentStatus === 'pending' ? 'yellow' : ($paymentStatus === 'ditolak' ? 'red' : 'gray'));
            @endphp
            <td><span class="badge badge-{{ $paymentBadge }}">{{ ucfirst($paymentStatus) }}</span></td>
            <td>Rp {{ number_format($payment->total_transfer ?? 0,0,',','.') }}</td>
          </tr>
          @empty
          <tr><td colspan="6" style="text-align:center;color:var(--gray-600);padding:18px;">Belum ada pembayaran terbaru.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

@endsection