@extends('pmb.layout')

@section('title', 'Pembayaran - PMB UNDARMA')

@section('content')
<div class="pmb-topbar">
    <div>
        <h4><i class="fas fa-money-bill-wave text-primary"></i> Pembayaran</h4>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('pmb.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">Pembayaran</li>
            </ol>
        </nav>
    </div>
</div>

<div class="form-card">
    @php
        $pembayaran = $pendaftaran->pembayaran->first();
        $gelombang = \App\Models\PmbGelombang::first();
    @endphp

    <div class="card bg-primary text-white mb-4">
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h6 class="mb-1">Biaya Pendaftaran</h6>
                    <h3 class="mb-0">Rp {{ number_format($gelombang?->biaya_pendaftaran ?? 150000, 0, ',', '.') }}</h3>
                </div>
                <div class="col-md-6 text-md-end">
                    <h6 class="mb-1">Status Pembayaran</h6>
                    @if($pembayaran)
                        <span class="badge bg-{{ $pembayaran->status === 'terverifikasi' ? 'success' : ($pembayaran->status === 'ditolak' ? 'danger' : 'warning') }} fs-5">
                            {{ ucfirst(str_replace('_', ' ', $pembayaran->status)) }}
                        </span>
                    @else
                        <span class="badge bg-secondary fs-5">Belum Dibayar</span>
                    @endif
                </div>
            </div>
        </div>
    </div>

    @if($pembayaran && $pembayaran->status === 'terverifikasi')
        <div class="alert alert-success">
            <i class="fas fa-check-circle"></i> Pembayaran Anda telah diverifikasi. Silakan lanjutkan ke tahap cetak kartu ujian.
        </div>
        <div class="text-center">
            <a href="{{ route('pmb.cetak.kartu-ujian') }}" class="btn btn-primary btn-lg">
                <i class="fas fa-print"></i> Cetak Kartu Ujian
            </a>
        </div>
    @elseif($pembayaran && $pembayaran->status === 'menunggu_verifikasi')
        <div class="alert alert-info">
            <i class="fas fa-clock"></i> Pembayaran Anda sedang menunggu verifikasi admin.
        </div>
        <div class="card">
            <div class="card-body">
                <h6>Detail Pembayaran:</h6>
                <table class="table table-borderless table-sm">
                    <tr><td>Jumlah</td><td>: Rp {{ number_format($pembayaran->jumlah ?? $pembayaran->nominal, 0, ',', '.') }}</td></tr>
                    <tr><td>Metode</td><td>: {{ ucfirst($pembayaran->metode ?? 'Transfer') }}</td></tr>
                    <tr><td>Tanggal</td><td>: {{ ($pembayaran->tanggal_bayar ?? $pembayaran->created_at)?->format('d M Y') }}</td></tr>
                    <tr><td>Bank</td><td>: {{ $pembayaran->bank ?? '-' }}</td></tr>
                </table>
                @if($pembayaran->bukti_transfer)
                    <button type="button" class="btn btn-sm btn-info" onclick="previewDoc('{{ asset('storage/' . $pembayaran->bukti_transfer) }}', 'Bukti Transfer')">
                        <i class="fas fa-eye"></i> Lihat Bukti Transfer
                    </button>
                @endif
            </div>
        </div>
    @else
        <div class="row mb-4">
            <div class="col-md-6 mb-3">
                <div class="card border-primary h-100">
                    <div class="card-body text-center">
                        <h5><i class="fas fa-university text-primary"></i> Bank BNI</h5>
                        <p class="mb-1">No. Rekening: <strong class="fs-5">1234567890</strong></p>
                        <p class="mb-0">A/n: <strong>UNDARMA</strong></p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-3">
                <div class="card border-primary h-100">
                    <div class="card-body text-center">
                        <h5><i class="fas fa-university text-primary"></i> Bank Mandiri</h5>
                        <p class="mb-1">No. Rekening: <strong class="fs-5">0987654321</strong></p>
                        <p class="mb-0">A/n: <strong>UNDARMA</strong></p>
                    </div>
                </div>
            </div>
        </div>

        <h5 class="mb-3">Upload Bukti Pembayaran</h5>
        <form method="POST" action="{{ route('pmb.pembayaran.upload') }}" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Jumlah Transfer <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <span class="input-group-text">Rp</span>
                        <input type="number" name="jumlah" class="form-control @error('jumlah') is-invalid @enderror" value="{{ old('jumlah', $gelombang?->biaya_pendaftaran ?? 150000) }}" required>
                    </div>
                    @error('jumlah')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Metode Pembayaran <span class="text-danger">*</span></label>
                    <select name="metode" class="form-select @error('metode') is-invalid @enderror" required>
                        <option value="">Pilih</option>
                        <option value="transfer" {{ old('metode') == 'transfer' ? 'selected' : '' }}>Transfer Bank</option>
                        <option value="tunai" {{ old('metode') == 'tunai' ? 'selected' : '' }}>Tunai</option>
                        <option value="qris" {{ old('metode') == 'qris' ? 'selected' : '' }}>QRIS</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 mb-3">
                    <label class="form-label">Bank</label>
                    <input type="text" name="bank" class="form-control" value="{{ old('bank') }}" placeholder="BNI/Mandiri/BRI">
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">No. Rekening</label>
                    <input type="text" name="no_rekening" class="form-control" value="{{ old('no_rekening') }}">
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Atas Nama</label>
                    <input type="text" name="atas_nama" class="form-control" value="{{ old('atas_nama') }}">
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Tanggal Transfer <span class="text-danger">*</span></label>
                    <input type="date" name="tanggal_bayar" class="form-control @error('tanggal_bayar') is-invalid @enderror" value="{{ old('tanggal_bayar', now()->format('Y-m-d')) }}" required>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Bukti Transfer <span class="text-danger">*</span></label>
                    <input type="file" name="bukti_transfer" class="form-control @error('bukti_transfer') is-invalid @enderror" accept="image/*" required>
                    <small class="text-muted">Format: JPG/PNG. Maks: 5MB</small>
                    @error('bukti_transfer')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="mb-3">
                <label class="form-label">Keterangan</label>
                <textarea name="keterangan" class="form-control" rows="2">{{ old('keterangan') }}</textarea>
            </div>
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-upload"></i> Upload Bukti Pembayaran
            </button>
        </form>
    @endif

    <div class="d-flex justify-content-between mt-4">
        <a href="{{ route('pmb.berkas.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Sebelumnya
        </a>
    </div>
</div>
@endsection