@extends('mahasiswa.layout', [
    'title' => 'Keuangan Mahasiswa',
    'heading' => 'Tagihan & Pembayaran',
    'subheading' => 'Lihat tagihan semester berjalan, upload bukti pembayaran, dan pantau histori cicilan kamu.',
])

@section('mahasiswa-content')
    <div class="row">
        <div class="col-md-3">
            <div class="small-box bg-primary">
                <div class="inner">
                    <h3>{{ $summaryCards['tagihan'] }}</h3>
                    <p>Total Tagihan</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3>{{ $summaryCards['verifikasi'] }}</h3>
                    <p>Menunggu Verifikasi</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="small-box bg-secondary">
                <div class="inner">
                    <h3>{{ $summaryCards['belum_lunas'] }}</h3>
                    <p>Belum Lunas</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="small-box bg-success">
                <div class="inner">
                    <h3>Rp {{ number_format((float) $summaryCards['nominal'], 0, ',', '.') }}</h3>
                    <p>Total Tagihan + Denda</p>
                </div>
            </div>
        </div>
    </div>

    @if ($summaryCards['denda'] > 0)
        <div class="alert alert-warning">
            Total denda keterlambatan aktif pada akun kamu saat ini: <strong>Rp {{ number_format((float) $summaryCards['denda'], 0, ',', '.') }}</strong>.
        </div>
    @endif

    <div class="row">
        @forelse ($payments as $row)
            @php($payment = $row['payment'])
            @php($summary = $row['summary'])
            <div class="col-lg-6">
                <div class="card card-outline card-primary">
                    <div class="card-header">
                        <h3 class="card-title font-weight-bold">{{ $payment->jenis_pembayaran ?? '-' }}</h3>
                    </div>
                    <div class="card-body">
                        <p class="mb-1 text-muted">{{ $payment->tahunAkademik?->tahun ?? '-' }} / {{ $payment->tahunAkademik?->semester ?? '-' }}</p>
                        <p class="mb-1"><strong>Tagihan Pokok:</strong> Rp {{ number_format((float) $summary['nominal'], 0, ',', '.') }}</p>
                        <p class="mb-1"><strong>Denda:</strong> Rp {{ number_format((float) $summary['late_fee'], 0, ',', '.') }}</p>
                        <p class="mb-1"><strong>Total Tagihan:</strong> Rp {{ number_format((float) $summary['total_due'], 0, ',', '.') }}</p>
                        <p class="mb-1"><strong>Dibayar:</strong> Rp {{ number_format((float) $summary['approved'], 0, ',', '.') }}</p>
                        <p class="mb-1"><strong>Pending:</strong> Rp {{ number_format((float) $summary['pending'], 0, ',', '.') }}</p>
                        <p class="mb-2"><strong>Sisa:</strong> Rp {{ number_format((float) $summary['outstanding'], 0, ',', '.') }}</p>
                        <span class="badge badge-{{ $payment->status === 'lunas' ? 'success' : ($payment->status === 'verifikasi' ? 'warning' : 'secondary') }}">
                            {{ $payment->status === 'belum_lunas' ? 'Belum Lunas' : ucfirst($payment->status) }}
                        </span>
                        @if ($summary['overdue'])
                            <span class="badge badge-danger ml-1">Overdue {{ $summary['days_overdue'] }} hari</span>
                        @endif
                        <div class="progress progress-sm mt-3 mb-3">
                            <div class="progress-bar bg-success" style="width: {{ $summary['progress'] }}%"></div>
                        </div>

                        @if ($summary['outstanding'] > 0 || $summary['pending'] > 0)
                            <div class="card card-light">
                                <div class="card-header">
                                    <h3 class="card-title">Upload Bukti Pembayaran</h3>
                                </div>
                                <form method="POST" action="{{ route('mahasiswa.keuangan.upload-proof', $payment) }}" enctype="multipart/form-data">
                                    @csrf
                                    <div class="card-body">
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <label>Nominal Bayar</label>
                                                <input type="number" name="nominal_cicilan" class="form-control" min="1" step="0.01" placeholder="Masukkan nominal transfer" required>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Tanggal Bayar</label>
                                                <input type="date" name="tanggal_bayar" class="form-control" value="{{ now()->toDateString() }}" required>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <label>Metode Pembayaran</label>
                                                <input type="text" name="metode_pembayaran" class="form-control" placeholder="Contoh: Transfer BNI" required>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label>Bukti Pembayaran</label>
                                                <input type="file" name="bukti_pembayaran" class="form-control-file" accept=".jpg,.jpeg,.png,.pdf" required>
                                            </div>
                                        </div>
                                        <div class="form-group mb-0">
                                            <label>Keterangan</label>
                                            <textarea name="keterangan" class="form-control" rows="2" placeholder="Catatan tambahan bila perlu"></textarea>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <button type="submit" class="btn btn-primary btn-block">Upload Bukti Pembayaran</button>
                                    </div>
                                </form>
                            </div>
                        @else
                            <div class="alert alert-success mb-0">
                                Tagihan ini sudah lunas penuh. Tidak ada aksi pembayaran tambahan yang diperlukan.
                            </div>
                        @endif

                        <div class="mt-3">
                            <h5 class="mb-2">Histori Cicilan</h5>
                            @forelse ($payment->cicilan as $installment)
                                <div class="callout callout-{{ $installment->status === 'dibayar' ? 'success' : 'warning' }}">
                                    <h5 class="mb-1">Rp {{ number_format((float) $installment->nominal_cicilan, 0, ',', '.') }}</h5>
                                    <p class="mb-1 text-muted">{{ $installment->tanggal_bayar?->format('d M Y') ?? '-' }} / {{ $installment->metode_pembayaran ?? '-' }}</p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span class="badge badge-{{ $installment->status === 'dibayar' ? 'success' : 'warning' }}">
                                            {{ $installment->status === 'dibayar' ? 'Dibayar' : 'Menunggu Verifikasi' }}
                                        </span>
                                        @if ($installment->bukti_pembayaran)
                                            <a href="{{ route('mahasiswa.keuangan.proof', [$payment, $installment]) }}" class="btn btn-sm btn-outline-info">
                                                <i class="fas fa-download mr-1"></i>
                                                Bukti
                                            </a>
                                        @endif
                                    </div>
                                </div>
                            @empty
                                <div class="alert alert-light border mb-0">Belum ada histori pembayaran untuk tagihan ini.</div>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        @empty
            <div class="col-12">
                <div class="alert alert-light border">Belum ada tagihan pembayaran untuk akun mahasiswa ini.</div>
            </div>
        @endforelse
    </div>
@endsection