@extends('layouts.admin')


@section('content')
    <!-- Main content -->
    <section class="content">
        <div class="container-fluid mt-4">
            <div class="row">
                <!-- left column -->
                <div class="col-md-12">
                    <!-- jquery validation -->
                    <div class="card card-info">
                        <div class="card-header">
                            <h3 class="card-title">Employee Update</h3>

                            <a href="{{ route('employee.index') }}" style="float: right;padding: 3px 26px;"
                                class="btn btn-outline-dark btn-flat">Employee List</a>

                        </div>

                        <form id="employeeForm" method="POST" action="{{ route('employee.update', $employee->id) }}"
                            enctype="multipart/form-data">

                            @csrf

                            <input type="hidden" value="{{ $employee->id }}" name="id">

                            @method('PUT')

                            <div class="card-body">
                                <div class="row">

                                    <div class="col-md-8 offset-2">

                                        <div class="row">

                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label for="joining_date" class="col-sm-12 col-form-label">Joining Date: <span
                                                            class="text-danger"> * </span></label>
                                                    <div class="col-sm-12">
                                                        <input type="date" class="form-control form-control-sm"
                                                            name="joining_date" id="joining_date"
                                                            value="{{ $employee->joining_date }}" placeholder="Enter joining date.."
                                                            tabindex="1" required>

                                                        @error('joining_date')
                                                            <span class="error invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror

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

                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label for="emp_id" class="col-sm-12 col-form-label">Employee ID: <span
                                                            class="text-danger"> * </span></label>
                                                    <div class="col-sm-12">
                                                        <input type="text" class="form-control form-control-sm" name="emp_id"
                                                            id="emp_id" value="{{ $employee->emp_id }}"
                                                            placeholder="Enter Employee Id.." tabindex="2" required readonly>

                                                        @error('emp_id')
                                                            <span class="error invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror

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

                                        </div>

                                        <div class="row">

                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label for="emp_name" class="col-sm-12 col-form-label">Employee Name: <span
                                                            class="text-danger"> * </span></label>
                                                    <div class="col-sm-12">
                                                        <input type="text" class="form-control form-control-sm" name="emp_name"
                                                            id="emp_name" value="{{ $employee->emp_name }}"
                                                            placeholder="Enter Employee Name.." tabindex="3" required>

                                                        @error('emp_name')
                                                            <span class="error invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror

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

                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label for="dpt_id" class="col-sm-12 col-form-label">Department</label>
                                                    <div class="col-sm-12">
                                                        <select name="dpt_id" id="dpt_id"
                                                            class="form-control form-control-sm" tabindex="14">
                                                            <option value="">Select Department</option>
                                                            @foreach ($departments as $v)
                                                                <option value="{{ $v->id }}"
                                                                    {{ $employee->dpt_id == $v->id ? 'selected' : '' }}>
                                                                    {{ $v->department_name }}
                                                                </option>
                                                            @endforeach
                                                        </select>

                                                        @error('dpt_id')
                                                            <span class="error invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror

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

                                        </div>

                                        <div class="row"> 

                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label for="father_name" class="col-sm-12 col-form-label">Father’s Name: <span
                                                            class="text-danger"> * </span></label>
                                                    <div class="col-sm-12">
                                                        <input type="text" class="form-control form-control-sm"
                                                            name="father_name" id="father_name" value="{{ $employee->father_name }}"
                                                            placeholder="Enter Father Name.." tabindex="4" required>

                                                        @error('father_name')
                                                            <span class="error invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror

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

                                            <div class="col-md-6">

                                                <div class="form-group row">
                                                    <label for="mother_name" class="col-sm-12 col-form-label">Mother’s Name: <span
                                                            class="text-danger"> * </span></label>
                                                    <div class="col-sm-12">
                                                        <input type="text" class="form-control form-control-sm"
                                                            name="mother_name" id="mother_name"
                                                            value="{{ $employee->mother_name }}" placeholder="Enter Mother Name.."
                                                            tabindex="5" required>

                                                        @error('mother_name')
                                                            <span class="error invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror

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



                                        </div>

                                          <div class="row"> 

                                             <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label for="nid" class="col-sm-12 col-form-label">National ID:<span
                                                            class="text-danger"> * </span></label>
                                                    <div class="col-sm-12">
                                                        <input type="text" class="form-control form-control-sm" name="nid"
                                                            id="nid" value="{{ $employee->nid }}"
                                                            placeholder="Enter nid number.." tabindex="7" required>

                                                        @error('nid')
                                                            <span class="error invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror

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

                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label for="dob" class="col-sm-12 col-form-label">Date of Birth:<span
                                                            class="text-danger"> * </span></label>
                                                    <div class="col-sm-12">
                                                        <input type="date" class="form-control form-control-sm" name="dob"
                                                            id="dob" value="{{ $employee->dob }}"
                                                            placeholder="Enter date of birth.." tabindex="6" required>

                                                        @error('dob')
                                                            <span class="error invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror

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


                                          </div>

                                            <div class="row">


                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label for="phone" class="col-sm-12 col-form-label">Mobile Number:<span
                                                            class="text-danger"> * </span></label>
                                                    <div class="col-sm-12">
                                                        <input type="text" class="form-control form-control-sm" name="phone"
                                                            id="phone" value="{{ $employee->phone }}"
                                                            placeholder="Enter Phone Number" tabindex="8" required>

                                                        @error('phone')
                                                            <span class="error invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>



                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label for="blood_group" class="col-sm-12 col-form-label">Blood Group:</label>
                                                        <div class="col-sm-12">
                                                            <input type="blood_group" class="form-control form-control-sm" name="blood_group"
                                                                id="blood_group" value="{{ $employee->blood_group }}"
                                                                placeholder="Enter blood group" tabindex="9">

                                                            @error('blood_group')
                                                                <span class="error invalid-feedback" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror

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



                                             </div>

                                              <div class="row">

                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label for="emergency_person" class="col-sm-12 col-form-label">Emergency
                                                            Contact person: <span class="text-danger"> * </span></label>
                                                        <div class="col-sm-12">
                                                            <input type="text" class="form-control form-control-sm"
                                                                name="emergency_person" id="emergency_person"
                                                                value="{{ $employee->emergency_person }}"
                                                                placeholder="Emergency
                                                            Contact person"
                                                                tabindex="10" required>

                                                            @error('emergency_person')
                                                                <span class="error invalid-feedback" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror

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


                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label for="emergency_phone" class="col-sm-12 col-form-label">Emergency Contact
                                                            number:<span class="text-danger"> * </span></label>
                                                        <div class="col-sm-12">
                                                            <input type="text" class="form-control form-control-sm"
                                                                name="emergency_phone" id="emergency_phone"
                                                                value="{{ $employee->emergency_phone }}"
                                                                placeholder="Emergency Contact number" tabindex="11" required>

                                                            @error('emergency_phone')
                                                                <span class="error invalid-feedback" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>


                                              </div>

                                            <div class="row">

                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label for="address" class="col-sm-12 col-form-label">Present Address:<span
                                                                class="text-danger"> * </span>
                                                        </label>
                                                        <div class="col-sm-12">
                                                            <textarea class="form-control" id="address" name="address" rows="2" placeholder="Enter Address..."
                                                                tabindex="12" required>{{ $employee->address }}</textarea>

                                                            @error('address')
                                                                <span class="error invalid-feedback" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>



                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label for="address_2" class="col-sm-12 col-form-label">Permanent Address:<span
                                                                class="text-danger"> * </span>
                                                        </label>
                                                        <div class="col-sm-12">
                                                            <textarea class="form-control" id="address_2" name="address_2" rows="2"
                                                                placeholder="Enter Permanent Address..." tabindex="13" required>{{ $employee->address_2 }}</textarea>

                                                            @error('address_2')
                                                                <span class="error invalid-feedback" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>



                                            </div>

                                             <div class="row">

                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label for="designation_id"
                                                            class="col-sm-12 col-form-label">Designation</label>
                                                        <div class="col-sm-12">
                                                            <select name="designation_id" id="designation_id"
                                                                class="form-control form-control-sm" tabindex="14">
                                                                <option value="">Select Designation</option>
                                                                @foreach ($designations as $v)
                                                                    <option value="{{ $v->id }}"
                                                                        {{ $employee->designation_id == $v->id ? 'selected' : '' }}>
                                                                        {{ $v->designation }}
                                                                    </option>
                                                                @endforeach
                                                            </select>

                                                            @error('designation_id')
                                                                <span class="error invalid-feedback" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror

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

                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label for="salary" class="col-sm-12 col-form-label">Joining Salary:<span
                                                                class="text-danger"> * </span></label>
                                                        <div class="col-sm-12">
                                                            <input type="text" class="form-control form-control-sm" name="salary"
                                                                id="salary" value="{{ $employee->salary }}"
                                                                placeholder="Enter Employee Salary.." tabindex="16" required>

                                                            @error('salary')
                                                                <span class="error invalid-feedback" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror

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

                                             </div>

                                              <div class="row">

                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label for="Image" class="col-sm-12 col-form-label">Image </label>
                                                        <div class="col-sm-12">
                                                            <img src="{{ asset('uploads/employees/' . $employee->image) }}"
                                                                alt="photo" style="width: 60px">
                                                            <input type="file" class="form-control form-control-sm" name="image"
                                                                id="image" value="{{ old('image') }}">

                                                            @error('image')
                                                                <span class="error invalid-feedback" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-group row">
                                                        <label for="file_url" class="col-sm-12 col-form-label">Document </label>
                                                        <div class="col-sm-12">

                                                            @if (pathinfo($employee->file_url, PATHINFO_EXTENSION) == 'pdf')
                                                                <embed src="{{ asset('uploads/documents/' . $employee->file_url) }}"
                                                                    type="application/pdf" style="width: 60px;height:50px">
                                                            @else
                                                                <img src="{{ asset('uploads/documents/' . $employee->file_url) }}"
                                                                    alt="photo" style="width: 60px">
                                                            @endif

                                                            <input type="file" class="form-control form-control-sm"
                                                                name="file_url" id="file_url" value="{{ old('file_url') }}">

                                                            @error('file_url')
                                                                <span class="error invalid-feedback" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>

                                              </div>

                                             <div class="row">
                                                <div class="col-md-12">
                                                    <button type="submit" class="btn btn-info">Update</button>
                                                </div>
                                             </div>
                                            

                                    </div>

                                </div>
                            </div>

                            <!-- /.card-body -->
                            <div class="card-footer"></div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /.content -->
@endsection

@push('scripts')
    <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>

    <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
    <script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
    <script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>

    <script>


        function generateEmployeeId(joinDate, increment) {

            const date = new Date(joinDate);

            if (isNaN(date.getTime())) {

                throw new Error("Invalid date format. Please use a valid date string.");
            }

            const year = date.getFullYear();
            const month = String(date.getMonth() + 1).padStart(2, '0'); 
            const day = String(date.getDate()).padStart(2, '0');

            const employeeId = `${year}${month}${String(increment).padStart(3, '0')}`;
            return employeeId;
        }


        $(function() {

            $("#joining_date").change(function(){

                // Example usage
                const joinDate = $(this).val();
                const increment = $("#empid").val();
                const emp_id = generateEmployeeId(joinDate, increment); 

                $("#emp_id").val(emp_id);


            });



        });
    </script>
@endpush