@extends('layouts.admin')
@section('title', 'Manajemen Mahasiswa')
@section('page-title', 'Manajemen Mahasiswa')

@section('content')
<div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a> <span>›</span> <span style="color:var(--g600)">Manajemen Mahasiswa</span></div>
<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem">
    <div><h1 class="section-title">Manajemen Mahasiswa</h1><p class="section-sub" style="margin-bottom:0">Kelola semua mahasiswa yang terdaftar PBPMD</p></div>
    <div style="display:flex;gap:.75rem">
        <button class="btn-action" style="display:flex;align-items:center;gap:.3rem;" onclick="document.getElementById('tambah-modal').style.display='flex'">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>
            Tambah Mahasiswa
        </button>
        <button class="btn-outline-sm" style="display:flex;align-items:center;gap:.3rem;" onclick="document.getElementById('import-modal').style.display='flex'">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5" /></svg>
            Import Data (CSV/TXT)
        </button>
        <form action="{{ route('admin.mahasiswa.deleteAll') }}" method="POST" onsubmit="return confirm('Peringatan: Aksi ini akan menghapus SEMUA akun mahasiswa. Anda yakin?');" style="display:inline">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn-outline-sm" style="color:#dc2626;border-color:#fca5a5;background:#fef2f2;display:flex;align-items:center;gap:.3rem;">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" /></svg>
                Hapus Semua
            </button>
        </form>
    </div>
</div>

@if(session('success'))
<div style="background:#dcfce7;border:1px solid #bbf7d0;color:#166534;padding:1rem;border-radius:var(--radsm);margin-bottom:1.5rem">
    {{ session('success') }}
</div>
@endif
@if($errors->any())
<div style="background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:var(--radsm);margin-bottom:1.5rem">
    {{ $errors->first() }}
</div>
@endif

<div id="tambah-modal" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);align-items:center;justify-content:center;z-index:999">
    <div style="background:var(--w);padding:2rem;border-radius:var(--rad);max-width:400px;width:100%">
        <h3 style="margin-bottom:1rem">Tambah Mahasiswa</h3>
        <form action="{{ route('admin.mahasiswa.store') }}" method="POST">
            @csrf
            <div style="margin-bottom:1rem">
                <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Nama Lengkap</label>
                <input type="text" name="name" class="form-input" style="width:100%;padding:.6rem" required>
            </div>
            <div style="margin-bottom:1rem">
                <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">NIM</label>
                <input type="text" name="nim" class="form-input" style="width:100%;padding:.6rem" required>
            </div>
            <div style="margin-bottom:1.5rem">
                <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Program Studi</label>
                <select name="prodi" class="form-select" style="width:100%;padding:.6rem" required>
                    <option value="">Pilih Program Studi</option>
                    <option value="Pendidikan Ekonomi">Pendidikan Ekonomi</option>
                    <option value="P. Teknologi Informasi">P. Teknologi Informasi</option>
                    <option value="P. Matematika">P. Matematika</option>
                </select>
            </div>
            <div style="display:flex;justify-content:flex-end;gap:.75rem">
                <button type="button" class="btn-outline-sm" onclick="document.getElementById('tambah-modal').style.display='none'">Batal</button>
                <button type="submit" class="btn-action">Simpan</button>
            </div>
        </form>
    </div>
</div>

