@extends('admin.layout')

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

@section('admin-content')
<div class="container-fluid">
    <h4 class="mb-4"><i class="fas fa-user text-primary"></i> Detail Pendaftar</h4>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="row">
        <div class="col-md-4">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h6 class="mb-0"><i class="fas fa-id-card"></i> Informasi Pendaftaran</h6>
                </div>
                <div class="card-body">
                    <table class="table table-borderless table-sm">
                        <tr><td><strong>No. Pendaftaran</strong></td><td>: {{ $pendaftaran->nomor_pendaftaran }}</td></tr>
                        <tr><td><strong>Nama</strong></td><td>: {{ $pendaftaran->user?->name }}</td></tr>
                        <tr><td><strong>Email</strong></td><td>: {{ $pendaftaran->user?->email }}</td></tr>
                        <tr><td><strong>Prodi</strong></td><td>: {{ $pendaftaran->prodi?->nama_prodi ?? '-' }}</td></tr>
                        <tr><td><strong>Fakultas</strong></td><td>: {{ $pendaftaran->fakultas?->nama_fakultas ?? '-' }}</td></tr>
                        <tr><td><strong>Jenjang</strong></td><td>: {{ $pendaftaran->jenjang ?? '-' }}</td></tr>
                        <tr><td><strong>Step</strong></td><td>: {{ $pendaftaran->getStepLabel() }}</td></tr>
                        <tr><td><strong>Progress</strong></td><td>: {{ $pendaftaran->progress_percent }}%</td></tr>
                        <tr><td><strong>Status</strong></td><td>:
                            <span class="badge bg-{{ $pendaftaran->getStatusBadgeClass() }}">
                                {{ ucfirst(str_replace('_', ' ', $pendaftaran->status)) }}
                            </span>
                        </td></tr>
                        <tr><td><strong>Tanggal Daftar</strong></td><td>: {{ $pendaftaran->created_at?->format('d M Y H:i') }}</td></tr>
                    </table>
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-header bg-success text-white">
                    <h6 class="mb-0"><i class="fas fa-cloud-upload-alt"></i> Neo Feeder</h6>
                </div>
                <div class="card-body">
                    @if(session('error'))
                        <div class="alert alert-danger py-2">{{ session('error') }}</div>
                    @endif
                    @if($pendaftaran->pendaftar)
                        <form method="POST" action="{{ route('admin.pmb.pendaftar.neo-feeder.send', $pendaftaran) }}">
                            @csrf
                            <div class="mb-2">
                                <label class="form-label">NIM untuk Neo Feeder</label>
                                <input name="nim" class="form-control @error('nim') is-invalid @enderror" maxlength="30" required value="{{ old('nim', $pendaftaran->pendaftar->nim) }}" placeholder="Masukkan NIM mahasiswa baru">
                                @error('nim')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            @if($pendaftaran->pendaftar->feeder_registrasi_id)
                                <p class="small text-success mb-2"><i class="fas fa-check-circle"></i> Sudah terhubung ke Neo Feeder.</p>
                            @else
                                <p class="small text-muted">Data akan dikirim sebagai biodata dan riwayat pendidikan mahasiswa baru.</p>
                            @endif
                            <button type="submit" class="btn btn-success w-100">
                                <i class="fas fa-paper-plane"></i> Kirim ke Neo Feeder
                            </button>
                        </form>
                    @else
                        <p class="text-muted mb-0">Biodata calon mahasiswa belum lengkap.</p>
                    @endif
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-header" style="background: linear-gradient(to right, #0B2C6B, #1a4a8a); color: #fff;">
                    <h6 class="mb-0"><i class="fas fa-print"></i> Cetak Dokumen</h6>
                </div>
                <div class="card-body">
                    <button type="button" class="btn w-100 mb-2" style="background: #0B2C6B; color: #F4B400; font-weight: 700;" onclick="previewDoc('{{ route('admin.pmb.pendaftar.kartu-ujian', $pendaftaran) }}', 'Kartu Ujian')">
                        <i class="fas fa-id-card me-2"></i>Kartu Ujian
                    </button>
                    <button type="button" class="btn btn-outline-primary w-100" onclick="previewDoc('{{ route('admin.pmb.pendaftar.bukti-pendaftaran', $pendaftaran) }}', 'Bukti Pendaftaran')">
                        <i class="fas fa-file-alt me-2"></i>Bukti Pendaftaran
                    </button>
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-header bg-info text-white">
                    <h6 class="mb-0"><i class="fas fa-cogs"></i> Aksi Admin</h6>
                </div>
                <div class="card-body">
                    @if($pendaftaran->step === 'menunggu_verifikasi')
                        <form method="POST" action="{{ route('admin.pmb.pendaftar.verifikasi', $pendaftaran) }}">
                            @csrf
                            <div class="mb-3">
                                <label class="form-label">Status Verifikasi</label>
                                <select name="status" class="form-select" required>
                                    <option value="diverifikasi">Verifikasi (Lanjut ke Ujian)</option>
                                    <option value="ditolak">Tolak</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Keterangan</label>
                                <textarea name="keterangan" class="form-control" rows="2"></textarea>
                            </div>
                            <button type="submit" class="btn btn-primary w-100">
                                <i class="fas fa-check-circle"></i> Proses Verifikasi
                            </button>
                        </form>
                    @else
                        <form method="POST" action="{{ route('admin.pmb.pendaftar.status', $pendaftaran) }}">
                            @csrf
                            <div class="mb-3">
                                <label class="form-label">Update Status</label>
                                <select name="status" class="form-select" required>
                                    <option value="menunggu_ujian" {{ $pendaftaran->status == 'menunggu_ujian' ? 'selected' : '' }}>Menunggu Ujian</option>
                                    <option value="lulus" {{ $pendaftaran->status == 'lulus' ? 'selected' : '' }}>Lulus</option>
                                    <option value="tidak_lulus" {{ $pendaftaran->status == 'tidak_lulus' ? 'selected' : '' }}>Tidak Lulus</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Keterangan</label>
                                <textarea name="keterangan" class="form-control" rows="2">{{ $pendaftaran->keterangan_status }}</textarea>
                            </div>
                            <button type="submit" class="btn btn-primary w-100">
                                <i class="fas fa-save"></i> Update Status
                            </button>
                        </form>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <ul class="nav nav-tabs card-header-tabs" id="detailTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-bs-toggle="tab" href="#berkas">Berkas ({{ $pendaftaran->berkas->count() }})</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#pembayaran">Pembayaran ({{ $pendaftaran->pembayaran->count() }})</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#log">Log Status</a>
                        </li>
                    </ul>
                </div>
                <div class="card-body">
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="berkas">
                            @if($pendaftaran->berkas->count() > 0)
                                <div class="table-responsive">
                                    <table class="table table-sm">
                                        <thead>
                                            <tr><th>Jenis</th><th>Nama File</th><th>Status</th><th>Aksi</th></tr>
                                        </thead>
                                        <tbody>
                                            @foreach($pendaftaran->berkas as $b)
                                                <tr>
                                                    <td>{{ ucfirst($b->jenis) }}</td>
                                                    <td>{{ $b->nama_file }}</td>
                                                    <td>
                                                        <span class="badge bg-{{ $b->getStatusBadgeClass() }}">{{ $b->status }}</span>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-sm btn-info" onclick="previewDoc('{{ asset('storage/' . $b->file_path) }}', '{{ $b->nama_file }}')">
                                                            <i class="fas fa-eye"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <p class="text-muted text-center">Belum ada berkas diupload</p>
                            @endif
                        </div>
                        <div class="tab-pane fade" id="pembayaran">
                            @if($pendaftaran->pembayaran->count() > 0)
                                @foreach($pendaftaran->pembayaran as $pay)
                                    <div class="card mb-2">
                                        <div class="card-body">
                                            <div class="d-flex justify-content-between">
                                                <div>
                                                    <h6>Rp {{ number_format($pay->jumlah, 0, ',', '.') }}</h6>
                                                    <p class="mb-1">Metode: {{ ucfirst($pay->metode) }}</p>
                                                    <p class="mb-1">Bank: {{ $pay->bank ?? '-' }}</p>
                                                    <p class="mb-0">Tanggal: {{ $pay->tanggal_bayar->format('d M Y') }}</p>
                                                </div>
                                                <div>
                                                    <span class="badge bg-{{ $pay->status === 'terverifikasi' ? 'success' : ($pay->status === 'ditolak' ? 'danger' : 'warning') }}">
                                                        {{ $pay->status }}
                                                    </span>
                                                    @if($pay->bukti_transfer)
                                                        <button type="button" class="btn btn-sm btn-info mt-2 d-block" onclick="previewDoc('{{ asset('storage/' . $pay->bukti_transfer) }}', 'Bukti Transfer')">
                                                            <i class="fas fa-eye"></i> Bukti
                                                        </button>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <p class="text-muted text-center">Belum ada pembayaran</p>
                            @endif
                        </div>
                        <div class="tab-pane fade" id="log">
                            @if($pendaftaran->logStatus->count() > 0)
                                <div class="timeline">
                                    @foreach($pendaftaran->logStatus as $log)
                                        <div class="d-flex mb-3">
                                            <div class="flex-shrink-0">
                                                <span class="badge bg-primary">{{ $log->created_at->format('d M Y H:i') }}</span>
                                            </div>
                                            <div class="flex-grow-1 ms-3">
                                                <h6 class="mb-1">{{ ucfirst(str_replace('_', ' ', $log->status)) }}</h6>
                                                <p class="mb-0 text-muted">{{ $log->keterangan }}</p>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @else
                                <p class="text-muted text-center">Belum ada log status</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection