@push('custom-css')
    <link rel="stylesheet" href="/css/custom_recruitment.css" />
@endpush

@php
    $url = url()->current();
    $explode = explode('/', $url);
@endphp

<div class="modal fade" id="editModal" tabindex="-1">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Recruitment Request Form</h5>
                <button class="btn-close" type="button" data-bs-dismiss="modal"></button>
            </div>

            <form action="/sub-recruitment/{{ $explode[4] }}/update" method="post" autocomplete="off">
                @method('put')
                @csrf
                <div class="modal-body">
                    <div class="container">
                        <!-- =========================== SECTION 1 : BASIC INFORMATION ============================ -->
                        <h6 class="section-title">Basic Information</h6>
                        <div class="form-section">
                            <div class="row">
                                <div class="mb-3 col-md-6">
                                    <label style="font-size: 0.85rem" class="mb-1">Division</label>
                                    <input type="text" name="departments_uid" class="form-control"
                                        value="{{ auth()->user()->division_uid }}" readonly>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label style="font-size: 0.85rem" class="mb-1">Request Role</label>
                                    <select name="roles_uid"
                                        class="form-control selectpicker @error('roles_uid') is-invalid @enderror"
                                        required data-live-search="true">
                                        <option disabled selected>Select Request Role</option>
                                        @foreach ($resultRoles as $item)
                                            <option value="{{ $item['uid'] }}"
                                                @if ($item['uid'] == $subRec['role']['uid']) selected @endif>
                                                {{ $item['name'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label style="font-size: 0.85rem" class="mb-1">Status Recruitment</label>
                                    <select name="employee_statuses_uid"
                                        class="form-control selectpicker @error('employee_statuses_uid') is-invalid @enderror"
                                        required data-live-search="true">
                                        <option disabled selected>Select Recruitment Status</option>
                                        @foreach ($employeeStatus as $item)
                                            <option value="{{ $item['uid'] }}"
                                                @if ($item['uid'] == $subRec['status_employee']['uid']) selected @endif>
                                                {{ $item['name'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label style="font-size: 0.85rem" class="mb-1">Select Reason</label>
                                    <select name="is_penambahan"
                                        class="form-control selectpicker @error('is_penambahan') is-invalid @enderror">
                                        <option disabled selected>Select Reason</option>
                                        <option value="Penambahan" @if ($subRec['is_penambahan'] == 'Penambahan') selected @endif>
                                            Penambahan
                                        </option>
                                        <option value="Penggantian" @if ($subRec['is_penambahan'] == 'Penggantian') selected @endif>
                                            Penggantian
                                        </option>
                                    </select>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label style="font-size: 0.85rem" class="mb-1">Amount <span
                                            style="font-size: 10px">(Jumlah yang dibutuhkan)</span></label>
                                    <input type="number" name="amount"
                                        class="form-control @error('amount') is-invalid @enderror"
                                        placeholder="Input Amount Recruitment" required value="{{ $subRec['amount'] }}">
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label style="font-size: 0.85rem" class="mb-1">Date Join</label>
                                    <input type="date" name="date_joint"
                                        class="form-control @error('date_joint') is-invalid @enderror" required
                                        value="{{ $subRec['date_joint'] }}">
                                </div>
                            </div>
                        </div>

                        <!-- =========================== SECTION 2 : CANDIDATE REQUIREMENTS ============================ -->
                        <h6 class="section-title">Candidate Requirements</h6>
                        <div class="form-section">
                            <div class="row">
                                <div class="mb-3 col-md-6">
                                    <label class="mb-1" style="font-size: 0.85rem">Education</label>

                                    @php
                                        $educationArray = array_column($education, 'education');
                                        $genderArray = array_column($gender, 'gender');
                                        $maritalArray = array_column($marital, 'marital_status');
                                        $experienceArray = array_column($experience, 'experience');
                                    @endphp

                                    <select class="form-control selectpicker" name="education[]" multiple required>
                                        <option value="SMK/SMA" @if (in_array('SMK/SMA', $educationArray)) selected @endif>
                                            SMA/SMK</option>
                                        <option value="D3" @if (in_array('D3', $educationArray)) selected @endif>D3
                                        </option>
                                        <option value="D4" @if (in_array('D4', $educationArray)) selected @endif>D4
                                        </option>
                                        <option value="S1" @if (in_array('S1', $educationArray)) selected @endif>S1
                                        </option>
                                        <option value="S2" @if (in_array('S2', $educationArray)) selected @endif>S2
                                        </option>
                                        <option value="S3" @if (in_array('S3', $educationArray)) selected @endif>S3
                                        </option>
                                    </select>
                                    <p class="form-text-muted">Bisa pilih lebih dari satu (1)</p>
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label class="mb-1" style="font-size: 0.85rem">Select Gender</label>
                                    <select class="form-control selectpicker" name="gender[]" multiple required>
                                        <option value="Male" @if (in_array('Male', $genderArray)) selected @endif>Male
                                        </option>
                                        <option value="Female" @if (in_array('Female', $genderArray)) selected @endif>
                                            Female</option>
                                    </select>
                                    <p class="form-text-muted">Bisa pilih lebih dari satu (1)</p>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label class="mb-1" style="font-size: 0.85rem">Select Range Age</label>
                                    <select name="age" class="form-control selectpicker" required>
                                        <option value="20-25 Tahun" @if ($subRec['age'] == '20-25 Tahun') selected @endif>
                                            20 - 25 thn</option>
                                        <option value="25-30 Tahun" @if ($subRec['age'] == '25-30 Tahun') selected @endif>
                                            25 - 30 thn</option>
                                        <option value="30-35 Tahun" @if ($subRec['age'] == '30-35 Tahun') selected @endif>
                                            30 - 35 thn</option>
                                        <option value=">35 Tahun" @if ($subRec['age'] == '>35 Tahun')
                                            selected
                                            @endif>> 35 thn</option>
                                    </select>
                                </div>

                                <div class="mb-3 col-md-6">
                                    <label class="mb-1" style="font-size: 0.85rem">Status Marital</label>
                                    <select name="marital_status[]" class="form-control selectpicker" multiple
                                        required>
                                        <option value="Lajang" @if (in_array('Lajang', $maritalArray)) selected @endif>
                                            Lajang</option>
                                        <option value="Sudah Menikah"
                                            @if (in_array('Sudah Menikah', $maritalArray)) selected @endif>Sudah Menikah</option>
                                        <option value="Sudah Pernah Menikah"
                                            @if (in_array('Sudah Pernah Menikah', $maritalArray)) selected @endif>Sudah Pernah Menikah
                                        </option>
                                    </select>
                                    <p class="form-text-muted">Bisa pilih lebih dari satu (1)</p>
                                </div>
                            </div>
                        </div>

                        <!-- =========================== SECTION 3 : ADDITIONAL INFORMATION ============================ -->
                        <h6 class="section-title">Additional Information</h6>
                        <div class="form-section">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label class="mb-1" style="font-size: 0.85rem">Description <span
                                                style="font-size: 10px">(Mengapa melakukan perekrutan)</span></label>
                                        <textarea name="deskripsi" cols="30" rows="5"
                                            class="form-control @error('deskripsi') is-invalid @enderror"
                                            style="min-height: 124px; overflow: hidden; resize: none;" required>{{ $subRec['deskripsi'] }}</textarea>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label text-secondary mb-1" style="font-size: 0.85rem">Major
                                            Request Recruitment</label>

                                        <div class="tagsinput-wrapper p-2 border rounded bg-white">
                                            <!-- Menyaring nilai major dan mengonversi array menjadi string yang dipisahkan koma -->
                                            <input type="text" name="major"
                                                class="form-control border-0 shadow-none" data-role="tagsinput"
                                                required style="background: transparent !important;"
                                                value="{{ implode(',', array_column($major, 'major')) }}">
                                        </div>
                                        <p class="form-text-muted">Bisa pilih lebih dari satu (1)</p>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label text-secondary mb-1"
                                            style="font-size: 0.85rem">Skills Request Recruitment</label>

                                        <div class="tagsinput-wrapper p-2 border rounded bg-white">
                                            <!-- Menyaring nilai skills dan mengonversi array menjadi string yang dipisahkan koma -->
                                            <input type="text" name="skills"
                                                class="form-control border-0 shadow-none" data-role="tagsinput"
                                                required style="background: transparent !important;"
                                                value="{{ implode(',', array_column($skills, 'skills')) }}">
                                        </div>
                                        <p class="form-text-muted">Bisa pilih lebih dari satu (1)</p>
                                    </div>
                                </div>



                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label class="mb-1" style="font-size: 0.85rem">Experience</label>
                                        <select name="experience[]" class="form-control selectpicker" multiple
                                            required>
                                            <option value="Fresh Graduated">Fresh Graduated</option>
                                            <option value="1-2 Tahun"
                                                @if (in_array('1-2 Tahun', $experienceArray)) selected @endif>1 - 2 Tahun</option>
                                            <option value="2-3 Tahun"
                                                @if (in_array('2-3 Tahun', $experienceArray)) selected @endif>2 - 3 Tahun</option>
                                            <option value="3-5 Tahun"
                                                @if (in_array('3-5 Tahun', $experienceArray)) selected @endif>3 - 5 Tahun</option>
                                            <option value=">5 Tahun" @if (in_array('>5 Tahun', $experienceArray))
                                                selected
                                                @endif> 5 Tahun</option>
                                        </select>
                                        <p class="form-text-muted">Bisa pilih lebih dari satu (1)</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- =========================== SECTION 4 : JOB DETAILS ============================ -->
                        <h6 class="section-title">Job Details</h6>
                        <div class="form-section">
                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <label class="mb-1" style="font-size: 0.85rem">Job Description</label>
                                    <textarea name="job_description" cols="30" rows="5"
                                        class="form-control @error('job_description') is-invalid @enderror"
                                        style="min-height: 124px; overflow: hidden; resize: none;" required>{{ $subRec['job_description'] }}</textarea>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <label class="mb-1" style="font-size: 0.85rem">Job Qualification</label>
                                    <textarea name="kualifikasi" cols="30" rows="5"
                                        class="form-control @error('kualifikasi') is-invalid @enderror"
                                        style="min-height: 124px; overflow: hidden; resize: none;" required>{{ $subRec['kualifikasi'] }}</textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="modal-footer">
                    <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">Close</button>
                    <button class="btn btn-primary" type="submit">Save changes</button>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
    <script src="{{ assetTemp('/js/functions/roles.js') }}"></script>
    <script src="{{ assetTemp('/js/submissionRecruitment/add.js') }}"></script>
@endpush