@php
@endphp
@extends('layouts.master')

@section('title', 'Employment Add/Edit')

@section('style')
    <style>
    </style>
@endsection

@section('script')
    <script>
        // Function to calculate work experience in years (format: X ปี Y เดือน)
        function calculateWorkExperience(startDate) {
            if (!startDate) return '';
            
            const start = new Date(startDate);
            const today = new Date();
            
            let years = today.getFullYear() - start.getFullYear();
            let months = today.getMonth() - start.getMonth();
            
            if (months < 0) {
                years--;
                months += 12;
            }
            
            // Format: "X ปี Y เดือน" (X years Y months)
            if (years === 0 && months === 0) {
                return '0 ปี';
            } else if (years === 0) {
                return months + ' เดือน';
            } else if (months === 0) {
                return years + ' ปี';
            } else {
                return years + ' ปี ' + months + ' เดือน';
            }
        }
        
        // Function to update work experience fields
        function updateWorkExperience() {
            const startDateInput = document.querySelector('input[name="user_start_work_date"]');
            const workExperienceInput = document.querySelector('input[name="user_work_experience"]');
            const workExperienceSyncInput = document.querySelector('input[data-sync="user_work_experience"]');
            
            if (startDateInput && startDateInput.value) {
                const experience = calculateWorkExperience(startDateInput.value);
                if (workExperienceInput) {
                    workExperienceInput.value = experience;
                }
                if (workExperienceSyncInput) {
                    workExperienceSyncInput.value = experience;
                }
            }
        }
        
        // Initialize on page load
        document.addEventListener('DOMContentLoaded', function() {
            updateWorkExperience();
            
            // Update when start date changes
            const startDateInput = document.querySelector('input[name="user_start_work_date"]');
            if (startDateInput) {
                startDateInput.addEventListener('change', updateWorkExperience);
            }
        });
    </script>
@endsection

