@extends('layout.app')
@section('title', 'Edit Employee')
@push('header_script')
    <link rel="stylesheet" href="{{ asset('theme/assets/vendor/daterange/daterange.css') }}">
    <link rel="stylesheet" href="{{asset('theme/assets/sweetalert/sweet-alert.css') }}" type="text/css">
@endpush
@section('content')
    <div class="app-hero-header d-flex align-items-center mb-0">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('employee.index') }}">Employee List</a></li>
            <li class="breadcrumb-item active" aria-current="page">Edit Employee/Driver</li>
        </ol>
    </div>

    <div class="app-body">
        <div class="card-body">
            <div class="row gx-3">
                <div class="col-sm-12">
                    <div class="card mb-3">
                        <div class="card-body">
                            {!! Form::open([
                                'route' => ['employee.update', $employeeData->id],
                                'id' => 'employeeForm',
                                'method' => 'put',
                                'autocomplete' => 'off',
                                'files' => true,
                                'class' => 'row g-3 needs-validation'
                            ]) !!}
                            
                            <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-4">
                    <div class="col-md-6">
                        <label class="form-label">Employee Type <span class="text-danger">*</span></label>
                        {!! Form::select('emp_type', ['' => '--Select--', 'employee' => 'Employee', 'driver' => 'Driver'], old('emp_type', $employeeData->emp_type), ['class' => 'form-control select2', 'id' => 'emp_type', 'required']) !!}
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Employee Code <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="emp_code" required readonly value="{{ $employeeData->emp_code }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Employee Name <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="employee_name" placeholder="Enter full name" required value="{{ old('employee_name', $employeeData->employee_name) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Father's Name <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="father_name" placeholder="Enter father's name" required value="{{ old('father_name', $employeeData->father_name) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Mobile Number <span class="text-danger">*</span></label>
                        <input type="text" class="form-control number" name="mobile_no" placeholder="10-digit mobile no" minlength="10" maxlength="10" required value="{{ old('mobile_no', $employeeData->mobile_no) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Alternate Mobile Number</label>
                        <input type="text" class="form-control number" name="alt_mobile_no" placeholder="Alternate mobile no" minlength="10" maxlength="10" value="{{ old('alt_mobile_no', $employeeData->alt_mobile_no) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Date of Birth</label>
                        <input type="text" class="form-control datepicker" name="dob" placeholder="dd - mm - yyyy" value="{{ old('dob', $employeeData->dob ? \Carbon\Carbon::parse($employeeData->dob)->format('d-M-Y') : '') }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">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', $employeeData->blood_group), ['class' => 'form-control select2']) !!}
                    </div>
                    <div class="col-12">
                        <label class="form-label">Current Address <span class="text-danger">*</span></label>
                        <textarea class="form-control" name="address" rows="3" placeholder="House no, Street name, Village/City, State, Zipcode" required>{{ old('address', $employeeData->address) }}</textarea>
                    </div>
                    <!-- Hidden fields for legacy support -->
                    <input type="hidden" name="country" value="India">
                    <input type="hidden" name="state_id" value="1">
                    <input type="hidden" name="city" value="Unknown">
                    
                    <div class="col-md-6">
                        <label class="form-label">Aadhaar Number</label>
                        <input type="text" class="form-control number" name="aadhaar_card_no" placeholder="XXXX-XXXX-XXXX" minlength="12" maxlength="12" value="{{ old('aadhaar_card_no', $employeeData->aadhaar_card_no) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">PAN Number (Optional)</label>
                        <input type="text" class="form-control" name="pan_card_no" placeholder="ABCDE1234F" minlength="10" maxlength="10" value="{{ old('pan_card_no', $employeeData->pan_card_no) }}">
                    </div>
                    <div class="col-12">
                        <label class="form-label">Emergency Contact Info</label>
                        <input type="text" class="form-control" name="emergency_contact" placeholder="e.g., Sunita Devi (Wife) - 9876543211" value="{{ old('emergency_contact', $employeeData->emergency_contact) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Photo Upload</label>
                        <input type="file" class="form-control" name="emp_img" accept="image/*">
                        @if ($employeeData->emp_img && $employeeData->emp_img != asset('storage'))
                            <a href="{{ Storage::disk('public')->url($employeeData->emp_img) }}" target="_blank" class="d-block mt-2">View Current Image</a>
                        @endif
                    </div>
                </div>
            </div>

            </div>

            <!-- STEP 2 -->
            <div id="step-2" class="col-12 mt-4" style="display: none;">
                <h5 class="mb-3 text-primary"><i class="ri-shield-check-line"></i> 2. License Details</h5>
                <hr>
                <div class="row g-4">
                    <div class="col-md-6">
                        <label class="form-label">Driving License Number</label>
                        <input type="text" class="form-control" name="driving_licence_no" placeholder="DL-XXXXXXXXXXXXX" value="{{ old('driving_licence_no', $employeeData->driving_licence_no) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Experience (Years)</label>
                        <input type="number" class="form-control" name="experience_years" placeholder="5" value="{{ old('experience_years', $employeeData->experience_years) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">License Issue Date</label>
                        <input type="text" class="form-control datepicker" name="license_issue_date" placeholder="dd - mm - yyyy" value="{{ old('license_issue_date', $employeeData->license_issue_date ? \Carbon\Carbon::parse($employeeData->license_issue_date)->format('d-M-Y') : '') }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">License Expiry Date</label>
                        <input type="text" class="form-control datepicker" name="driving_licence_valid_upto" placeholder="dd - mm - yyyy" value="{{ old('driving_licence_valid_upto', $employeeData->driving_licence_valid_upto ? \Carbon\Carbon::parse($employeeData->driving_licence_valid_upto)->format('d-M-Y') : '') }}">
                    </div>
                    <div class="col-12">
                        <label class="form-label">License Class</label>
                        @php
                            $decodedClass = [];
                            if($employeeData->license_class) {
                                $decodedClass = is_array(json_decode($employeeData->license_class, true)) ? json_decode($employeeData->license_class, true) : [$employeeData->license_class];
                            }
                            $oldClass = old('license_class', $decodedClass);
                            $oldClass = is_array($oldClass) ? $oldClass : [$oldClass];
                        @endphp
                        <div class="d-flex gap-4 p-3 bg-light rounded border">
                            <label class="custom-checkbox"><input type="radio" name="license_class" value="LMV" {{ in_array('LMV', $oldClass) ? 'checked' : '' }}> LMV</label>
                            <label class="custom-checkbox"><input type="radio" name="license_class" value="HMV" {{ in_array('HMV', $oldClass) ? 'checked' : '' }}> HMV</label>
                            <label class="custom-checkbox"><input type="radio" name="license_class" value="TRANS" {{ in_array('TRANS', $oldClass) ? 'checked' : '' }}> TRANS</label>
                            <label class="custom-checkbox"><input type="radio" name="license_class" value="HGMV" {{ in_array('HGMV', $oldClass) ? 'checked' : '' }}> HGMV</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <label class="form-label">Previous Employer (Optional)</label>
                        <input type="text" class="form-control" name="previous_employer" placeholder="Enter former company name" value="{{ old('previous_employer', $employeeData->previous_employer) }}">
                    </div>
                </div>
            </div>

            <!-- STEP 3 -->
            <div id="step-3" class="col-12 mt-4">
                <h5 class="mb-3 text-primary"><i class="ri-briefcase-line"></i> 3. Employment Details</h5>
                <hr>
                <div class="row g-4">
                    <div class="col-md-6">
                        <label class="form-label">Joining Date <span class="text-danger">*</span></label>
                        <input type="text" class="form-control datepicker" name="joining_date" required value="{{ old('joining_date', $employeeData->joining_date ? \Carbon\Carbon::parse($employeeData->joining_date)->format('d-M-Y') : '') }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Salary (Monthly INR)</label>
                        <input type="text" class="form-control number" name="salary" placeholder="25000" value="{{ old('salary', $employeeData->salary) }}">
                    </div>
                    
                    <div class="col-md-12">
                        <label class="form-label">Driver Status</label>
                        {!! Form::select('driver_status', ['Unassigned' => 'Unassigned', 'Assigned' => 'Assigned', 'On Leave' => 'On Leave', 'Inactive' => 'Inactive'], old('driver_status', $employeeData->driver_status ?? 'Unassigned'), ['class' => 'form-control select2']) !!}
                    </div>
                    
                </div>
                
                <!-- Documents Table fallback -->
                <div class="mt-4 pt-4 border-top">
                    <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>Document Type</th>
                                <th>File</th>
                                <th><button type="button" id="addrow" class="btn btn-sm btn-primary"><i class="ri-add-line"></i></button></th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(isset($employeeData->documents) && count($employeeData->documents) > 0)
                                @foreach($employeeData->documents as $doc)
                                <tr>
                                    <td>
                                        <input type="hidden" name="update_id[]" value="{{ $doc->id }}">
                                        <input type="text" class="form-control" name="doc_type[]" value="{{ $doc->doc_type }}" readonly>
                                    </td>
                                    <td>
                                        <input type="file" class="form-control" name="doc_img[]">
                                        @if($doc->doc_img)
                                            <a href="{{ Storage::disk('public')->url($doc->doc_img) }}" target="_blank" class="d-block mt-1">View Current</a>
                                        @endif
                                    </td>
                                    <td><button type="button" class="btn btn-danger btn-sm delbtn"><i class="ri-delete-bin-line"></i></button></td>
                                </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td>
                                        <input type="hidden" name="update_id[]" value="new">
                                        <input type="text" class="form-control" name="doc_type[]" value="Aadhar Card" readonly>
                                    </td>
                                    <td><input type="file" class="form-control" name="doc_img[]"></td>
                                    <td></td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-12 mt-4">
            <div class="d-flex align-items-center justify-content-end gap-2">
                <a href="{{ route('employee.index') }}" class="btn btn-secondary" id="btnCancel">Cancel</a>
                <button type="submit" class="btn btn-primary" id="btnSubmit">Update Employee</button>
            </div>
        </div>
        {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('footer_script')
    <script src="{{ asset('theme/assets/vendor/daterange/daterange.js') }}"></script>
    <script>
        $(document).ready(function() {
            $(".datepicker").each(function() {
                var options = {
                    singleDatePicker: true,
                    showDropdowns: true,
                    minDate: '01-Jan-1900',
                    locale: { format: "DD-MMM-YYYY" }
                };
                if ($(this).attr('name') !== 'driving_licence_valid_upto') {
                    options.maxDate = new Date();
                } else {
                    options.minDate = '01-Jan-1900'; // For edit, it might be expired, so don't restrict to today
                }
                $(this).daterangepicker(options);
            });

            $('.number').keyup(function(e) {
                if (/\D/g.test(this.value)) {
                    this.value = this.value.replace(/\D/g, '');
                }
            });

            // Change button text based on emp_type
            $('#emp_type').change(function() {
                if($(this).val() === 'driver') {
                    $('#btnSubmit').text('Update Driver');
                    $('#step-2').show();
                } else {
                    $('#btnSubmit').text('Update Employee');
                    $('#step-2').hide();
                }
            });
            // trigger on load
            $('#emp_type').trigger('change');
            
            let i = 2;
            $('#addrow').click(function() {
                var newRow = $("<tr>");
                var cols = "";
                cols += '<td><input type="hidden" name="update_id[]" value="new"><input class="form-control" type="text" name="doc_type[]" placeholder="Document Name" required></td>';
                cols += '<td><input class="form-control" type="file" name="doc_img[]" required></td>';
                cols += '<td><button type="button" class="btn btn-danger btn-sm delbtn"><i class="ri-delete-bin-line"></i></button></td>';
                newRow.append(cols);
                $("#doc_table").append(newRow);
            });

            $("#doc_table").on("click", ".delbtn", function() {
                $(this).closest('tr').remove();
            });
        });
    </script>
@endpush