@extends('layouts.admin')

@section('main-content')
    <!-- Page Heading -->
    <h1 class="h3 mb-4 text-gray-800">{{ $page_title }}</h1>

    <div class="row">

        <div class="col-lg-12">

            <div class="card shadow mb-4">

                <div class="card-header py-3">
                    <a href="{{ route('layanan.administrasi.index') }}" class="btn btn-primary">Kembali</a>
                </div>

                <div class="card-body">
                    <form method="POST" action="{{ route('layanan.administrasi.store') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="id" value="{{ isset($data) ? $data->id : '' }}">

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">Keperluan<span class="small text-danger">*</span></label>
                                    <input readonly name="keperluan" id="keperluan" type="text" class="form-control" value="{{ Auth::user()->roles_id == 7 ? 'Untuk Siswa' : 'Untuk Guru' }}">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">Surat Yang Dibutuhkan<span class="small text-danger">*</span></label>
                                    <select style="width: 100%" class="form-control select2" name="jenis_surat_id" id="jenis_surat_id">
                                        <option disabled selected value="">Pilih Jenis Surat</option>
                                        @foreach ($list_jenis_surat as $item)
                                            <option {{ isSelected($data->jenis_surat_id ?? null, $item->id) }} value="{{ $item->id }}">{{ $item->jenis_surat }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">Nama</label>
                                    <input type="text" id="name" class="form-control" name="name" placeholder="Nama" value="{{ displayValue($data['name'] ?? null, 'name') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 guru-form">
                                <div class="form-group">
                                    <label class="form-control-label">NIP</label>
                                    <input type="text" id="nip" class="form-control" name="nip" placeholder="NIP" value="{{ displayValue($data['nip'] ?? null, 'nip') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 guru-form">
                                <div class="form-group">
                                    <label class="form-control-label">Pangkat / Golongan</label>
                                    <input type="text" id="pangkat" class="form-control" name="pangkat" placeholder="Pangkat / Golongan" value="{{ displayValue($data['pangkat'] ?? null, 'pangkat') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 guru-form">
                                <div class="form-group">
                                    <label class="form-control-label">Jabatan</label>
                                    <input type="text" id="jabatan" class="form-control" name="jabatan" placeholder="Jabatan" value="{{ displayValue($data['jabatan'] ?? null, 'jabatan') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">Kelas</label>
                                    <input type="text" id="kelas" class="form-control" name="kelas" placeholder="Kelas" value="{{ displayValue($data['kelas'] ?? null, 'kelas') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">NIS / NISN</label>
                                    <input type="text" id="nis" class="form-control" name="nis" placeholder="NIS / NISN" value="{{ displayValue($data['nis'] ?? null, 'nis') }}">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label" for="new_password">Jenis Kelamin</label>
                                    <select style="width: 100%" class="form-control select2" name="gender" id="gender">
                                        <option disabled selected value="">Pilih Jenis Kelamin</option>
                                        <option {{ isset($data) ? ($data['gender'] == 'Laki-Laki' ? 'selected' : '') : '' }}>Laki-Laki</option>
                                        <option {{ isset($data) ? ($data['gender'] == 'Perempuan' ? 'selected' : '') : '' }}>Perempuan</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">Tempat Lahir</label>
                                    <input type="text" id="tempat_lahir" class="form-control" name="tempat_lahir" placeholder="Tempat Lahir" value="{{ displayValue($data['tempat_lahir'] ?? null, 'tempat_lahir') }}">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">Tanggal Lahir</label>
                                    <input type="date" id="tanggal_lahir" class="form-control" name="tanggal_lahir" placeholder="Tanggal Lahir" value="{{ displayValue($data['tanggal_lahir'] ?? null, 'tanggal_lahir') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">Nama Orang Tua</label>
                                    <input type="text" id="nama_ortu" class="form-control" name="nama_ortu" placeholder="Nama Orang Tua" value="{{ displayValue($data['nama_ortu'] ?? null, 'nama_ortu') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">Pekerjaan Orang Tua</label>
                                    <input type="text" id="pekerjaan_ortu" class="form-control" name="pekerjaan_ortu" placeholder="Pekerjaan Orang Tua" value="{{ displayValue($data['pekerjaan_ortu'] ?? null, 'pekerjaan_ortu') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">Asal Sekolah (Untuk Rekomendasi Siswa Pindahan)</label>
                                    <input type="text" id="asal_sekolah" class="form-control" name="asal_sekolah" placeholder="Asal Sekolah" value="{{ displayValue($data['asal_sekolah'] ?? null, 'asal_sekolah') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">Alamat Lengkap Siswa</label>
                                    <input type="text" id="alamat_siswa" class="form-control" name="alamat_siswa" placeholder="Alamat Lengkap Siswa" value="{{ displayValue($data['alamat_siswa'] ?? null, 'alamat_siswa') }}">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">UNTUK SYARAT KELENGKAPAN (Khusus untuk surat keterangan)</label>
                                    <input type="text" id="syarat_kelengkapan" class="form-control" name="syarat_kelengkapan" placeholder="UNTUK SYARAT KELENGKAPAN" value="{{ displayValue($data['syarat_kelengkapan'] ?? null, 'syarat_kelengkapan') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">Sekolah Yang Dituju (Untuk Siswa yang akan Pindah Sekolah dari SMAN 5 Palembang)</label>
                                    <input type="text" id="sekolah_dituju" class="form-control" name="sekolah_dituju" placeholder="Sekolah Yang Dituju" value="{{ displayValue($data['sekolah_dituju'] ?? null, 'sekolah_dituju') }}">
                                </div>
                            </div>
                            
                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">Alasan Pindah (Untuk Siswa yang akan Pindah Sekolah dari SMAN 5 Palembang)</label>
                                    <input type="text" id="alasan_pindah" class="form-control" name="alasan_pindah" placeholder="Alasan Pindah" value="{{ displayValue($data['alasan_pindah'] ?? null, 'alasan_pindah') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">Nama Guru Pembimbing 1 (untuk Surat Dispensasi)</label>
                                    <input type="text" id="nama_pembimbing_1" class="form-control" name="nama_pembimbing_1" placeholder="Nama Guru Pembimbing 1" value="{{ displayValue($data['nama_pembimbing_1'] ?? null, 'nama_pembimbing_1') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">Nama Guru Pembimbing 2 (untuk Surat Dispensasi)</label>
                                    <input type="text" id="nama_pembimbing_2" class="form-control" name="nama_pembimbing_2" placeholder="Nama Guru Pembimbing 2" value="{{ displayValue($data['nama_pembimbing_2'] ?? null, 'nama_pembimbing_2') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">NIP Guru Pembimbing 1 (untuk Surat Dispensasi)</label>
                                    <input type="text" id="nip_pembimbing_1" class="form-control" name="nip_pembimbing_1" placeholder="NIP Guru Pembimbing 1" value="{{ displayValue($data['nip_pembimbing_1'] ?? null, 'nip_pembimbing_1') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 siswa-form">
                                <div class="form-group">
                                    <label class="form-control-label">NIP Guru Pembimbing 2 (untuk Surat Dispensasi)</label>
                                    <input type="text" id="nip_pembimbing_2" class="form-control" name="nip_pembimbing_2" placeholder="NIP Guru Pembimbing 2" value="{{ displayValue($data['nip_pembimbing_2'] ?? null, 'nip_pembimbing_2') }}">
                                </div>
                            </div>

                            <div class="col-lg-6 guru-form">
                                <div class="form-group">
                                    <label class="form-control-label">Tanggal Melahirkan S.D Tanggal Cuti (untuk cuti 40 hari)</label>
                                    <input type="text" id="tanggal_melahirkan" class="form-control" name="tanggal_melahirkan" placeholder="Tanggal Melahirkan S.D Tanggal Cuti" value="{{ displayValue($data['tanggal_melahirkan'] ?? null, 'tanggal_melahirkan') }}">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-control-label">No Whatsapp (untuk konfirmasi pengambilan surat)</label>
                                    <input type="text" id="no_wa" class="form-control" name="no_wa" placeholder="No Whatsapp" value="{{ displayValue($data['no_wa'] ?? null, 'no_wa') }}">
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label class="form-control-label">Lampiran</label>
                                    <br>
                                    @if (isset($data))
                                        @foreach ($data->document as $document)
                                            <a href="{{ asset($document->file_dir . '/' . $document->file_name) }}" target="_blank">
                                                {{ $document->file_name }}
                                            </a>
                                        @endforeach
                                        <br>
                                    @endif
                                    <input multiple type="file" class="form-control" id="lampiran" name="lampiran[]">
                                </div>
                            </div>

                        </div>

                        <!-- Button -->
                        <div class="row">
                            <div class="col">
                                <button type="submit" data-confirm-post="true" class="btn btn-primary">Save Changes</button>
                            </div>
                        </div>
                    </form>
                </div>

            </div>

        </div>

    </div>

@endsection

@push('scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            if ($("#keperluan").val() == 'Untuk Siswa') {
                $(".guru-form").hide()
            }
            else if ($("#keperluan").val() == 'Untuk Guru') {
                $(".siswa-form").hide()
            }
        });
    </script>
@endpush