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

<div class="modal fade" id="edit_job_analysis_modal" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title fw-bolder">Edit Job Analysis</h5>
                <button class="btn-close" type="button" data-bs-dismiss="modal"></button>
            </div>
            <form action="" method="post" autocomplete="off" id='edit_job_analysis_form'>
                @csrf
                <div class="modal-body">
                    <div class="container-fluid">
                        {{-- === DETAIL ROLE / JABATAN === --}}
                        <div class="mb-4 border rounded p-3 bg-light">
                            <h6 class="fw-bold text-primary mb-3">
                                <i class="fa-solid fa-id-card-clip me-2"></i> Detail Jabatan
                            </h6>

                            <div class="row g-2 small">
                                <div class="col-md-6">
                                    <div><strong>Posisi:</strong> <span id="edit_detail_information_position"></span>
                                    </div>
                                    <div><strong>Divisi:</strong> <span id="edit_detail_information_division"></span>
                                    </div>
                                    <div><strong>Departemen:</strong> <span
                                            id="edit_detail_information_department"></span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div><strong>Perusahaan:</strong> <span
                                            id="edit_detail_information_company">{{ config('app.company') }}</span>
                                    </div>
                                    <div><strong>Atasan Langsung:</strong> <span
                                            id="edit_detail_information_supervision"></span></div>
                                    <div><strong>Bawahan Langsung:</strong> <span
                                            id="edit_detail_information_employee_staff">-</span>
                                    </div>
                                </div>
                            </div>
                        </div>


                        @if (auth()->user()->roles->name === 'People Development' ||
                                in_array(auth()->user()->roles->accessLevel->name, ['Developer', 'Director']))
                            {{-- I. RINGKASAN JABATAN --}}
                            <div class="mb-4">
                                <h6 class="fw-bold text-primary">I. Ringkasan Jabatan</h6>
                                <textarea name="summary" id="edit_job_analysis_field_summary" class="form-control" rows="3"
                                    placeholder="Tulis ringkasan jabatan di sini..." style="min-height: 100px; overflow: hidden; resize: none;"
                                    oninput="autoResize(this)"></textarea>
                            </div>

                            {{-- II. POAC JABATAN --}}
                            <div class="mb-4">
                                <h6 class="fw-bold text-primary">II. POAC Jabatan</h6>

                                <div class="ps-3">
                                    <label class="fw-semibold">1. Planning</label>
                                    <textarea name="planning" id="edit_job_analysis_field_planning" class="form-control mb-3" rows="3"
                                        placeholder="Tulis tugas bagian Planning..." style="min-height: 100px; overflow: hidden; resize: none;"
                                        oninput="autoResize(this)"></textarea>

                                    <label class="fw-semibold">2. Organizing</label>
                                    <textarea name="organizing" id="edit_job_analysis_field_organizing" class="form-control mb-3" rows="3"
                                        placeholder="Tulis tugas bagian Organizing..." style="min-height: 100px; overflow: hidden; resize: none;"
                                        oninput="autoResize(this)"></textarea>

                                    <label class="fw-semibold">3. Actuating</label>
                                    <textarea name="actuating" id="edit_job_analysis_field_actuating" class="form-control mb-3" rows="3"
                                        placeholder="Tulis tugas bagian Actuating..." style="min-height: 100px; overflow: hidden; resize: none;"
                                        oninput="autoResize(this)"></textarea>

                                    <label class="fw-semibold">4. Controlling</label>
                                    <textarea name="controlling" id="edit_job_analysis_field_controlling" class="form-control" rows="3"
                                        placeholder="Tulis tugas bagian Controlling..." style="min-height: 100px; overflow: hidden; resize: none;"
                                        oninput="autoResize(this)"></textarea>
                                </div>
                            </div>
                        @endif

                        {{-- III. KUALIFIKASI JABATAN --}}
                        <div class="mb-4">
                            <h6 class="fw-bold text-primary">III. Kualifikasi Jabatan</h6>
                            {{-- <textarea name="qualification" class="form-control" rows="3" placeholder="Tuliskan kualifikasi jabatan..."
                                style="min-height: 100px; overflow: hidden; resize: none;" oninput="autoResize(this)"></textarea> --}}
                            <div class="tagsinput-wrapper p-2 border rounded bg-white">
                                <input type="text" id="edit_job_analysis_field_qualification" name="qualification"
                                    class="form-control border-0 shadow-none" data-role="tagsinput" required
                                    style="background: transparent !important;">
                            </div>
                            <p class="form-text-muted">Bisa pilih lebih dari satu (1)</p>
                        </div>

                        {{-- IV. Compentency --}}
                        <div class="mb-4">
                            <h6 class="fw-bold text-primary">IV. Kompentensi</h6>
                            {{-- <textarea name="qualification" class="form-control" rows="3" placeholder="Tuliskan kualifikasi jabatan..."
                                style="min-height: 100px; overflow: hidden; resize: none;" oninput="autoResize(this)"></textarea> --}}
                            <div class="tagsinput-wrapper p-2 border rounded bg-white">
                                <input type="text" name="compentency" id="edit_job_analysis_field_competency"
                                    class="form-control border-0 shadow-none" data-role="tagsinput" required
                                    style="background: transparent !important;">
                            </div>
                            <p class="form-text-muted">Bisa pilih lebih dari satu (1)</p>
                        </div>

                        {{-- IV. WEWENANG --}}
                        <div class="mb-4">
                            <h6 class="fw-bold text-primary">V. Wewenang</h6>
                            <textarea name="authority" id="edit_job_analysis_field_authority" class="form-control" rows="4"
                                placeholder="Tuliskan wewenang jabatan..." style="min-height: 100px; overflow: hidden; resize: none;"
                                oninput="autoResize(this)"></textarea>
                        </div>

                        {{-- V. TUGAS DAN TANGGUNG JAWAB --}}
                        <div class="mb-4">
                            <h6 class="fw-bold text-primary">VI. Tugas dan Tanggung Jawab</h6>
                            <textarea name="responsibility" id="edit_job_analysis_field_responsibility" class="form-control" rows="6"
                                placeholder="Tuliskan tugas dan tanggung jawab jabatan..."
                                style="min-height: 100px; overflow: hidden; resize: none;" oninput="autoResize(this)"></textarea>
                        </div>

                        @if (auth()->user()->roles->name === 'People Development' ||
                                in_array(auth()->user()->roles->accessLevel->name, ['Developer', 'Director']))
                            {{-- VI. GRADING --}}
                            <div class="mb-3">
                                <h6 class="fw-bold text-primary">VII. Grading</h6>
                                <textarea name="grading" id="edit_job_analysis_field_grading" class="form-control" rows="2"
                                    placeholder="Tuliskan grade jabatan..." style="min-height: 100px; overflow: hidden; resize: none;"
                                    oninput="autoResize(this)"></textarea>
                            </div>
                        @endif
                    </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>