@extends('layout.app')
@section('title', 'Edit Employee')
@push('header_script')
    <link rel="stylesheet" href="{{ asset('theme/assets/bootstrap-sweetalert/sweet-alert.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ asset('theme/assets/vendor/daterange/daterange.css') }}">
@endpush
@section('content')
    <div class="app-hero-header d-flex align-items-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="javascript:void(0);">Create Employee</a>
            </li>
        </ol>
        <div class="ms-auto d-lg-flex flex-row">
            <div class="d-flex flex-row gap-1 day-sorting">
                <a href="{{ route('employee.index') }}" class="btn btn-sm btn-primary"><i
                        class="ri-arrow-left-circle-fill"></i> Back</a>
            </div>
        </div>
    </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],
                                'onsubmit' => 'BtnSubmit.disabled = true',
                                'class' => 'row g-3 needs-validation',
                                'method' => 'put',
                                'autocomplete' => 'off',
                                'files' => true,
                            ]) !!}
                            <div class="col-md-4 col-12">
                                <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="{{ $employeeData->emp_code }}">
                                <div class="text-danger">{{ $errors->first('emp_code') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="emp_type">Employee Type<span
                                        class="text-danger">*</span></label>
                                {!! Form::select(
                                    'emp_type',
                                    ['' => '--Select--', 'employee' => 'Employee', 'driver' => 'Driver'],
                                    $employeeData->emp_type,
                                    ['class' => 'form-control select2', 'id' => 'emp_type', 'required'],
                                ) !!}
                                <div class="text-danger">{{ $errors->first('emp_type') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <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
                                    value="{{ old('employee_name', $employeeData->employee_name) }}">
                                <div class="text-danger">{{ $errors->first('employee_name') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="emp_img">Photo</label>
                                <input type="file" class="form-control" id="emp_img" name="emp_img" accept="image/*"
                                    value="{{ old('emp_img', $employeeData->emp_img) }}">
                                @if ($employeeData->emp_img != asset('storage'))
                                    <a href="{{ $employeeData->emp_img }}" target="_blank">View Image</a>
                                @endif
                                <div class="text-danger">{{ $errors->first('emp_img') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="father_name">Father Name<span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="father_name" name="father_name" required
                                    value="{{ old('father_name', $employeeData->father_name) }}">
                                <div class="text-danger">{{ $errors->first('father_name') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <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', $employeeData->reference_by) }}">
                                <div class="text-danger">{{ $errors->first('reference_by') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="mobile_no">Contact No.<span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control number" id="mobile_no" minlength="10"
                                    maxlength="10" name="mobile_no" required
                                    value="{{ old('mobile_no', $employeeData->mobile_no) }}">
                                <div class="text-danger">{{ $errors->first('mobile_no') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for=alt_mobile_no">Alternate Contact No.</label>
                                <input type="text" class="form-control number" id="alt_mobile_no" minlength="10"
                                    maxlength="10" name="alt_mobile_no"
                                    value="{{ old('alt_mobile_no', $employeeData->alt_mobile_no) }}">
                                <div class="text-danger">{{ $errors->first('alt_mobile_no') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="email">Email</label>
                                <input type="email" class="form-control" id="email" name="email"
                                    value="{{ old('email', $employeeData->email) }}">
                                <div class="text-danger">{{ $errors->first('email') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="aadhaar_card_no">Aadhaar Card</label>
                                <input type="text" class="form-control number" id="aadhaar_card_no"
                                    name="aadhaar_card_no" minlength="12" maxlength="12"
                                    value="{{ old('aadhaar_card_no', $employeeData->aadhaar_card_no) }}">
                                <div class="text-danger">{{ $errors->first('aadhaar_card_no') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="driving_licence_no">Driving Licence No.</label>
                                <input type="text" class="form-control" id="driving_licence_no"
                                    name="driving_licence_no"
                                    value="{{ old('driving_licence_no', $employeeData->driving_licence_no) }}">
                                <div class="text-danger">{{ $errors->first('driving_licence_no') }} </div>
                            </div>
                             <div class="col-md-4 col-12">
                                <label class="form-label" for="driving_licence_valid_upto">Driving Licence Valid Upto</label>

                                <div class="input-group">
                                    <span class="input-group-text">
                                        <i class="ri-calendar-todo-line"></i>
                                    </span>
                                    <input type="text" id="driving_licence_valid_upto"
                                        class="form-control datepicker" name="driving_licence_valid_upto"
                                        value="{{ old('driving_licence_valid_upto' , \Carbon\Carbon::parse($employeeData->driving_licence_valid_upto)->format('d-F-Y')) }}">
                                    <div class="text-danger">{{ $errors->first('driving_licence_valid_upto') }}</div>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="pan_card_no">Pan Card No.</label>
                                <input type="text" class="form-control" id="pan_card_no" name="pan_card_no"
                                    minlength="10" maxlength="10"
                                    value="{{ old('pan_card_no', $employeeData->pan_card_no) }}">
                                <div class="text-danger">{{ $errors->first('pan_card_no') }} </div>
                            </div>

                            <div class="col-md-3 col-12">
                                <label class="form-label" for="joining_date">Joining Date<span
                                        class="text-danger">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-text">
                                        <i class="ri-calendar-todo-line"></i>
                                    </span>
                                    <input type="text" id="joining_date" class="form-control datepicker"
                                        name="joining_date" required
                                        value="{{ old('joining_date', \Carbon\Carbon::parse($employeeData->joining_date)->format('d-F-Y')) }}">
                                    <div class="text-danger">{{ $errors->first('joining_date') }}</div>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <label class="form-label" for="salary">Salary</label>
                                <input type="text" class="form-control number" id="salary" name="salary"
                                    value="{{ old('salary', $employeeData->salary) }}">
                                <div class="text-danger">{{ $errors->first('salary') }} </div>
                            </div>

                            <div class="col-md-12 col-12">
                                <label class="form-label" for="address">Address (Village, Road Name, Building Name
                                    etc.)<span class="text-danger">*</span></label>
                                <textarea class="form-control" name="address" required rows="2" id="address">{{ $employeeData->address }}</textarea>
                                <div class="text-danger">{{ $errors->first('address') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <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 col-12">
                                <label class="form-label" for="state_id">State<span class="text-danger">*</span></label>
                                {!! Form::select('state_id', ['' => '--Select--'] + $state, $employeeData->state_id, [
                                    'class' => 'form-control select2',
                                    'id' => 'state_id',
                                    'required',
                                ]) !!}
                                <div class="text-danger">{{ $errors->first('state_id') }} </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <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', $employeeData->city) }}">
                                <div class="text-danger">{{ $errors->first('city') }} </div>
                            </div>
                            <div class="col-md-12 col-12">
                                <table class="table table-striped table-bordered" id="doc_table">
                                    <thead>
                                        <tr>
                                            <th width="47.5%">Document Type</th>
                                            <th width="47.5%">Image</th>
                                            <th width="5%">
                                                <button type="button" id="addrow"
                                                    class="btn btn-primary btn-sm pull-right"><i
                                                        class="ri-edit-box-line"></i></button>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $i = 10;
                                        @endphp
                                        @foreach ($employeeData->employeeDoc as $doc)
                                            <tr>
                                                <td>
                                                    <input class="form-control {{ $i <= 13 ? 'readonly' : '' }} "
                                                        type="text" name="doc_type[]"
                                                        value="{{ old('doc_type', $doc->doc_type) }}"
                                                        {{ $i <= 13 ? 'readonly' : '' }}
                                                        id="doc_type_{{ $i }}">
                                                </td>
                                                <td>
                                                    <input class="form-control" type="file" name="doc_img[]"
                                                        value="{{ old('doc_img', $doc->doc_img) }}"
                                                        id="doc_img_{{ $i }}">
                                                    @if ($doc->doc_img != asset('storage'))
                                                        <a class="text-success" href="{{ $doc->doc_img }}"
                                                            target="_blank">View
                                                            Image</a>
                                                    @endif
                                                </td>
                                                <td>
                                                    <input type="hidden" name="update_id[]"
                                                        value="{{ $doc->id }}">
                                                    @if ($i >= 14)
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                            onclick="deleteIt({{ $doc->id }})"><i
                                                                class="ri-delete-bin-line"></i></button>
                                                    @endif
                                                </td>
                                            </tr>
                                            @php
                                                $i++;
                                            @endphp
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-12 col-12">
                                <label class="form-label" for="remark">Remark</label>
                                <textarea class="form-control" name="remark" rows="2" id="remark">{{ $employeeData->remark }}</textarea>
                                <div class="text-danger">{{ $errors->first('remark') }} </div>
                            </div>
                            <div class="col-xl-12 col-md-12 col-12">
                                <button class="btn btn-primary mt-1" id="BtnSubmit" type="submit">Update</button>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footer_script')
    <script src="{{ asset('theme/assets/bootstrap-sweetalert/sweet-alert.min.js') }}"></script>
    <script>
        $('.number').keyup(function(e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });

        $(document).ready(function() {
            let i = {{ $i }};
            $('#addrow').on("click", function() {
                var newRow = $("<tr>");
                var cols = "";
                cols += '<td><input type="hidden" id="update_id' + i +
                    '" name="update_id[]" value="new"><input class="form-control" type="text" name="doc_type[]" required id=doc_type_' +
                    i + '></td>';
                cols +=
                    '<td><input class="form-control" type="file" name="doc_img[]" required id=doc_img_' +
                    i + '></td>';
                cols +=
                    '<td><button type="button" id="delbtn" class="btn btn-danger btn-sm"><i class="ri-delete-bin-line"></i></button></td>';
                i++;
                newRow.append(cols);
                $("#doc_table").append(newRow);
                $(".select2").select2();
            });

            $("#doc_table").on("click", "#delbtn", function() {
                $(this).closest('tr').remove();
                i--;
            });
        });

        function deleteIt(id) {
            swal({
                    title: "Are you sure?",
                    text: "You will not be able to recover this data!",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: '#DD6B55',
                    confirmButtonText: 'Yes, I am sure!',
                    cancelButtonText: "No, cancel it!",
                    closeOnConfirm: false,
                    closeOnCancel: false,
                    cancelButtonClass: 'btn-default btn-md waves-effect',
                    confirmButtonClass: 'btn-danger btn-md waves-effect waves-light',
                },
                function(isConfirm) {
                    if (isConfirm) {
                        $.ajax({
                            url: '{{ url('employee/doc/delete') }}/' + id,
                            type: 'delete',
                            dataType: "JSON",
                            data: {
                                "_token": "{{ csrf_token() }}"
                            },
                            success: function() {
                                location.reload();
                            }
                        });
                        swal("Deleted!", "Data has been deleted!", "success");
                    } else {
                        swal("Cancelled", "Data is safe :)", "error");
                    }

                });
        }
    </script>
    <script src="{{ asset('theme/assets/vendor/daterange/daterange.js') }}"></script>
    <script>
        $(".datepicker").daterangepicker({
            singleDatePicker: true,
            locale: {
                format: "DD-MMMM-YYYY",
            },
        });
    </script>
@endpush