@extends('keuangan.layout', [
    'title' => 'Tagihan & Pembayaran',
    'heading' => 'Tagihan & Pembayaran Mahasiswa',
    'subheading' => 'Pantau seluruh tagihan mahasiswa, status validasi, progres cicilan, dan tindak lanjut pembayaran.',
])

@section('page_actions')
    <a href="{{ route('keuangan.create') }}" class="btn btn-dark">
        <i class="fas fa-plus mr-1"></i>
        Tambah Tagihan
    </a>
@endsection

@section('keuangan-content')
    <div class="row">
        @foreach ($summaryCards as $card)
            <div class="col-lg-3 col-md-6">
                <div class="small-box {{ $card['color'] }}">
                    <div class="inner">
                        <h3>{{ $card['value'] }}</h3>
                        <p class="font-weight-bold mb-1">{{ $card['label'] }}</p>
                        <p>{{ $card['description'] }}</p>
                    </div>
                    <div class="icon"><i class="{{ $card['icon'] }}"></i></div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Daftar Tagihan Mahasiswa</h3>
            <div class="card-tools">
                <span class="badge badge-info">Total {{ $payments->total() }}</span>
            </div>
        </div>
        <div class="card-body">
            <form method="GET" class="mb-3">
                <div class="row">
                    <div class="col-md-3">
                        <input type="text" name="q" class="form-control" placeholder="Cari mahasiswa atau jenis pembayaran..." value="{{ $search }}">
                    </div>
                    <div class="col-md-3">
                        <select name="prodi_id" class="form-control">
                            <option value="">Semua Prodi</option>
                            @foreach ($programs as $program)
                                <option value="{{ $program->id }}" @selected($programId === $program->id)>{{ $program->nama_prodi }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="tahun_akademik_id" class="form-control">
                            <option value="">Semua Tahun Akademik</option>
                            @foreach ($years as $year)
                                <option value="{{ $year->id }}" @selected($tahunAkademikId === $year->id)>{{ $year->tahun }} / {{ $year->semester }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select name="status" class="form-control">
                            <option value="">Semua Status</option>
                            @foreach ($statusOptions as $value => $label)
                                <option value="{{ $value }}" @selected($status === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <div class="btn-group w-100">
                            <button type="submit" class="btn btn-default">Filter</button>
                            @if ($search !== '' || $status !== '' || $tahunAkademikId > 0 || $programId > 0)
                                <a href="{{ route('keuangan.index') }}" class="btn btn-outline-secondary">Reset</a>
                            @endif
                        </div>
                    </div>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Mahasiswa</th>
                            <th>Jenis Pembayaran</th>
                            <th>Tahun Akademik</th>
                            <th>Nominal</th>
                            <th>Progress</th>
                            <th>Status</th>
                            <th width="170">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($payments as $row)
                            @php($payment = $row['payment'])
                            @php($summary = $row['summary'])
                            <tr>
                                <td>
                                    <strong>{{ $payment->mahasiswa?->nama_mahasiswa ?? '-' }}</strong>
                                    <div class="text-muted text-sm">{{ $payment->mahasiswa?->nim ?? '-' }} / {{ $payment->mahasiswa?->prodi?->nama_prodi ?? '-' }}</div>
                                </td>
                                <td>
                                    <strong>{{ $payment->jenis_pembayaran ?? '-' }}</strong>
                                    <div class="text-muted text-sm">Jatuh tempo: {{ $payment->tanggal_jatuh_tempo?->format('d M Y') ?? '-' }}</div>
                                    <div class="text-muted text-sm">Denda: {{ (float) $payment->persentase_denda > 0 ? number_format((float) $payment->persentase_denda, 2, ',', '.').'%' : '-' }}</div>
                                </td>
                                <td>{{ $payment->tahunAkademik?->tahun ?? '-' }} / {{ $payment->tahunAkademik?->semester ?? '-' }}</td>
                                <td>
                                    <strong>Rp {{ number_format((float) $summary['total_due'], 0, ',', '.') }}</strong>
                                    @if ($summary['late_fee'] > 0)
                                        <div class="text-danger text-sm">Denda aktif: Rp {{ number_format((float) $summary['late_fee'], 0, ',', '.') }}</div>
                                    @endif
                                    <div class="text-muted text-sm">Sisa: Rp {{ number_format((float) $summary['outstanding'], 0, ',', '.') }}</div>
                                </td>
                                <td style="min-width: 180px;">
                                    <div class="progress progress-sm mb-1">
                                        <div class="progress-bar bg-success" style="width: {{ $summary['progress'] }}%"></div>
                                    </div>
                                    <div class="text-muted text-sm">
                                        Dibayar Rp {{ number_format((float) $summary['approved'], 0, ',', '.') }}
                                        @if ($summary['pending'] > 0)
                                            / Pending Rp {{ number_format((float) $summary['pending'], 0, ',', '.') }}
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    <span class="badge badge-{{ $payment->status === 'lunas' ? 'success' : ($payment->status === 'verifikasi' ? 'warning' : 'secondary') }}">
                                        {{ $statusOptions[$payment->status] ?? ucfirst($payment->status) }}
                                    </span>
                                    @if ($summary['overdue'])
                                        <div class="text-danger text-sm mt-1">Overdue {{ $summary['days_overdue'] }} hari</div>
                                    @endif
                                </td>
                                <td>
                                    <div class="btn-group">
                                        <a href="{{ route('keuangan.show', $payment) }}" class="btn btn-sm btn-info">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <a href="{{ route('keuangan.edit', $payment) }}" class="btn btn-sm btn-warning">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted">Belum ada data tagihan mahasiswa.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @include('partials.pagination-simple', ['paginator' => $payments])
        </div>
    </div>
@endsection