<div id="import-modal" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);align-items:center;justify-content:center;z-index:999">
    <div style="background:var(--w);padding:2rem;border-radius:var(--rad);max-width:500px;width:100%">
        <h3 style="margin-bottom:1rem">Import Data Mahasiswa</h3>
        <p style="font-size:.85rem;color:var(--gr600);margin-bottom:1.5rem">Unggah file CSV atau TXT berisi data mahasiswa. Password otomatis = NIM.</p>
        
        <form action="{{ route('admin.mahasiswa.import') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div style="margin-bottom:1.5rem">
                <input type="file" name="file" accept=".csv,.txt" required class="form-select" style="padding:.5rem;width:100%">
                <small style="display:block;margin-top:.5rem;color:var(--gr500)">Format CSV/TXT per baris: <strong>Nama, NIM, Prodi</strong><br>Contoh:<br>Ahmad Fauzi, 20230201, P. Teknologi Informasi<br>Siti Aisyah, 20230202, Pendidikan Ekonomi</small>
            </div>
            <div style="display:flex;justify-content:flex-end;gap:.75rem">
                <button type="button" class="btn-outline-sm" onclick="document.getElementById('import-modal').style.display='none'">Batal</button>
                <button type="submit" class="btn-action">Proses Import</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <form method="GET" action="{{ route('admin.mahasiswa') }}" style="display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;width:100%">
        <div class="search-box" style="flex:1;min-width:200px">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#9ca3af" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg>
            <input type="text" name="q" value="{{ request('q') }}" placeholder="Cari berdasarkan nama, NIM, atau email..." class="search-input" style="width:100%">
        </div>
        <button type="submit" class="btn-action" style="padding:.5rem 1rem">Cari</button>
    </form>

    {{-- Desktop Table --}}
    <div class="data-table-wrapper hide-mobile">
        <table class="data-table">
            <thead><tr><th>Nama</th><th>NIM</th><th>Program Studi</th><th>Verifikasi & Dokumen</th><th>Aksi</th></tr></thead>
            <tbody>
            @forelse($mahasiswa as $mhs)
            <tr>
                <td style="font-weight:600">
                    <div style="display:flex;align-items:center;gap:.5rem">
                        <div style="width:28px;height:28px;border-radius:50%;background:var(--g100);color:var(--g700);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:bold">{{ strtoupper(substr($mhs->name,0,2)) }}</div>
                        <div>
                            {{ $mhs->name }}
                            <div style="font-size:.7rem;color:var(--gr500);font-weight:normal">{{ $mhs->email }}</div>
                        </div>
                    </div>
                </td>
                <td>{{ $mhs->nim }}</td>
                <td>{{ $mhs->prodi ?? '-' }}</td>
                <td>
                    @if($mhs->dokumen_status == 'pending')
                        <span style="color:#ca8a04;font-size:0.75rem;font-weight:600;background:#fef08a;padding:0.2rem 0.5rem;border-radius:12px;display:inline-block;margin-bottom:0.4rem">Menunggu Review</span>
                    @elseif($mhs->dokumen_status == 'approved')
                        <span style="color:#16a34a;font-size:0.75rem;font-weight:600;background:#dcfce7;padding:0.2rem 0.5rem;border-radius:12px;display:inline-block;margin-bottom:0.4rem">Disetujui</span>
                    @else
                        <span style="color:#dc2626;font-size:0.75rem;font-weight:600;background:#fecaca;padding:0.2rem 0.5rem;border-radius:12px;display:inline-block;margin-bottom:0.4rem">Ditolak</span>
                    @endif
                    <button type="button" class="btn-outline-sm" style="padding:0.25rem 0.5rem;font-size:0.7rem;display:flex;align-items:center;gap:0.2rem;" onclick="document.getElementById('verify-modal-{{ $mhs->id }}').style.display='flex'">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M10.125 2.25h-4.5c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125v-9M10.125 2.25h.375a9 9 0 0 1 9 9v.375M10.125 2.25A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375M9 15l2.25 2.25L15 12" /></svg>
                        Cek & Verifikasi
                    </button>
                </td>
                <td><div class="table-actions" style="display:flex;gap:0.5rem;">
                    <button type="button" title="Edit" style="color:var(--g600);background:none;border:none;cursor:pointer;display:flex;align-items:center;" onclick="document.getElementById('edit-modal-{{ $mhs->id }}').style.display='flex'"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" /></svg></button>
                    <form action="{{ route('admin.mahasiswa.delete', $mhs->id) }}" method="POST" style="display:inline" onsubmit="return confirm('Yakin ingin menghapus akun mahasiswa ini?');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" title="Hapus" style="color:#dc2626;background:none;border:none;cursor:pointer;display:flex;align-items:center;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" /></svg></button>
                    </form>
                </div></td>
            </tr>
            @empty
            <tr>
                <td colspan="5" style="text-align:center;padding:2rem;color:var(--gr500)">Belum ada data mahasiswa terdaftar.</td>
            </tr>
            @endforelse
            </tbody>
        </table>
    </div>

    {{-- Mobile Cards --}}
    <div class="show-mobile">
        @forelse($mahasiswa as $mhs)
        <div style="border:1px solid var(--gr200);border-radius:var(--radsm);padding:1rem;margin-bottom:.75rem">
            <div style="display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem">
                <div style="width:34px;height:34px;border-radius:50%;background:var(--g100);color:var(--g700);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:bold;flex-shrink:0">{{ strtoupper(substr($mhs->name,0,2)) }}</div>
                <div style="flex:1;min-width:0">
                    <div style="font-size:.88rem;font-weight:600;color:var(--gr800)">{{ $mhs->name }}</div>
                    <div style="font-size:.72rem;color:var(--gr500)">{{ $mhs->nim }} · {{ $mhs->prodi ?? '-' }}</div>
                </div>
                <div style="display:flex; gap:0.35rem">
                    <button type="button" onclick="document.getElementById('edit-modal-{{ $mhs->id }}').style.display='flex'" style="background:none;border:1px solid var(--g200);border-radius:6px;padding:.3rem .4rem;color:var(--g600);cursor:pointer;display:flex;align-items:center;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" /></svg></button>
                    <form action="{{ route('admin.mahasiswa.delete', $mhs->id) }}" method="POST" style="display:inline" onsubmit="return confirm('Yakin ingin menghapus?');">
                        @csrf @method('DELETE')
                        <button type="submit" style="background:none;border:1px solid #fecaca;border-radius:6px;padding:.3rem .4rem;color:#dc2626;cursor:pointer;display:flex;align-items:center;"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" /></svg></button>
                    </form>
                </div>
            </div>
            <div style="display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--gr400);border-top:1px solid var(--gr100);padding-top:0.75rem;margin-top:0.5rem">
                <div>
                    @if($mhs->dokumen_status == 'pending')
                        <span style="color:#ca8a04;font-size:0.7rem;font-weight:600;background:#fef08a;padding:0.15rem 0.4rem;border-radius:12px">Menunggu Review</span>
                    @elseif($mhs->dokumen_status == 'approved')
                        <span style="color:#16a34a;font-size:0.7rem;font-weight:600;background:#dcfce7;padding:0.15rem 0.4rem;border-radius:12px">Disetujui</span>
                    @else
                        <span style="color:#dc2626;font-size:0.7rem;font-weight:600;background:#fecaca;padding:0.15rem 0.4rem;border-radius:12px">Ditolak</span>
                    @endif
                    <button type="button" class="btn-outline-sm" style="margin-left:0.3rem;font-size:0.65rem;padding:0.2rem 0.4rem;" onclick="document.getElementById('verify-modal-{{ $mhs->id }}').style.display='flex'">Cek & Verifikasi</button>
                </div>
                <span>{{ $mhs->email }}</span>
            </div>
        </div>
        @empty
        <div style="text-align:center;padding:2rem;color:var(--gr500)">Belum ada data mahasiswa terdaftar.</div>
        @endforelse
    </div>

    <div style="display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gr100)">
        <p style="font-size:.78rem;color:var(--gr400)">Menampilkan {{ count($mahasiswa) }} mahasiswa</p>
    </div>
</div>

@foreach($mahasiswa as $mhs)
<div id="edit-modal-{{ $mhs->id }}" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);align-items:center;justify-content:center;z-index:999">
    <div style="background:var(--w);padding:2rem;border-radius:var(--rad);max-width:400px;width:100%">
        <h3 style="margin-bottom:1rem">Edit Mahasiswa</h3>
        <form action="{{ route('admin.mahasiswa.update', $mhs->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div style="margin-bottom:1rem">
                <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Nama Lengkap</label>
                <input type="text" name="name" class="form-input" value="{{ $mhs->name }}" style="width:100%;padding:.6rem" required>
            </div>
            <div style="margin-bottom:1rem">
                <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">NIM</label>
                <input type="text" name="nim" class="form-input" value="{{ $mhs->nim }}" style="width:100%;padding:.6rem" required>
            </div>
            <div style="margin-bottom:1rem">
                <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Program Studi</label>
                <select name="prodi" class="form-select" style="width:100%;padding:.6rem" required>
                    <option value="Pendidikan Ekonomi" {{ $mhs->prodi == 'Pendidikan Ekonomi' ? 'selected' : '' }}>Pendidikan Ekonomi</option>
                    <option value="P. Teknologi Informasi" {{ $mhs->prodi == 'P. Teknologi Informasi' ? 'selected' : '' }}>P. Teknologi Informasi</option>
                    <option value="P. Matematika" {{ $mhs->prodi == 'P. Matematika' ? 'selected' : '' }}>P. Matematika</option>
                </select>
            </div>
            <div style="margin-bottom:1.5rem">
                <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Password (Kosongkan jika tidak diubah)</label>
                <input type="password" name="password" class="form-input" placeholder="********" style="width:100%;padding:.6rem">
            </div>
            <div style="display:flex;justify-content:flex-end;gap:.75rem">
                <button type="button" class="btn-outline-sm" onclick="document.getElementById('edit-modal-{{ $mhs->id }}').style.display='none'">Batal</button>
                <button type="submit" class="btn-action">Simpan Perubahan</button>
            </div>
        </form>
    </div>
