@extends('keuangan.layout', [
    'title' => 'Detail Pembayaran',
    'heading' => 'Detail Tagihan & Pembayaran',
    'subheading' => 'Validasi pembayaran mahasiswa, kelola cicilan, dan pantau progres penyelesaian tagihan.',
])

@section('page_actions')
    <div class="btn-group">
        <a href="{{ route('keuangan.index') }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left mr-1"></i>
            Kembali
        </a>
        <a href="{{ route('keuangan.edit', $payment) }}" class="btn btn-warning">
            <i class="fas fa-edit mr-1"></i>
            Edit Tagihan
        </a>
    </div>
@endsection

@section('keuangan-content')
    <div class="row">
        <div class="col-lg-3">
            <div class="small-box bg-dark">
                <div class="inner">
                    <h3>Rp {{ number_format((float) $summary['nominal'], 0, ',', '.') }}</h3>
                    <p>Tagihan Pokok</p>
                </div>
                <div class="icon"><i class="fas fa-file-invoice-dollar"></i></div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="small-box bg-danger">
                <div class="inner">
                    <h3>Rp {{ number_format((float) $summary['late_fee'], 0, ',', '.') }}</h3>
                    <p>Denda Keterlambatan</p>
                </div>
                <div class="icon"><i class="fas fa-exclamation-triangle"></i></div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="small-box bg-success">
                <div class="inner">
                    <h3>Rp {{ number_format((float) $summary['approved'], 0, ',', '.') }}</h3>
                    <p>Total Dibayar</p>
                </div>
                <div class="icon"><i class="fas fa-check-circle"></i></div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3>Rp {{ number_format((float) $summary['outstanding'], 0, ',', '.') }}</h3>
                    <p>Sisa Tagihan</p>
                </div>
                <div class="icon"><i class="fas fa-hourglass-half"></i></div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-5">
            <div class="card card-outline card-dark">
                <div class="card-header">
                    <h3 class="card-title">Informasi Tagihan</h3>
                </div>
                <div class="card-body">
                    <div class="info-label">Mahasiswa</div>
                    <p>{{ $payment->mahasiswa?->nama_mahasiswa ?? '-' }} ({{ $payment->mahasiswa?->nim ?? '-' }})</p>

                    <div class="info-label">Program Studi</div>
                    <p>{{ $payment->mahasiswa?->prodi?->nama_prodi ?? '-' }}</p>

                    <div class="info-label">Jenis Pembayaran</div>
                    <p>{{ $payment->jenis_pembayaran ?? '-' }}</p>

                    <div class="info-label">Tahun Akademik</div>
                    <p>{{ $payment->tahunAkademik?->tahun ?? '-' }} / {{ $payment->tahunAkademik?->semester ?? '-' }}</p>

                    <div class="info-label">Status</div>
                    <p>
                        <span class="badge badge-{{ $payment->status === 'lunas' ? 'success' : ($payment->status === 'verifikasi' ? 'warning' : 'secondary') }}">
                            {{ $payment->status === 'lunas' ? 'Lunas' : ($payment->status === 'verifikasi' ? 'Verifikasi' : 'Belum Lunas') }}
                        </span>
                    </p>

                    <div class="info-label">Jatuh Tempo</div>
                    <p>{{ $payment->tanggal_jatuh_tempo?->format('d M Y') ?? '-' }}</p>

                    <div class="info-label">Persentase Denda</div>
                    <p>{{ (float) $payment->persentase_denda > 0 ? number_format((float) $payment->persentase_denda, 2, ',', '.').'%' : '-' }}</p>

                    <div class="info-label">Denda Diterapkan</div>
                    <p>{{ $payment->tanggal_denda_diterapkan?->format('d M Y') ?? '-' }}</p>

                    <div class="info-label">Catatan Admin</div>
                    <p class="mb-0">{{ $payment->catatan_admin ?: '-' }}</p>
                </div>
            </div>

            @if ($summary['late_fee_applicable'])
                <div class="alert alert-warning">
                    Tagihan ini sudah melewati jatuh tempo selama <strong>{{ $summary['days_overdue'] }} hari</strong>.
                    Denda yang bisa diterapkan: <strong>Rp {{ number_format((float) $summary['late_fee_preview'], 0, ',', '.') }}</strong>.
                </div>

                <form method="POST" action="{{ route('keuangan.apply-late-fee', $payment) }}" class="mb-3">
                    @csrf
                    <button type="submit" class="btn btn-danger btn-block">
                        <i class="fas fa-exclamation-triangle mr-1"></i>
                        Terapkan Denda Keterlambatan
                    </button>
                </form>
            @endif

            <div class="card card-outline card-info">
                <div class="card-header">
                    <h3 class="card-title">Tambah Cicilan Manual</h3>
                </div>
                <form method="POST" action="{{ route('keuangan.installments.store', $payment) }}">
                    @csrf
                    <div class="card-body">
                        <div class="form-group">
                            <label for="nominal_cicilan">Nominal Cicilan</label>
                            <input id="nominal_cicilan" type="number" name="nominal_cicilan" class="form-control" min="1" step="0.01" placeholder="Masukkan nominal cicilan" required>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="tanggal_bayar">Tanggal Bayar</label>
                                <input id="tanggal_bayar" type="date" name="tanggal_bayar" class="form-control" value="{{ now()->toDateString() }}" required>
                            </div>
                            <div class="form-group col-md-6">
                                <label for="metode_pembayaran">Metode</label>
                                <input id="metode_pembayaran" type="text" name="metode_pembayaran" class="form-control" placeholder="Contoh: Transfer BRI">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-5">
                                <label for="status">Status Cicilan</label>
                                <select id="status" name="status" class="form-control" required>
                                    @foreach ($installmentStatusOptions as $value => $label)
                                        <option value="{{ $value }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-7">
                                <label for="keterangan">Keterangan</label>
                                <input id="keterangan" type="text" name="keterangan" class="form-control" placeholder="Catatan tambahan">
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-info">Simpan Cicilan</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="col-lg-7">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Histori Cicilan & Validasi</h3>
                </div>
                <div class="card-body">
                    <div class="progress progress-md mb-3">
                        <div class="progress-bar bg-success" style="width: {{ $summary['progress'] }}%"></div>
                    </div>
                    <p class="text-muted">
                        Progress pembayaran {{ $summary['progress'] }}%.
                        Total kewajiban saat ini Rp {{ number_format((float) $summary['total_due'], 0, ',', '.') }}.
                        Pending verifikasi: Rp {{ number_format((float) $summary['pending'], 0, ',', '.') }}.
                    </p>

                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Tanggal</th>
                                    <th>Nominal</th>
                                    <th>Metode</th>
                                    <th>Status</th>
                                    <th>Bukti</th>
                                    <th>Keterangan</th>
                                    <th width="220">Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($payment->cicilan as $installment)
                                    <tr>
                                        <td>{{ $installment->tanggal_bayar?->format('d M Y') ?? '-' }}</td>
                                        <td>Rp {{ number_format((float) $installment->nominal_cicilan, 0, ',', '.') }}</td>
                                        <td>{{ $installment->metode_pembayaran ?? '-' }}</td>
                                        <td>
                                            <span class="badge badge-{{ $installment->status === 'dibayar' ? 'success' : 'warning' }}">
                                                {{ $installment->status === 'dibayar' ? 'Dibayar' : 'Menunggu Verifikasi' }}
                                            </span>
                                        </td>
                                        <td>
                                            @if ($installment->bukti_pembayaran)
                                                <a href="{{ route('keuangan.installments.proof', [$payment, $installment]) }}" class="btn btn-sm btn-outline-info">
                                                    <i class="fas fa-download mr-1"></i>
                                                    Bukti
                                                </a>
                                            @else
                                                -
                                            @endif
                                        </td>
                                        <td>{{ $installment->keterangan ?: '-' }}</td>
                                        <td>
                                            <div class="btn-group">
                                                @if ($installment->status === 'belum')
                                                    <form method="POST" action="{{ route('keuangan.installments.verify', [$payment, $installment]) }}">
                                                        @csrf
                                                        <button type="submit" class="btn btn-sm btn-success">
                                                            <i class="fas fa-check mr-1"></i>
                                                            Validasi
                                                        </button>
                                                    </form>
                                                    <form method="POST" action="{{ route('keuangan.installments.reject', [$payment, $installment]) }}" onsubmit="return confirm('Tolak pengajuan pembayaran ini?');">
                                                        @csrf
                                                        <button type="submit" class="btn btn-sm btn-danger">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Tolak
                                                        </button>
                                                    </form>
                                                @endif
                                                <form method="POST" action="{{ route('keuangan.installments.destroy', [$payment, $installment]) }}" onsubmit="return confirm('Hapus data cicilan ini?');">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-outline-secondary">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </form>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center text-muted">Belum ada histori cicilan untuk tagihan ini.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection