@extends('layouts.app')

@section('content')
    <h2 class="font-bold mx-auto justify-center">Edit Data Alumni</h2>
    <form class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4" action="{{ route('users.update') }}" method="POST">
        @csrf
        <div class="mb-4">
            <label for="nama" class="block mb-2 text-sm font-bold">Nama</label>
            <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="nama" name="nama" value="{{ $userSmkData->nama }}" required>
        </div>

        <div class="mb-4">
            <label for="kelas" class="block mb-2 text-sm font-bold">Kelas</label>
            <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="kelas" name="kelas" value="{{ $userSmkData->kelas }}" required>
        </div>

        <div class="mb-4">
            <label for="tahun_lulus" class="block mb-2 text-sm font-bold">Tahun Lulus</label>
            <input type="date" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="tahun_lulus" name="tahun_lulus" value="{{ $userSmkData->tahun_lulus }}" required>
        </div>

        <div class="mb-4">
            <label for="alamat" class="block mb-2 text-sm font-bold">Alamat</label>
            <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="alamat" name="alamat" value="{{ $userSmkData->alamat }}" required>
        </div>

        <div class="mb-4">
            <label for="option">Pilihan</label><br>
            <input type="radio" id="lanjut_kuliah" name="option" value="kuliah" onclick="showForm('kuliah-fields')" {{ $userSmkData->option == 'kuliah' ? 'checked' : '' }}> Lanjut Kuliah<br>
            <input type="radio" id="wirausaha" name="option" value="wirausaha" onclick="showForm('wirausaha-fields')" {{ $userSmkData->option == 'wirausaha' ? 'checked' : '' }}> Wirausaha<br>
            <input type="radio" id="bekerja" name="option" value="bekerja" onclick="showForm('bekerja-fields')" {{ $userSmkData->option == 'bekerja' ? 'checked' : '' }}> Bekerja<br>
        </div>

        <div id="kuliah-fields" style="display: {{ $userSmkData->option == 'kuliah' || !$userKuliahData ? 'block' : 'none' }};">
            <div class="mb-4">
                <label for="nama_universitas" class="block mb-2 text-sm font-bold">Nama Universitas</label>
                <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="nama_universitas" name="nama_universitas" value="{{ $userKuliahData->nama_universitas ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="jurusan" class="block mb-2 text-sm font-bold">Jurusan</label>
                <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="jurusan" name="jurusan" value="{{ $userKuliahData->jurusan ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="tahun_masuk" class="block mb-2 text-sm font-bold">Tahun Masuk</label>
                <input type="number" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="tahun_masuk" name="tahun_masuk" value="{{ $userKuliahData->tahun_masuk ?? '' }}">
            </div>
        </div>

        <div id="wirausaha-fields" style="display: {{ $userSmkData->option == 'wirausaha' || !$userWirausahaData ? 'block' : 'none' }};">
            <div class="mb-4">
                <label for="nama_usaha" class="block mb-2 text-sm font-bold">Nama Usaha</label>
                <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="nama_usaha" name="nama_usaha" value="{{ $userWirausahaData->nama_usaha ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="tahun_berdiri" class="block mb-2 text-sm font-bold">Tahun Berdiri</label>
                <input type="date" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="tahun_berdiri" name="tahun_berdiri" value="{{ $userWirausahaData->tahun_berdiri ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="alamat_usaha" class="block mb-2 text-sm font-bold">Alamat Usaha</label>
                <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="alamat_usaha" name="alamat_usaha" value="{{ $userWirausahaData->alamat_usaha ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="income_rata_rata_per_bulan" class="block mb-2 text-sm font-bold">Income per-Bulan</label>
                <input type="number" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="income_rata_rata_per_bulan" name="income_rata_rata_per_bulan" value="{{ $userWirausahaData->income_rata_rata_per_bulan ?? '' }}">
            </div>
        </div>

        <div id="bekerja-fields" style="display: {{ $userSmkData->option == 'bekerja' || !$userBekerjaData ? 'block' : 'none' }};">
            <div class="mb-4">
                <label for="nama_perusahaan" class="block mb-2 text-sm font-bold">Nama Perusahaan</label>
                <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="nama_perusahaan" name="nama_perusahaan" value="{{ $userBekerjaData->nama_perusahaan ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="alamat_perusahaan" class="block mb-2 text-sm font-bold">Alamat Perusahaan</label>
                <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="alamat_perusahaan" name="alamat_perusahaan" value="{{ $userBekerjaData->alamat_perusahaan ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="durasi_tahun" class="block mb-2 text-sm font-bold">Durasi Bekerja</label>
                <input type="number" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="durasi_tahun" name="durasi_tahun" value="{{ $userBekerjaData->durasi_tahun ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="nama_pimpinan" class="block mb-2 text-sm font-bold">Nama Pimpinan</label>
                <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="nama_pimpinan" name="nama_pimpinan" value="{{ $userBekerjaData->nama_pimpinan ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="kontak_perusahaan" class="block mb-2 text-sm font-bold">Kontak Perusahaan</label>
                <input type="text" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="kontak_perusahaan" name="kontak_perusahaan" value="{{ $userBekerjaData->kontak_perusahaan ?? '' }}">
            </div>
            <div class="mb-4">
                <label for="gaji_terakhir" class="block mb-2 text-sm font-bold">Gaji Terakhir</label>
                <input type="number" class="w-full p-3 text-md border rounded shadow focus:outline-none focus:shadow-outline" id="gaji_terakhir" name="gaji_terakhir" value="{{ $userBekerjaData->gaji_terakhir ?? '' }}">
            </div>
        </div>


        <div class="mb-4">
            <button type="submit" class="w-full p-3 font-bold text-white bg-purple-500 rounded-full focus:outline-none">
                Submit
            </button>
        </div>
    </form>
<script>
    function showForm(formId) {
        // Hide all form sections
        document.getElementById('kuliah-fields').style.display = 'none';
        document.getElementById('wirausaha-fields').style.display = 'none';
        document.getElementById('bekerja-fields').style.display = 'none';

        // Show the selected form section
        document.getElementById(formId).style.display = 'block';

        // Uncheck all radio buttons
        // document.getElementById('lanjut_kuliah').checked = false;
        // document.getElementById('wirausaha').checked = false;
        // document.getElementById('bekerja').checked = false;
    }
</script>
@endsection