</div>

<div id="verify-modal-{{ $mhs->id }}" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);align-items:center;justify-content:center;z-index:1000;padding:1rem;">
    <div style="background:var(--w);padding:2rem;border-radius:var(--rad);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;">
        <h3 style="margin-bottom:0.5rem">Cek & Verifikasi Dokumen</h3>
        <p style="font-size:0.85rem; margin-bottom:1.5rem; color:var(--gr600);">Mahasiswa: <strong>{{ $mhs->name }}</strong> ({{ $mhs->nim }})</p>
        
        <div style="margin-bottom:1.5rem;background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;">
            <h4 style="font-size:0.9rem;margin-bottom:0.75rem;color:#334155;">File yang Diunggah:</h4>
            <div style="display:flex;flex-direction:column;gap:0.75rem;">
                <div style="display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;border-bottom:1px solid #e2e8f0;padding-bottom:0.5rem;">
                    <span>Bukti Pembayaran:</span>
                    @if($mhs->bukti_pembayaran) <button type="button" onclick="openDocModal('{{ asset('storage/'.$mhs->bukti_pembayaran) }}', 'Bukti Pembayaran - {{ $mhs->name }}')" style="color:var(--b600);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:0.25rem;background:none;border:none;cursor:pointer;padding:0;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> Lihat Bukti</button> @else <span style="color:#ef4444;font-style:italic">Belum unggah</span> @endif
                </div>
                <div style="display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;border-bottom:1px solid #e2e8f0;padding-bottom:0.5rem;">
                    <span>KHS:</span>
                    @if($mhs->khs) <button type="button" onclick="openDocModal('{{ asset('storage/'.$mhs->khs) }}', 'KHS - {{ $mhs->name }}')" style="color:var(--b600);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:0.25rem;background:none;border:none;cursor:pointer;padding:0;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> Lihat Bukti</button> @else <span style="color:#ef4444;font-style:italic">Belum unggah</span> @endif
                </div>
                <div style="display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;border-bottom:1px solid #e2e8f0;padding-bottom:0.5rem;">
                    <span>KRS:</span>
                    @if($mhs->krs) <button type="button" onclick="openDocModal('{{ asset('storage/'.$mhs->krs) }}', 'KRS - {{ $mhs->name }}')" style="color:var(--b600);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:0.25rem;background:none;border:none;cursor:pointer;padding:0;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> Lihat Bukti</button> @else <span style="color:#ef4444;font-style:italic">Belum unggah</span> @endif
                </div>
                <div style="display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;">
                    <span>Sertifikat PKBI:</span>
                    @if($mhs->sertifikat_pkbi) <button type="button" onclick="openDocModal('{{ asset('storage/'.$mhs->sertifikat_pkbi) }}', 'Sertifikat PKBI - {{ $mhs->name }}')" style="color:var(--b600);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:0.25rem;background:none;border:none;cursor:pointer;padding:0;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> Lihat Bukti</button> @else <span style="color:#ef4444;font-style:italic">Belum unggah</span> @endif
                </div>
            </div>
        </div>

        @if($mhs->village_id)
        <div style="margin-bottom:1.5rem;background:#fffbeb;padding:1rem;border-radius:8px;border:1px solid #fde68a;">
            <h4 style="font-size:0.9rem;margin-bottom:0.5rem;color:#b45309;">Desa Terpilih: <strong>{{ $mhs->village->name ?? 'Desa ID ' . $mhs->village_id }}</strong></h4>
            <p style="font-size:0.8rem;color:#92400e;margin-bottom:0.75rem;">Mahasiswa telah memilih desa ini. Anda dapat membatalkan pilihannya jika mahasiswa ingin pindah atau terdapat kesalahan.</p>
            <form action="{{ route('admin.mahasiswa.resetDesa', $mhs->id) }}" method="POST" onsubmit="return confirm('Yakin ingin membatalkan pilihan desa mahasiswa ini?');">
                @csrf
                <button type="submit" class="btn-outline-sm" style="color:#d97706;border-color:#fcd34d;background:#fffbeb;">Batalkan Pilihan Desa</button>
            </form>
        </div>
        @endif

        <form action="{{ route('admin.mahasiswa.verify', $mhs->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div style="margin-bottom:1rem">
                <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Status Verifikasi Dokumen</label>
                <select name="dokumen_status" class="form-select" style="width:100%;padding:.6rem" required>
                    <option value="pending" {{ $mhs->dokumen_status == 'pending' ? 'selected' : '' }}>Pending (Menunggu Review)</option>
                    <option value="approved" {{ $mhs->dokumen_status == 'approved' ? 'selected' : '' }}>Disetujui (Dokumen Lengkap)</option>
                    <option value="rejected" {{ $mhs->dokumen_status == 'rejected' ? 'selected' : '' }}>Ditolak (Ada Kesalahan)</option>
                </select>
            </div>
            <div style="margin-bottom:1.5rem">
                <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Keterangan / Alasan Tolak (Opsional)</label>
                <textarea name="dokumen_keterangan" class="form-input" style="width:100%;padding:.6rem;height:80px">{{ $mhs->dokumen_keterangan }}</textarea>
            </div>
            <div style="display:flex;justify-content:flex-end;gap:.75rem">
                <button type="button" class="btn-outline-sm" onclick="document.getElementById('verify-modal-{{ $mhs->id }}').style.display='none'">Batal</button>
                <button type="submit" class="btn-action">Simpan Verifikasi</button>
            </div>
        </form>
    </div>
</div>
@endforeach

<div id="doc-preview-modal" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);align-items:center;justify-content:center;z-index:9999;padding:1.5rem;">
    <div style="background:#fff;border-radius:12px;width:100%;max-width:900px;height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.5);">
        <div style="display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;">
            <h3 id="doc-preview-title" style="margin:0;font-size:1.1rem;color:#1e293b;">Preview Dokumen</h3>
            <button type="button" onclick="closeDocModal()" style="background:none;border:none;cursor:pointer;color:#64748b;padding:0.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;" onmouseover="this.style.background='#e2e8f0';this.style.color='#0f172a'" onmouseout="this.style.background='none';this.style.color='#64748b'">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
            </button>
        </div>
        <div style="flex:1;background:#e2e8f0;padding:0;overflow:hidden;position:relative;">
            <iframe id="doc-preview-frame" src="" style="width:100%;height:100%;border:none;position:absolute;top:0;left:0;"></iframe>
        </div>
        <div style="padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#fff;display:flex;justify-content:flex-end;">
            <a id="doc-download-btn" href="#" target="_blank" download class="btn-outline-sm" style="display:flex;align-items:center;gap:0.5rem;color:var(--g600);border-color:var(--g200);text-decoration:none;">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg> Unduh File
            </a>
        </div>
    </div>
</div>

<script>
function openDocModal(url, title) {
    document.getElementById('doc-preview-frame').src = url;
    document.getElementById('doc-preview-title').innerText = title;
    document.getElementById('doc-download-btn').href = url;
    document.getElementById('doc-preview-modal').style.display = 'flex';
}
function closeDocModal() {
    document.getElementById('doc-preview-frame').src = '';
    document.getElementById('doc-preview-modal').style.display = 'none';
}
</script>

@endsection