@section('content')

    @include('layouts.header')
    @include('layouts.header-sub')

    <section class="wrapper bg-light">
        <div class="container py-14 py-md-16">
            <div class="row gx-lg-8 gx-xl-12">

                <div class="col-md-12">
                    <h5 class="display-1" style="font-size: 30px">@yield('title')</h5>
                    <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
                </div>

                <div class="col-lg-12">
                    <div class="blog single">
                        <div class="card">
                            <div class="card-body">

                                <form action="{{ url('/employmentedit') }}" class="text-start" method="post"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <input type="text" name="user_employment_id"
                                        value="{{ $employment->user_employment_id ?? '' }}" hidden />
                                    <input type="hidden" name="user_user_id" value="{{ $id }}">

                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <ul class="mb-0">
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif

                                    <div class="row">

                                        <!-- Staff ID -->
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="text" name="user_staff_id" class="form-control"
                                                    placeholder="Staff ID" required
                                                    value="{{ $employment->user_staff_id ?? '' }}">
                                                <label>Staff ID<span class="text-danger">*</span></label>
                                            </div>
                                        </div>

                                        <!-- Barcode -->
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="text" name="user_barcode" class="form-control"
                                                    placeholder="Barcode" required
                                                    value="{{ $employment->user_barcode ?? '' }}">
                                                <label>Barcode<span class="text-danger">*</span></label>
                                            </div>
                                        </div>

                                        <!-- Start Work -->
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="date" name="user_start_work_date" class="form-control"
                                                    required value="{{ $employment->user_start_work_date ?? '' }}">
                                                <label>Start working Date<span class="text-danger">*</span></label>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="date" class="form-control" data-sync="user_start_work_date"
                                                    value="{{ $employment->user_start_work_date ?? '' }}">
                                                <label>วันที่เริ่มงาน</label>
                                            </div>
                                        </div>

                                        <!-- Work Experience -->
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="text" name="user_work_experience" class="form-control"
                                                    placeholder="Work Experience"
                                                    value="{{ $employment->user_work_experience ?? '' }}">
                                                <label>Work Experience<span class="text-danger">*</span></label>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="text" class="form-control" data-sync="user_work_experience"
                                                    value="{{ $employment->user_work_experience ?? '' }}">
                                                <label>อายุการทำงาน</label>
                                            </div>
                                        </div>

                                        <!-- Retirement -->
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="date" name="user_retirement_date" class="form-control"
                                                    value="{{ $employment->user_retirement_date ?? '' }}">
                                                <label>Retirement Date</label>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="date" class="form-control" data-sync="user_retirement_date"
                                                    value="{{ $employment->user_retirement_date ?? '' }}">
                                                <label>วันที่เกษียณ</label>
                                            </div>
                                        </div>

                                        <!-- Nationality -->
                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select name="user_nationality_id" class="form-control" required>
                                                    <option value="">Select Nationality*</option>
                                                    @foreach ($nationality as $n)
                                                        <option value="{{ $n->nationality_id }}"
                                                            {{ ($employment->user_nationality_id ?? '') == $n->nationality_id ? 'selected' : '' }}>
                                                            {{ $n->nationality_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select class="form-control" data-sync="user_nationality_id">
                                                    <option value="">สัญชาติ</option>
                                                    @foreach ($nationality as $n)
                                                        <option value="{{ $n->nationality_id }}"
                                                            {{ ($employment->user_nationality_id ?? '') == $n->nationality_id ? 'selected' : '' }}>
                                                            {{ $n->nationality_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <!-- Employment Category -->
                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select name="user_employment_category_id" class="form-control" required>
                                                    <option value="">Select Employment Category*
                                                    </option>
                                                    @foreach ($employmentcategory as $n)
                                                        <option value="{{ $n->employment_category_id }}"
                                                            {{ ($employment->user_employment_category_id ?? '') == $n->employment_category_id ? 'selected' : '' }}>
                                                            {{ $n->employment_category_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <select class="form-control" data-sync="user_employment_category_id">
                                                <option value="">ประเภทสายงาน</option>
                                                @foreach ($employmentcategory as $n)
                                                    <option value="{{ $n->employment_category_id }}"
                                                        {{ ($employment->user_employment_category_id ?? '') == $n->employment_category_id ? 'selected' : '' }}>
                                                        {{ $n->employment_category_name_th }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-12" id="academicStaffDivEn" style="display:none;">
                                            <div class="mb-4">
                                                <select name="user_academic_staff_id" class="form-control">
                                                    <option value="">Select Academic Staff*</option>
                                                    @foreach ($academicstaff as $n)
                                                        <option value="{{ $n->academic_staff_id }}"
                                                            {{ ($employment->user_academic_staff_id ?? '') == $n->academic_staff_id ? 'selected' : '' }}>
                                                            {{ $n->academic_staff_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-12" id="academicStaffDivTh" style="display:none;">
                                            <div class="mb-4">
                                                <select class="form-control" data-sync="user_academic_staff_id">
                                                    <option value="">สายวิชาการ</option>
                                                    @foreach ($academicstaff as $n)
                                                        <option value="{{ $n->academic_staff_id }}"
                                                            {{ ($employment->user_academic_staff_id ?? '') == $n->academic_staff_id ? 'selected' : '' }}>
                                                            {{ $n->academic_staff_name_th }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-12" id="supportingStaffDivEn" style="display:none;">
                                            <div class="mb-4">
                                                <select name="user_supporting_academic_id" class="form-control">
                                                    <option value="">Select Supporting Academic*
                                                    </option>
                                                    @foreach ($supportingacademic as $n)
                                                        <option value="{{ $n->supporting_academic_id }}"
                                                            {{ ($employment->user_supporting_academic_id ?? '') == $n->supporting_academic_id ? 'selected' : '' }}>
                                                            {{ $n->supporting_academic_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-12" id="supportingStaffDivTh" style="display:none;">
                                            <div class="mb-4">
                                                <select class="form-control" data-sync="user_supporting_academic_id">
                                                    <option value="">สายสนับสนุนวิชาการ</option>
                                                    @foreach ($supportingacademic as $n)
                                                        <option value="{{ $n->supporting_academic_id }}"
                                                            {{ ($employment->user_supporting_academic_id ?? '') == $n->supporting_academic_id ? 'selected' : '' }}>
                                                            {{ $n->supporting_academic_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select name="user_executive_position_id" class="form-control">
                                                    <option value="">Select Executive Position*
                                                    </option>
                                                    @foreach ($executive_positions as $ep)
                                                        <option value="{{ $ep->executive_position_id }}"
                                                            {{ ($employment->user_executive_position_id ?? '') == $ep->executive_position_id ? 'selected' : '' }}>
                                                            {{ $ep->executive_position_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select class="form-control" data-sync="user_executive_position_id">
                                                    <option value="">ตำแหน่งบริหาร</option>
                                                    @foreach ($executive_positions as $ep)
                                                        <option value="{{ $ep->executive_position_id }}"
                                                            {{ ($employment->user_executive_position_id ?? '') == $ep->executive_position_id ? 'selected' : '' }}>
                                                            {{ $ep->executive_position_name_th ?? '-' }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select name="user_academic_position_id" class="form-control">
                                                    <option value="">Select Academic Position*
                                                    </option>
                                                    @foreach ($academic_positions as $ap)
                                                        <option value="{{ $ap->academic_position_id }}"
                                                            {{ ($employment->user_academic_position_id ?? '') == $ap->academic_position_id ? 'selected' : '' }}>
                                                            {{ $ap->academic_position_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select class="form-control" data-sync="user_academic_position_id">
                                                    <option value="">ตำแหน่งวิชาการ</option>
                                                    @foreach ($academic_positions as $ap)
                                                        <option value="{{ $ap->academic_position_id }}"
                                                            {{ ($employment->user_academic_position_id ?? '') == $ap->academic_position_id ? 'selected' : '' }}>
                                                            {{ $ap->academic_position_name_th }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <!-- Status -->
                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select name="user_employment_status" class="form-control" required>
                                                    <option value="">Select Status*</option>
                                                    <option value="active"
                                                        {{ ($employment->user_employment_status ?? '') == 'active' ? 'selected' : '' }}>
                                                        Active</option>
                                                    <option value="resign"
                                                        {{ ($employment->user_employment_status ?? '') == 'resign' ? 'selected' : '' }}>
                                                        Resign</option>
                                                    <option value="retire"
                                                        {{ ($employment->user_employment_status ?? '') == 'retire' ? 'selected' : '' }}>
                                                        Retire</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <select class="form-control" data-sync="user_employment_status">
                                                <option value="">สถานะ</option>
                                                <option value="active">ใช้งาน</option>
                                                <option value="resign">ลาออก</option>
                                                <option value="retire">เกษียณ</option>
                                            </select>
                                        </div>

                                        <!-- Position -->
                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select name="user_position_id" class="form-control" required>
                                                    <option value="">Select Position*</option>
                                                    @foreach ($positions as $p)
                                                        <option value="{{ $p->position_id }}"
                                                            {{ ($employment->user_position_id ?? '') == $p->position_id ? 'selected' : '' }}>
                                                            {{ $p->position_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <select class="form-control" data-sync="user_position_id">
                                                <option value="">ตำแหน่ง</option>
                                                @foreach ($positions as $p)
                                                    <option value="{{ $p->position_id }}"
                                                        {{ ($employment->user_position_id ?? '') == $p->position_id ? 'selected' : '' }}>
                                                        {{ $p->position_name_th ?? '-' }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <!-- Division -->
                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select name="user_division_id" class="form-control" required>
                                                    <option value="">Select Division*</option>
                                                    @foreach ($divisions as $d)
                                                        <option value="{{ $d->school_division_id }}"
                                                            {{ ($employment->user_division_id ?? '') == $d->school_division_id ? 'selected' : '' }}>
                                                            {{ $d->school_division_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <select class="form-control" data-sync="user_division_id">
                                                <option value="">คณะ / ฝ่าย</option>
                                                @foreach ($divisions as $d)
                                                    <option value="{{ $d->school_division_id }}"
                                                        {{ ($employment->user_division_id ?? '') == $d->school_division_id ? 'selected' : '' }}>
                                                        {{ $d->school_division_name_th ?? '-' }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select name="user_contract_type_id" class="form-control" required>
                                                    <option value="">Select Contract Type*</option>
                                                    @foreach ($contracttype as $d)
                                                        <option value="{{ $d->contract_type_id }}"
                                                            {{ ($employment->user_contract_type_id ?? '') == $d->contract_type_id ? 'selected' : '' }}>
                                                            {{ $d->contract_type_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="mb-4">
                                                <select class="form-control" data-sync="user_contract_type_id">
                                                    <option value="">ประเภทสัญญาจ้าง</option>
                                                    @foreach ($contracttype as $d)
                                                        <option value="{{ $d->contract_type_id }}"
                                                            {{ ($employment->user_contract_type_id ?? '') == $d->contract_type_id ? 'selected' : '' }}>
                                                            {{ $d->contract_type_name_th ?? '-' }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6" id="permanentStaffWrapper">
                                            <div class="mb-4">
                                                <select name="user_permanent_staff_id" class="form-control">
                                                    <option value="">Select Permanent Staff*</option>
                                                    @foreach ($permanentstaff as $d)
                                                        <option value="{{ $d->permanent_staff_id }}"
                                                            {{ ($employment->user_permanent_staff_id ?? '') == $d->permanent_staff_id ? 'selected' : '' }}>
                                                            {{ $d->permanent_staff_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6" id="permanentStaffWrapperTH">
                                            <div class="mb-4">
                                                <select class="form-control" data-sync="user_permanent_staff_id">
                                                    <option value="">พนักงานประจำ</option>
                                                    @foreach ($permanentstaff as $d)
                                                        <option value="{{ $d->permanent_staff_id }}"
                                                            {{ ($employment->user_permanent_staff_id ?? '') == $d->permanent_staff_id ? 'selected' : '' }}>
                                                            {{ $d->permanent_staff_name_th ?? '-' }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                    </div>
                                    <br>
                                    <div align="center">
                                        <input class="btn btn-blue rounded-pill" type="submit" name="submit"
                                            value="Submit">
                                        <a class="btn btn-grape rounded-pill"
                                            href="{{ url('/personal_information/' . $id) }}" title="List">Back</a>
                                    </div>
                                </form>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('layouts.footer')

@endsection