{{-- 
    FORM PARTIAL ALUMNI (Create & Edit)
    -----------------------------------
    - Support Multi-Lembaga (Input Sekolah)
    - Desain Modern (Solid Input Style)
--}}

<style>
    /* Style Khusus Form Modal */
    .form-control-solid {
        background-color: #F5F8FA !important;
        border-color: #F5F8FA !important;
        color: #5E6278;
        border-radius: 10px;
        height: 45px;
        font-size: 0.95rem;
        transition: all 0.2s ease;
    }
    .form-control-solid:focus {
        background-color: #EEF3F7 !important;
        border-color: #EEF3F7 !important;
        box-shadow: none;
    }
    
    /* Input Group Icons */
    .input-group-text {
        background-color: #F5F8FA;
        border: 1px solid #F5F8FA;
        border-radius: 10px 0 0 10px;
        color: #B5B5C3;
    }
    .form-control-solid.rounded-right {
        border-radius: 0 10px 10px 0;
    }

    /* Select2 Fix untuk Solid Style */
    .select2-container--bootstrap4 .select2-selection--single {
        background-color: #F5F8FA !important;
        border: 1px solid #F5F8FA !important;
        height: 45px !important;
        border-radius: 10px !important;
        padding-top: 8px;
    }

    /* Labels */
    .form-label {
        font-weight: 600;
        font-size: 0.85rem;
        color: #3F4254;
        margin-bottom: 0.5rem;
    }
    .required-dot { color: #F1416C; }

    /* Divider Section */
    .form-section-title {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        color: #A1A5B7;
        font-weight: 700;
        margin-bottom: 15px;
        border-bottom: 1px dashed #E4E6EF;
        padding-bottom: 5px;
        margin-top: 10px;
    }
</style>

<div class="row">
    
    {{-- ====================================================
         KOLOM KIRI: DATA DIRI & SEKOLAH
         ==================================================== --}}
    <div class="col-md-6 border-right-md pr-md-4">
        
        {{-- INPUT SEKOLAH (MULTI-TENANCY) --}}
        <div class="form-group mb-4">
            <label class="form-label">Asal Lembaga/Sekolah <span class="required-dot">*</span></label>
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text border-0"><i class="fas fa-school"></i></span>
                </div>
                
                {{-- Logic: Jika user punya sekolah_id, kunci select ini. Jika tidak, biarkan terbuka. --}}
                <select name="sekolah_id" class="form-control form-control-solid select2 rounded-right" required
                    {{ Auth::user()->sekolah_id ? 'readonly' : '' }} 
                    style="{{ Auth::user()->sekolah_id ? 'pointer-events: none; background-color: #e9ecef;' : '' }}">
                    
                    <option value="">-- Pilih Lembaga --</option>
                    @foreach($sekolahs as $sekolah)
                        <option value="{{ $sekolah->id }}" 
                            {{-- Logic Selected: Edit Mode ATAU User Login punya ID sekolah ini --}}
                            {{ (isset($alumni) && $alumni->sekolah_id == $sekolah->id) || (Auth::user()->sekolah_id == $sekolah->id) ? 'selected' : '' }}>
                            
                            {{ $sekolah->nama_sekolah }}
                        </option>
                    @endforeach
                </select>
            </div>
            
            {{-- Input Hidden untuk memastikan value terkirim jika readonly --}}
            @if(Auth::user()->sekolah_id)
                <input type="hidden" name="sekolah_id" value="{{ Auth::user()->sekolah_id }}">
            @endif
        </div>

        <div class="form-section-title text-purple mt-4">
            <i class="fas fa-user mr-1"></i> Identitas Alumni
        </div>

        {{-- Nama Lengkap --}}
        <div class="form-group mb-3">
            <label class="form-label">Nama Lengkap <span class="required-dot">*</span></label>
            <input type="text" name="nama_lengkap" class="form-control form-control-solid" 
                   value="{{ $alumni->nama_lengkap ?? '' }}" placeholder="Nama sesuai Ijazah" required>
        </div>

        {{-- NISN & Gender --}}
        <div class="row">
            <div class="col-md-6">
                <div class="form-group mb-3">
                    <label class="form-label">NISN</label>
                    <input type="text" name="nisn" class="form-control form-control-solid" 
                           value="{{ $alumni->nisn ?? '' }}" placeholder="Nomor Induk">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group mb-3">
                    <label class="form-label">Jenis Kelamin <span class="required-dot">*</span></label>
                    <select name="jenis_kelamin" class="form-control form-control-solid" required>
                        <option value="L" {{ ($alumni->jenis_kelamin ?? '') == 'L' ? 'selected' : '' }}>Laki-laki</option>
                        <option value="P" {{ ($alumni->jenis_kelamin ?? '') == 'P' ? 'selected' : '' }}>Perempuan</option>
                    </select>
                </div>
            </div>
        </div>

        {{-- Kontak WA --}}
        <div class="form-group mb-2">
            <label class="form-label">No. WhatsApp</label>
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text border-0 bg-light-success"><i class="fab fa-whatsapp text-success"></i></span>
                </div>
                <input type="number" name="no_hp" class="form-control form-control-solid rounded-right" 
                       value="{{ $alumni->no_hp ?? '' }}" placeholder="08xxxxxxxx">
            </div>
        </div>
    </div>

    {{-- ====================================================
         KOLOM KANAN: TRACER STUDY (DATA KARIR)
         ==================================================== --}}
    <div class="col-md-6 pl-md-4">
        <div class="form-section-title text-teal">
            <i class="fas fa-briefcase mr-1"></i> Data Tracer Study
        </div>

        {{-- Tahun Lulus --}}
        <div class="form-group mb-4">
            <label class="form-label">Tahun Lulus <span class="required-dot">*</span></label>
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text border-0"><i class="far fa-calendar-alt"></i></span>
                </div>
                <input type="number" name="tahun_lulus" class="form-control form-control-solid rounded-right" 
                       value="{{ $alumni->tahun_lulus ?? date('Y') }}" placeholder="Tahun (YYYY)" min="2000" max="{{ date('Y') }}" required>
            </div>
        </div>

        {{-- Status Saat Ini --}}
        <div class="form-group mb-4">
            <label class="form-label">Status Saat Ini <span class="required-dot">*</span></label>
            <select name="status" class="form-control form-control-solid" required>
                <option value="" disabled selected>-- Pilih Aktivitas --</option>
                <option value="kuliah" {{ ($alumni->status ?? '') == 'kuliah' ? 'selected' : '' }}>🎓 Kuliah (Lanjut Studi)</option>
                <option value="kerja" {{ ($alumni->status ?? '') == 'kerja' ? 'selected' : '' }}>💼 Bekerja</option>
                <option value="wirausaha" {{ ($alumni->status ?? '') == 'wirausaha' ? 'selected' : '' }}>🏪 Wirausaha / Bisnis</option>
                <option value="mencari_kerja" {{ ($alumni->status ?? '') == 'mencari_kerja' ? 'selected' : '' }}>🔍 Mencari Kerja</option>
                <option value="lainnya" {{ ($alumni->status ?? '') == 'lainnya' ? 'selected' : '' }}>🏠 Lainnya / Di Rumah</option>
            </select>
        </div>

        {{-- Detail Instansi --}}
        <div class="form-group mb-3">
            <label class="form-label">Nama Instansi / Kampus</label>
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text border-0"><i class="fas fa-building"></i></span>
                </div>
                <input type="text" name="nama_instansi" class="form-control form-control-solid rounded-right" 
                       value="{{ $alumni->nama_instansi ?? '' }}" 
                       placeholder="Nama PT / Kampus / Usaha">
            </div>
            <small class="text-muted">Isi jika status Bekerja/Kuliah/Wirausaha.</small>
        </div>

        {{-- Jabatan --}}
        <div class="form-group mb-2">
            <label class="form-label">Jabatan / Jurusan</label>
            <input type="text" name="jabatan" class="form-control form-control-solid" 
                   value="{{ $alumni->jabatan ?? '' }}" 
                   placeholder="Contoh: Staff Admin / Teknik Informatika">
        </div>
    </div>

</div>