@php
    $empCount = $empCount ?? \App\Models\Employee::withTrashed()->count();
    $state = $state ?? \App\Models\State::select(\Illuminate\Support\Facades\DB::raw("CONCAT(state_code,'-',state_name ) as state_name"), 'id')->pluck('state_name', 'id')->toArray();
@endphp
<style>
    .form-check {
        margin: 0 0 .75rem 0;
        min-height: 0rem !important;
    }

    .form-check {
        display: block;
        min-height: 1.35rem;
        padding-left: 0 !important;
        margin-bottom: .125rem;
    }
</style>
<div class="modal fade" id="driverModel" tabindex="-1" aria-labelledby="driverModalLgLabel"
    aria-hidden="true" data-bs-keyboard="false" data-bs-backdrop="static">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="driverModalLgLabel">Create Driver</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>{{--position-relative--}}
            <div class="modal-body">
                <form id="driverForm" method="POST" class="row g-3 needs-validation">
                    @csrf
                    <input name="request_from" type="hidden" value="model">
                    
                    <div class="col-12">
                        <!-- STEP 1 -->
                        <div id="step-1">
                            <h5 class="mb-3 text-primary"><i class="ri-user-line"></i> 1. Personal Info</h5>
                            <hr>
                            <div class="row g-3">
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="emp_type">Employee Type<span class="text-danger">*</span></label>
                                    {!! Form::select('emp_type', ['driver'=>'Driver'], old('emp_type'), ['class'=>'form-control','id'=>'emp_type','required']) !!}
                                    <div class="text-danger">{{$errors->first('emp_type')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="emp_code">Employee Code<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control readonly" id="emp_code" name="emp_code" required readonly value="{{ $empCount + 1 < 10 ? 'EMP/' . date('Y') . '/00' . ($empCount + 1) : 'EMP/' . date('Y') . '/0' . ($empCount + 1) }}">
                                    <div class="text-danger">{{$errors->first('emp_code')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="employee_name">Employee Name<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="employee_name" name="employee_name" required placeholder="Enter full name" value="{{old('employee_name')}}">
                                    <div class="text-danger">{{$errors->first('employee_name')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="father_name">Father's Name<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="father_name" name="father_name" required placeholder="Enter father's name" value="{{old('father_name')}}">
                                    <div class="text-danger">{{$errors->first('father_name')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="mobile_no">Mobile Number<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control number" id="mobile_no" minlength="10" maxlength="10" name="mobile_no" placeholder="10-digit mobile no" required value="{{old('mobile_no')}}">
                                    <div class="text-danger">{{$errors->first('mobile_no')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="alt_mobile_no">Alternate Mobile Number</label>
                                    <input type="text" class="form-control number" id="alt_mobile_no" minlength="10" maxlength="10" name="alt_mobile_no" placeholder="Alternate mobile no" value="{{old('alt_mobile_no')}}">
                                    <div class="text-danger">{{$errors->first('alt_mobile_no')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="email">Email</label>
                                    <input type="email" class="form-control" id="email" name="email" value="{{old('email')}}">
                                    <div class="text-danger">{{$errors->first('email')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="dob">Date of Birth</label>
                                    <input type="text" class="form-control driver-modal-datepicker" id="dob" name="dob" placeholder="dd - mm - yyyy" value="{{old('dob')}}">
                                    <div class="text-danger">{{$errors->first('dob')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="blood_group">Blood Group</label>
                                    {!! Form::select('blood_group', ['' => '--Select--', 'A+' => 'A+', 'A-' => 'A-', 'B+' => 'B+', 'B-' => 'B-', 'AB+' => 'AB+', 'AB-' => 'AB-', 'O+' => 'O+', 'O-' => 'O-'], old('blood_group'), ['class' => 'form-control', 'id' => 'blood_group']) !!}
                                    <div class="text-danger">{{$errors->first('blood_group')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="reference_by">Reference By</label>
                                    <input type="text" class="form-control" id="reference_by" name="reference_by" value="{{old('reference_by')}}">
                                    <div class="text-danger">{{$errors->first('reference_by')}} </div>
                                </div>
                                <div class="col-12 position-relative">
                                    <label class="form-label" for="address">Current Address<span class="text-danger">*</span></label>
                                    <textarea class="form-control" name="address" required rows="2" id="address" placeholder="House no, Street name, Village/City, State, Zipcode"></textarea>
                                    <div class="text-danger">{{$errors->first('address')}} </div>
                                </div>
                                <div class="col-md-4 position-relative">
                                    <label class="form-label" for="country">Country<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control readonly" id="country" name="country" required readonly value="India">
                                    <div class="text-danger">{{$errors->first('country')}} </div>
                                </div>
                                <div class="col-md-4 position-relative">
                                    <label class="form-label" for="state_id">State<span class="text-danger">*</span></label>
                                    {!! Form::select('state_id', [''=>'--Select--',]+$state, old('state_id'), ['class'=>'form-control','id'=>'state_id','required']) !!}
                                    <div class="text-danger">{{$errors->first('state_id')}} </div>
                                </div>
                                <div class="col-md-4 position-relative">
                                    <label class="form-label" for="city">District/City<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="city" name="city" required value="{{old('city')}}">
                                    <div class="text-danger">{{$errors->first('city')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="aadhaar_card_no">Aadhaar Number</label>
                                    <input type="text" class="form-control number" id="aadhaar_card_no" name="aadhaar_card_no" placeholder="XXXX-XXXX-XXXX" minlength="12" maxlength="12" value="{{old('aadhaar_card_no')}}">
                                    <div class="text-danger">{{$errors->first('aadhaar_card_no')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="pan_card_no">PAN Number (Optional)</label>
                                    <input type="text" class="form-control" id="pan_card_no" name="pan_card_no" placeholder="ABCDE1234F" minlength="10" maxlength="10" value="{{old('pan_card_no')}}">
                                    <div class="text-danger">{{$errors->first('pan_card_no')}} </div>
                                </div>
                                <div class="col-12 position-relative">
                                    <label class="form-label" for="emergency_contact">Emergency Contact Info</label>
                                    <input type="text" class="form-control" id="emergency_contact" name="emergency_contact" placeholder="e.g., Sunita Devi (Wife) - 9876543211" value="{{old('emergency_contact')}}">
                                    <div class="text-danger">{{$errors->first('emergency_contact')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="emp_img">Photo Upload</label>
                                    <input type="file" class="form-control" id="emp_img" name="emp_img" accept="image/*" value="{{old('emp_img')}}">
                                    <div class="text-danger">{{$errors->first('emp_img')}} </div>
                                </div>
                            </div>
                        </div>

                        <!-- STEP 2 -->
                        <div id="step-2" class="mt-4">
                            <h5 class="mb-3 text-primary"><i class="ri-shield-check-line"></i> 2. License Details</h5>
                            <hr>
                            <div class="row g-3">
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="driving_licence_no">Driving License Number</label>
                                    <input type="text" class="form-control" id="driving_licence_no" name="driving_licence_no" placeholder="DL-XXXXXXXXXXXXX" value="{{old('driving_licence_no')}}">
                                    <div class="text-danger">{{$errors->first('driving_licence_no')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="experience_years">Experience (Years)</label>
                                    <input type="number" class="form-control" id="experience_years" name="experience_years" placeholder="5" value="{{old('experience_years')}}">
                                    <div class="text-danger">{{$errors->first('experience_years')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="license_issue_date">License Issue Date</label>
                                    <input type="text" class="form-control driver-modal-datepicker" id="license_issue_date" name="license_issue_date" placeholder="dd - mm - yyyy" value="{{old('license_issue_date')}}">
                                    <div class="text-danger">{{$errors->first('license_issue_date')}} </div>
                                </div>
                                <!-- <div class="col-md-6 position-relative">
                                    <label class="form-label" for="driving_licence_valid_upto">License Expiry Date</label>
                                    <input type="text" class="form-control driver-modal-datepicker" id="driving_licence_valid_upto" name="driving_licence_valid_upto" placeholder="dd - mm - yyyy" value="{{old('driving_licence_valid_upto')}}">
                                    <div class="text-danger">{{$errors->first('driving_licence_valid_upto')}} </div>
                                </div> -->
                                <div class="col-12 position-relative">
                                    <label class="form-label">License Class</label>
                                    <div class="checkbox-group d-flex gap-4 p-3 bg-light rounded border">
                                        <label class="custom-checkbox"><input type="radio" name="license_class" value="LMV"> LMV</label>
                                        <label class="custom-checkbox"><input type="radio" name="license_class" value="HMV"> HMV</label>
                                        <label class="custom-checkbox"><input type="radio" name="license_class" value="TRANS"> TRANS</label>
                                        <label class="custom-checkbox"><input type="radio" name="license_class" value="HGMV"> HGMV</label>
                                    </div>
                                    <div class="text-danger">{{$errors->first('license_class')}} </div>
                                </div>
                                <div class="col-12 position-relative">
                                    <label class="form-label" for="previous_employer">Previous Employer (Optional)</label>
                                    <input type="text" class="form-control" id="previous_employer" name="previous_employer" placeholder="Enter former company name" value="{{old('previous_employer')}}">
                                    <div class="text-danger">{{$errors->first('previous_employer')}} </div>
                                </div>
                            </div>
                        </div>

                        <!-- STEP 3 -->
                        <div id="step-3" class="mt-4">
                            <h5 class="mb-3 text-primary"><i class="ri-briefcase-line"></i> 3. Employment Details</h5>
                            <hr>
                            <div class="row g-3">
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="joining_date">Joining Date<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control driver-modal-datepicker" id="joining_date" name="joining_date" placeholder="dd - mm - yyyy" required value="{{date('d-M-Y')}}">
                                    <div class="text-danger">{{$errors->first('joining_date')}} </div>
                                </div>
                                <div class="col-md-6 position-relative">
                                    <label class="form-label" for="salary">Salary (Monthly INR)</label>
                                    <input type="text" class="form-control number" id="salary" name="salary" placeholder="25000" value="{{old('salary')}}">
                                    <div class="text-danger">{{$errors->first('salary')}} </div>
                                </div>
                                <div class="col-12 position-relative">
                                    <label class="form-label" for="remark">Remark</label>
                                    <textarea class="form-control" name="remark" rows="2" id="remark"></textarea>
                                    <div class="text-danger">{{$errors->first('remark')}} </div>
                                </div>
                            </div>
                            
                            <!-- Documents Table -->
                            <div class="mt-4 pt-4 border-top position-relative">
                                <h6 class="form-label mb-3">Document Uploads (Optional)</h6>
                                <table class="table table-bordered table-sm" id="doc_table">
                                    <thead class="table-light">
                                        <tr>
                                            <th width="47.5%">Document Type</th>
                                            <th width="47.5%">File</th>
                                            <th width="5%">
                                                <button type="button" id="addrow" class="btn btn-primary btn-sm pull-right"><i class="fa fa-plus"></i></button>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>{!! Form::select('doc_type[]',['aadhaar_card'=>'Aadhaar Card'],old('doc_type'),array('class'=>'form-control','id'=>'doc_type_id_10'))  !!}</td>
                                            <td><input class="form-control" type="file" name="doc_img[]" value="{{old('doc_img')}}"  id="doc_img_10"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>{!! Form::select('doc_type[]',['driving_licence'=>'Driving Licence'],old('doc_type'),array('class'=>'form-control','id'=>'doc_type_id_11'))  !!}</td>
                                            <td><input class="form-control" type="file" name="doc_img[]" value="{{old('doc_img')}}"  id="doc_img_11"></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-12 mt-4 text-end">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button class="btn btn-primary" id="BtnSubmit" type="submit">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@push('footer_script')
<script>
    $(document).ready(function() {
        $('#driverForm').submit(function(e) {
            e.preventDefault();
            let form = $('#driverForm');
            if (form.data('submitted')) return;
            form.data('submitted', true);

            let btn = form.find('button[type="submit"]');
            btn.prop('disabled', true).text('Please wait...');
            let formData = new FormData(this);
            $.ajax({
                url: "{{ route('employee.store') }}",
                type: "POST",
                data: formData,
                processData: false,
                contentType: false,
                success: function(response) {
                    console.log("res", response)
                    if (response.success) {
                        $('#driverModel').modal('hide');
                        $('#driverForm')[0].reset();
                        form.data('submitted', false);
                        btn.prop('disabled', false).text('Submit');

                        var newEmployee = response;
                        var lastSelect = $('select[id^=company_driver]').last();
                        lastSelect.append($("<option></option>")
                            .attr("value", newEmployee.id)
                            .text(newEmployee.employee_name));
                        lastSelect.val(newEmployee.id).trigger('change');
                    } else {
                        form.data('submitted', false);
                        btn.prop('disabled', false).text('Submit');
                        alert('Something went wrong.');
                    }
                },
                error: function(xhr) {
                    form.data('submitted', false);
                    btn.prop('disabled', false).text('Submit');
                    let errors = xhr.responseJSON.errors;
                    // Clear previous errors inside the position-relative containers
                    $('.position-relative > .text-danger').html(''); 
                    
                    $.each(errors, function(key, value) {
                        // Find the input field
                        let inputField = $('#driverForm [name="' + key + '"]');
                        if (inputField.length) {
                            // Find the sibling .text-danger inside the same container
                            inputField.siblings('.text-danger').html(value[0]);
                        }
                    });
                }
            });
        });
    });

    $(document).ready(function() {
        let i = 14;
        $('#addrow').on("click", function() {
            var newRow = $("<tr>");
            var cols = "";
            cols += '<td><select name="doc_type[]" class="form-control select2" id=doc_type_' + i + '><option>--Select--</option><option value="aadhaar_card">Aadhaar Card</option><option value="driving_licence">Driving Licence</option></select></td>';
            cols += '<td><input class="form-control" type="file" name="doc_img[]" id=doc_img_' + i + '></td>';
            cols += '<td><button type="button" id="delbtn" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></button></td>';
            i++;
            newRow.append(cols);
            $("#doc_table").append(newRow);
            $(".select2").select2();
        });

        $("#doc_table").on("click", "#delbtn", function() {
            $(this).closest('tr').remove();
            i--;
        });
        
        // Initialize daterangepicker for modal date fields
       $("#driverModel .driver-modal-datepicker").each(function () {
    let options = {
        singleDatePicker: true,
        autoApply: true,
        showDropdowns: true,
        minDate: '01-Jan-1900',
        parentEl: "#driverModel",
        locale: {
            format: "DD-MMM-YYYY"
        }
    };

    if ($(this).attr('name') !== 'driving_licence_valid_upto') {
        options.maxDate = moment();
    } else {
        options.minDate = moment();
    }

    $(this).daterangepicker(options);
});
    });
</script>
@endpush