@extends('layouts.app')

@section('title', 'Detail Pendaftar')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0"><i class="fas fa-user mr-2"></i>Detail Pendaftar</h1>
            </div>
            <div class="col-sm-6">
                <a href="{{ route('pmb.admin.index') }}" class="btn btn-secondary float-right">
                    <i class="fas fa-arrow-left mr-1"></i>Kembali
                </a>
            </div>
        </div>
    </div>
</div>

<section class="content">
    <div class="container-fluid">
        <div class="row">
            <!-- Data Pribadi -->
            <div class="col-md-4">
                <div class="card">
                    <div class="card-header bg-primary">
                        <h3 class="card-title"><i class="fas fa-user mr-2"></i>Data Pribadi</h3>
                    </div>
                    <div class="card-body">
                        @if($pendaftaran->pas_foto)
                            <div class="text-center mb-3">
                                <img src="{{ asset('storage/' . $pendaftaran->pas_foto) }}" 
                                     class="img-fluid rounded" style="max-height: 200px; border: 3px solid #007bff;">
                            </div>
                        @endif
                        <table class="table table-borderless table-sm">
                            <tr><td class="text-muted">No. Daftar</td><td class="font-weight-bold">{{ $pendaftaran->nomor_pendaftaran ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Nama</td><td class="font-weight-bold">{{ $pendaftaran->nama_lengkap }}</td></tr>
                            <tr><td class="text-muted">NIK</td><td class="font-weight-bold">{{ $pendaftaran->nik ?? '-' }}</td></tr>
                            <tr><td class="text-muted">TTL</td><td class="font-weight-bold">{{ $pendaftaran->tempat_lahir }}, {{ $pendaftaran->tanggal_lahir?->format('d/m/Y') }}</td></tr>
                            <tr><td class="text-muted">Jenis Kelamin</td><td class="font-weight-bold">{{ $pendaftaran->jenis_kelamin === 'L' ? 'Laki-laki' : 'Perempuan' }}</td></tr>
                            <tr><td class="text-muted">Agama</td><td class="font-weight-bold">{{ $pendaftaran->agama }}</td></tr>
                            <tr><td class="text-muted">No. HP</td><td class="font-weight-bold">{{ $pendaftaran->no_hp }}</td></tr>
                            <tr><td class="text-muted">Email</td><td class="font-weight-bold">{{ $pendaftaran->email }}</td></tr>
                            <tr><td class="text-muted">Alamat</td><td>{{ $pendaftaran->alamat }}</td></tr>
                        </table>
                    </div>
                </div>

                <!-- Data Orang Tua -->
                <div class="card">
                    <div class="card-header bg-info">
                        <h3 class="card-title"><i class="fas fa-users mr-2"></i>Data Orang Tua</h3>
                    </div>
                    <div class="card-body">
                        <table class="table table-borderless table-sm">
                            <tr><td class="text-muted">Ayah</td><td class="font-weight-bold">{{ $pendaftaran->nama_ayah ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Pekerjaan Ayah</td><td>{{ $pendaftaran->pekerjaan_ayah ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Ibu</td><td class="font-weight-bold">{{ $pendaftaran->nama_ibu ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Pekerjaan Ibu</td><td>{{ $pendaftaran->pekerjaan_ibu ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Penghasilan</td><td>{{ $pendaftaran->penghasilan_ortu ?? '-' }}</td></tr>
                            <tr><td class="text-muted">No. HP Ortu</td><td>{{ $pendaftaran->no_hp_ortu ?? '-' }}</td></tr>
                        </table>
                    </div>
                </div>
            </div>

            <!-- Data Sekolah & Prodi -->
            <div class="col-md-4">
                <div class="card">
                    <div class="card-header bg-success">
                        <h3 class="card-title"><i class="fas fa-school mr-2"></i>Data Sekolah</h3>
                    </div>
                    <div class="card-body">
                        <table class="table table-borderless table-sm">
                            <tr><td class="text-muted">Sekolah</td><td class="font-weight-bold">{{ $pendaftaran->nama_sekolah ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Jurusan</td><td class="font-weight-bold">{{ $pendaftaran->jurusan_sekolah ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Tahun Lulus</td><td class="font-weight-bold">{{ $pendaftaran->tahun_lulus ?? '-' }}</td></tr>
                            <tr><td class="text-muted">NPSN</td><td>{{ $pendaftaran->npsn_sekolah ?? '-' }}</td></tr>
                        </table>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header bg-warning">
                        <h3 class="card-title"><i class="fas fa-graduation-cap mr-2"></i>Pilihan Prodi</h3>
                    </div>
                    <div class="card-body">
                        <table class="table table-borderless table-sm">
                            <tr><td class="text-muted">Fakultas</td><td class="font-weight-bold">{{ $pendaftaran->fakultas?->nama_fakultas ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Prodi</td><td class="font-weight-bold">{{ $pendaftaran->prodi?->nama_prodi ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Jenjang</td><td class="font-weight-bold">{{ $pendaftaran->jenjang ?? '-' }}</td></tr>
                            <tr><td class="text-muted">Kelas</td><td class="font-weight-bold">{{ $pendaftaran->kelas === 'reguler' ? 'Reguler' : 'Non Reguler' }}</td></tr>
                        </table>
                    </div>
                </div>

                <!-- Status -->
                <div class="card">
                    <div class="card-header bg-secondary">
                        <h3 class="card-title"><i class="fas fa-info-circle mr-2"></i>Status</h3>
                    </div>
                    <div class="card-body">
                        <table class="table table-borderless table-sm">
                            <tr>
                                <td class="text-muted">Status</td>
                                <td><span class="badge badge-{{ $pendaftaran->getStatusBadgeClass() }}">{{ $pendaftaran->status }}</span></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Berkas</td>
                                <td><span class="badge badge-{{ $pendaftaran->getStatusBerkasBadgeClass() }}">{{ $pendaftaran->status_berkas }}</span></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Pembayaran</td>
                                <td><span class="badge badge-{{ $pendaftaran->getStatusPembayaranBadgeClass() }}">{{ $pendaftaran->status_pembayaran }}</span></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Progress</td>
                                <td>
                                    <div class="progress" style="height: 10px;">
                                        <div class="progress-bar" style="width: {{ $pendaftaran->progress_percent }}%"></div>
                                    </div>
                                    <small>{{ $pendaftaran->progress_percent }}%</small>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>

            <!-- Verifikasi -->
            <div class="col-md-4">
                <!-- Verifikasi Berkas -->
                <div class="card">
                    <div class="card-header bg-indigo">
                        <h3 class="card-title"><i class="fas fa-file-alt mr-2"></i>Verifikasi Berkas</h3>
                    </div>
                    <div class="card-body p-0">
                        <table class="table table-sm mb-0">
                            <thead>
                                <tr>
                                    <th>Jenis</th>
                                    <th>Status</th>
                                    <th>Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($pendaftaran->berkas as $b)
                                    <tr>
                                        <td>
                                            <a href="{{ asset('storage/' . $b->file_path) }}" target="_blank">
                                                <i class="fas fa-file mr-1"></i>{{ $b->getJenisBerkasLabel() }}
                                            </a>
                                        </td>
                                        <td><span class="badge badge-{{ $b->getStatusBadgeClass() }}">{{ $b->status }}</span></td>
                                        <td>
                                            <form method="POST" action="{{ route('pmb.admin.verify.berkas', $b->id) }}" class="d-inline">
                                                @csrf
                                                <input type="hidden" name="status" value="terverifikasi">
                                                <button type="submit" class="btn btn-xs btn-success" title="Verifikasi">
                                                    <i class="fas fa-check"></i>
                                                </button>
                                            </form>
                                            <button type="button" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#revisiModal{{ $b->id }}">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                        </td>
                                    </tr>
                                    <!-- Revisi Modal -->
                                    <div class="modal fade" id="revisiModal{{ $b->id }}">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <form method="POST" action="{{ route('pmb.admin.verify.berkas', $b->id) }}">
                                                    @csrf
                                                    <div class="modal-header">
                                                        <h5 class="modal-title">Revisi Berkas {{ $b->getJenisBerkasLabel() }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <input type="hidden" name="status" value="perlu_revisi">
                                                        <div class="form-group">
                                                            <label>Catatan Revisi</label>
                                                            <textarea name="catatan" class="form-control" rows="3" required></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                                                        <button type="submit" class="btn btn-warning">Kirim Revisi</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                @empty
                                    <tr><td colspan="3" class="text-center text-muted">Belum ada berkas</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- Verifikasi Pembayaran -->
                <div class="card">
                    <div class="card-header bg-teal">
                        <h3 class="card-title"><i class="fas fa-money-bill-wave mr-2"></i>Verifikasi Pembayaran</h3>
                    </div>
                    <div class="card-body p-0">
                        <table class="table table-sm mb-0">
                            <thead>
                                <tr>
                                    <th>Jenis</th>
                                    <th>Nominal</th>
                                    <th>Status</th>
                                    <th>Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($pendaftaran->pembayaran as $pay)
                                    <tr>
                                        <td>{{ $pay->jenis_pembayaran }}</td>
                                        <td>Rp {{ number_format($pay->nominal, 0, ',', '.') }}</td>
                                        <td><span class="badge badge-{{ $pay->getStatusBadgeClass() }}">{{ $pay->status }}</span></td>
                                        <td>
                                            @if($pay->bukti_pembayaran)
                                                <a href="{{ asset('storage/' . $pay->bukti_pembayaran) }}" target="_blank" class="btn btn-xs btn-info">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                            @endif
                                            @if($pay->status === 'menunggu_verifikasi')
                                                <form method="POST" action="{{ route('pmb.admin.verify.pembayaran', $pay->id) }}" class="d-inline">
                                                    @csrf
                                                    <input type="hidden" name="status" value="terverifikasi">
                                                    <button type="submit" class="btn btn-xs btn-success"><i class="fas fa-check"></i></button>
                                                </form>
                                                <form method="POST" action="{{ route('pmb.admin.verify.pembayaran', $pay->id) }}" class="d-inline">
                                                    @csrf
                                                    <input type="hidden" name="status" value="ditolak">
                                                    <button type="submit" class="btn btn-xs btn-danger"><i class="fas fa-times"></i></button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr><td colspan="4" class="text-center text-muted">Belum ada pembayaran</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- Approve/Reject -->
                <div class="card">
                    <div class="card-header bg-dark">
                        <h3 class="card-title"><i class="fas fa-gavel mr-2"></i>Keputusan Akhir</h3>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('pmb.admin.approve', $pendaftaran->id) }}">
                            @csrf
                            <div class="form-group">
                                <label>Status</label>
                                <select name="status" class="form-control" required>
                                    <option value="">Pilih</option>
                                    <option value="lulus" {{ $pendaftaran->status === 'lulus' ? 'selected' : '' }}>Lulus</option>
                                    <option value="tidak_lulus" {{ $pendaftaran->status === 'tidak_lulus' ? 'selected' : '' }}>Tidak Lulus</option>
                                    <option value="menunggu" {{ $pendaftaran->status === 'menunggu' ? 'selected' : '' }}>Menunggu</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Catatan Admin</label>
                                <textarea name="catatan_admin" class="form-control" rows="3">{{ $pendaftaran->catatan_admin }}</textarea>
                            </div>
                            <button type="submit" class="btn btn-primary btn-block">
                                <i class="fas fa-save mr-1"></i>Simpan Keputusan
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection