@extends('admin.layouts.layouts')

@section('title', 'Edit | Employee Master')

@section('content')
    <div class="page-header">
        <h3 class="page-title">Edit Employee Master</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('employee-master.index') }}">Employee Master</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit</li>
            </ol>
        </nav>
    </div>
    <div class="card">
        {!! Form::open([
            'route' => 'employee-master.store',
            'method' => 'POST',
            'id' => 'employee-master-form',
            'enctype' => 'multipart/form-data',
        ]) !!}
        @csrf
        {!! Form::hidden('id', $employeeMasterDetail->id, ['id' => 'id']) !!}
        <div class="card-body">
            <div class="row mt-3">
                <div class="col-md-12">
                    <h4 class="card-title"><b>Basic Details</b></h4>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="employee_name" class="form-label">Full Name <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="employee_name" id="employee_name" class="form-control onlytxt"
                                    placeholder="Enter Full Name"
                                    value="{{ old('employee_name', $employeeMasterDetail->employee_name) }}"
                                    data-parsley-required data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter full name" maxlength="100"
                                    data-parsley-maxlength="100"
                                    data-parsley-maxlength-message="Full name may not be greater than 100 characters"
                                    data-parsley-pattern='^[a-zA-Z_ ]*$'
                                    data-parsley-pattern-message='Only alphabets are allowed'>
                                <span class="text-danger"
                                    id="employee_name_error">{{ $errors->first('employee_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="phone_number" class="form-label">Phone Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="phone_number" id="phone_number"
                                    @if(!auth()->user()->hasAnyRole(['Admin', 'Super Admin'])) readonly @endif
                                    class="form-control mobile" placeholder="Enter Phone Number"
                                    value="{{ old('phone_number', $employeeMasterDetail->phone_number) }}"
                                    data-parsley-required data-parsley-trigger="keyup" data-parsley-type="digits"
                                    data-parsley-required-message='Please enter phone number' maxlength="10"
                                    oninput="this.value=this.value.slice(0,this.maxLength)"
                                    data-parsley-type-message="Please enter valid phone number">
                                <span class="text-danger"
                                    id="phone_number_error">{{ $errors->first('phone_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="email" class="form-label">Email</label>
                                <input type="text" name="email" id="email" class="form-control"
                                    @if(!auth()->user()->hasAnyRole(['Admin', 'Super Admin'])) readonly @endif
                                    placeholder="Enter Email" value="{{ old('email', $employeeMasterDetail->email) }}"
                                    data-parsley-trigger="keyup" data-parsley-required="required" data-parsley-type="email"
                                    data-parsley-pattern="^[a-zA-Z0-9.]+@[a-zA-Z0-9]+\.[a-zA-Z]{2,}$"
                                    data-parsley-pattern-message="{{ __('messages.custom.email_pattern_messages') }}"
                                    data-parsley-required-message="Please enter email"
                                    data-parsley-type-message="Please enter valid email"
                                    data-parsley-validate-full-width-characters="true">
                                <span class="text-danger" id="email_error">{{ $errors->first('email') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="gender" class="form-label">Gender <span class="text-danger">*</span></label>
                                <select name="gender" id="gender" class="form-control form-control-lg"
                                    data-parsley-required data-parsley-required-message="Please select gender"
                                    data-parsley-errors-container='#gender_error'>
                                    <option value="">Select Gender</option>
                                    <option value="Male"
                                        {{ old('gender', $employeeMasterDetail->gender) == 'Male' ? 'selected' : '' }}>Male
                                    </option>
                                    <option value="Female"
                                        {{ old('gender', $employeeMasterDetail->gender) == 'Female' ? 'selected' : '' }}>
                                        Female</option>
                                </select>
                                <span class="text-danger" id="gender_error">{{ $errors->first('gender') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="employee_department_id" class="form-label">Employee Department <span
                                        class="text-danger">*</span></label>
                                <select name="employee_department_id" id="employee_department_id"
                                    class="form-control form-control-lg" data-parsley-required
                                    data-parsley-required-message="Please select employee department"
                                    data-parsley-errors-container='#employee_department_id_error'>
                                    <option value="">Select Employee Department</option>
                                    @foreach ($employeeDepartments as $key => $employeeDepartment)
                                        <option value="{{ $key }}"
                                            {{ old('employee_department_id', $employeeMasterDetail->employee_department_id) == $key ? 'selected' : '' }}>
                                            {{ $employeeDepartment }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="text-danger"
                                    id="employee_department_id_error">{{ $errors->first('employee_department_id') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="employee_designation_id" class="form-label">Employee Designation <span
                                        class="text-danger">*</span></label>
                                <select name="employee_designation_id" id="employee_designation_id"
                                    class="form-control form-control-lg" data-parsley-required
                                    data-parsley-required-message="Please select employee designation"
                                    data-parsley-errors-container='#employee_designation_id_error'>
                                    <option value="">Select Soil Texture</option>
                                    @foreach ($employeeDesignations as $key => $employeeDesignation)
                                        <option value="{{ $key }}"
                                            {{ old('employee_designation_id', $employeeMasterDetail->employee_designation_id) == $key ? 'selected' : '' }}>
                                            {{ $employeeDesignation }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="text-danger"
                                    id="employee_designation_id_error">{{ $errors->first('employee_designation_id') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="employee_role_id" class="form-label">Employee Role <span
                                        class="text-danger">*</span></label>
                                <select name="employee_role_id" id="employee_role_id"
                                    class="form-control form-control-lg product-select" data-parsley-required
                                    data-parsley-required-message="Please select employee role"
                                    data-parsley-errors-container='#employee_role_id_error'>
                                    <option value="">Select Employee Role</option>
                                    @foreach ($roleLists as $key => $employeeRole)
                                        <option value="{{ $key }}"
                                            {{ old('employee_role_id', $employeeMasterDetail->employee_role_id) == $key ? 'selected' : '' }}>
                                            {{ $employeeRole }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-msg"
                                    id="employee_role_id_error">{{ $errors->first('employee_role_id') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="shift_type_id" class="form-label">Shift Type <span
                                        class="text-danger">*</span></label>
                                <select name="shift_type_id" id="shift_type_id"
                                    class="form-control form-control-lg product-select" data-parsley-required
                                    data-parsley-required-message="Please select shift type"
                                    data-parsley-errors-container='#shift_type_id_error'>
                                    <option value="">Select Shift Type</option>
                                    @foreach ($shiftTypes as $key => $shiftType)
                                        <option value="{{ $key }}"
                                            {{ old('shift_type_id', $employeeMasterDetail->shift_type_id) == $key ? 'selected' : '' }}>
                                            {{ $shiftType }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-msg"
                                    id="shift_type_id_error">{{ $errors->first('shift_type_id') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="reporting_person_id" class="form-label">Reporting Person</label>
                                <select name="reporting_person_id" id="reporting_person_id"
                                    class="form-control form-control-lg product-select">
                                    <option value="">Select Reporting Person</option>
                                    @foreach ($reportingPersons as $reportingPerson)
                                        @if ($employeeMasterDetail->id != $reportingPerson->employee_id)
                                            <option value="{{ $reportingPerson->id }}"
                                                {{ old('reporting_person_id', $employeeMasterDetail->reporting_person_id) == $reportingPerson->id ? 'selected' : '' }}>
                                                {{ $reportingPerson->name ?? '' }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                                <span class="text-danger error-msg"
                                    id="reporting_person_id_error">{{ $errors->first('reporting_person_id') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="cold_storage_id" class="form-label">Cold Storage</label>
                                <select name="cold_storage_id" id="cold_storage_id"
                                    class="form-control form-control-lg product-select">
                                    <option value="">Select Cold Storage</option>
                                    @foreach ($coldStorages as $key => $coldStorage)
                                        <option value="{{ $key }}"
                                            {{ old('cold_storage_id', $employeeMasterDetail->cold_storage_id) == $key ? 'selected' : '' }}>
                                            {{ $coldStorage ?? '' }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-msg"
                                    id="cold_storage_id_error">{{ $errors->first('cold_storage_id') }}</span>
                            </div>
                        </div>

                        <div class="col-md-8">
                            <div class="form-group">
                                <label for="address" class="form-label">Address <span
                                        class="text-danger">*</span></label>
                                <textarea name="address" id="address" rows="4" placeholder="Enter Address" class="form-control"
                                    data-parsley-required data-parsley-trigger='keyup' data-parsley-required-message="Please enter address">{{ old('address', $employeeMasterDetail->address) }}</textarea>
                                <span class="text-danger" id="address_error">{{ $errors->first('address') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-12">
                    <h4 class="card-title"><b>KYC Details</b></h4>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="aadhar_number" class="form-label">Aadhar Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="aadhar_number" id="aadhar_number"
                                    class="form-control aadharNumber" placeholder="Enter Aadhar Number"
                                    value="{{ old('aadhar_number', $employeeMasterDetail->aadhar_number) }}"
                                    data-parsley-required data-parsley-trigger="keyup" data-parsley-type="digits"
                                    data-parsley-required-message='Please enter aadhar number' maxlength="12"
                                    oninput="this.value=this.value.slice(0,this.maxLength)"
                                    data-parsley-type-message="Please enter valid aadhar number"
                                    data-parsley-minlength="12"
                                    data-parsley-minlength-message="Aadhar number at least 12 characters long"
                                    data-parsley-maxlength="12"
                                    data-parsley-maxlength-message="Aadhar number may not be greater than 12 character">
                                <span class="text-danger"
                                    id="aadhar_number_error">{{ $errors->first('aadhar_number') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="aadhar_front" class="form-label">Aadhar Front <span
                                        class="text-danger">*</span></label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="aadhar_front" id="aadhar_front" class="form-control"
                                            data-parsley-trigger='keyup'
                                            @if (empty($employeeMasterDetail->aadhar_front)) data-parsley-required required data-parsley-required-message="Please upload aadhar front" @endif
                                            accept="image/*" data-parsley-fileextension="jpg,jpeg,png"
                                            data-parsley-accept="image/jpg, image/jpeg, image/png"
                                            onchange="validateFileType(this)">
                                        @if (
                                            !empty($employeeMasterDetail->aadhar_front) &&
                                                file_exists(public_path('storage/' . $employeeMasterDetail->aadhar_front)))
                                            <div class="input-group-append">
                                                <img src="{{ asset('storage/' . $employeeMasterDetail->aadhar_front) }}"
                                                    alt="Aadhar Front" width="65" height="65"
                                                    class="crudEdit img-thumbnail me-3">
                                            </div>
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="aadhar_back" class="form-label">Aadhar Back </label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="aadhar_back" id="aadhar_back" class="form-control"
                                            accept="image/*" data-parsley-accept="image/jpg, image/jpeg, image/png"
                                            data-parsley-fileextension="jpg,jpeg,png" onchange="validateFileType(this)">
                                        @if (
                                            !empty($employeeMasterDetail->aadhar_back) &&
                                                file_exists(public_path('storage/' . $employeeMasterDetail->aadhar_back)))
                                            <div class="input-group-append">
                                                <img src="{{ asset('storage/' . $employeeMasterDetail->aadhar_back) }}"
                                                    alt="Aadhar Back" width="65" height="65"
                                                    class="crudEdit img-thumbnail me-3">
                                            </div>
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="pan_number" class="form-label">Pan Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="pan_number" id="pan_number" class="form-control panNumber"
                                    placeholder="Enter Pan Number"
                                    value="{{ old('pan_number', $employeeMasterDetail->pan_number) }}"
                                    data-parsley-required data-parsley-trigger="keyup"
                                    data-parsley-required-message='Please enter pan number' maxlength="10"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="10"
                                    data-parsley-minlength-message="Pan number at least 10 characters long"
                                    data-parsley-maxlength="10"
                                    data-parsley-maxlength-message="Pan number may not be greater than 10 character">
                                <span class="text-danger" id="pan_number_error">{{ $errors->first('pan_number') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="pan_file" class="form-label">Pan Image <span
                                        class="text-danger">*</span></label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="pan_file" id="pan_file" class="form-control"
                                            data-parsley-trigger='keyup'
                                            @if (empty($employeeMasterDetail->pan_file)) data-parsley-required data-parsley-required-message="Please upload pan image" required @endif
                                            accept="image/*" data-parsley-fileextension="jpg,jpeg,png"
                                            data-parsley-accept="image/jpg, image/jpeg, image/png"
                                            onchange="validateFileType(this)">
                                        @if (!empty($employeeMasterDetail->pan_file) && file_exists(public_path('storage/' . $employeeMasterDetail->pan_file)))
                                            <div class="input-group-append">
                                                <img src="{{ asset('storage/' . $employeeMasterDetail->pan_file) }}"
                                                    alt="Pan Image" width="65" height="65"
                                                    class="crudEdit img-thumbnail me-3">
                                            </div>
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-12">
                    <h4 class="card-title"><b>Bank Details</b></h4>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="bank_name" class="form-label">Bank Name <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="bank_name" id="bank_name" class="form-control"
                                    placeholder="Enter Bank Name"
                                    value="{{ old('bank_name', $employeeMasterDetail->bank_name) }}" data-parsley-required
                                    data-parsley-trigger='keyup' maxlength="100" data-parsley-maxlength="100"
                                    data-parsley-maxlength-message="Bank name may not be greater than 100 characters"
                                    data-parsley-required-message="Please enter bank name"
                                    data-parsley-errors-container='#bank_name_error'>
                                <span class="text-danger"
                                    id="bank_name_error">{{ $errors->first('passing_year') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="account_no" class="form-label">Account Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="account_no" id="account_no"
                                    class="form-control bankAccNumber" placeholder="Enter Account Number"
                                    value="{{ old('account_no', $employeeMasterDetail->account_no) }}"
                                    data-parsley-required data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter account number" maxlength="20"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="11"
                                    data-parsley-minlength-message="Account number at least 11 characters long"
                                    data-parsley-maxlength="20"
                                    data-parsley-maxlength-message="Account number may not be greater than 20 character"
                                    data-parsley-errors-container='#account_no_error'>
                                <span class="text-danger"
                                    id="account_no_error">{{ $errors->first('passing_year') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="ifsc_code" class="form-label">Bank IFSC Code <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="ifsc_code" id="ifsc_code" class="form-control bankIFSCCode"
                                    placeholder="Enter Bank IFSC Code"
                                    value="{{ old('ifsc_code', $employeeMasterDetail->ifsc_code) }}" data-parsley-required
                                    data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter bank IFSC code" maxlength="11"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="11"
                                    data-parsley-minlength-message="Bank IFSC code at least 11 characters long"
                                    data-parsley-maxlength="11"
                                    data-parsley-maxlength-message="Bank IFSC code may not be greater than 11 character"
                                    data-parsley-errors-container='#ifsc_code_error'>
                                <span class="text-danger"
                                    id="ifsc_code_error">{{ $errors->first('passing_year') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="blank_cheque" class="form-label">Cheque Image <span
                                        class="text-danger">*</span></label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="blank_cheque" id="blank_cheque" class="form-control"
                                            data-parsley-trigger='keyup'
                                            @if (empty($employeeMasterDetail->blank_cheque)) data-parsley-required required data-parsley-required-message="Please upload cheque image" @endif
                                            accept="image/*" data-parsley-fileextension="jpg,jpeg,png"
                                            data-parsley-accept="image/jpg, image/jpeg, image/png"
                                            onchange="validateFileType(this)">
                                        @if (
                                            !empty($employeeMasterDetail->blank_cheque) &&
                                                file_exists(public_path('storage/' . $employeeMasterDetail->blank_cheque)))
                                            <div class="input-group-append">
                                                <img src="{{ asset('storage/' . $employeeMasterDetail->blank_cheque) }}"
                                                    alt="Cheque Image" width="65" height="65"
                                                    class="crudEdit img-thumbnail me-3">
                                            </div>
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="cheque_number" class="form-label">Cheque No <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="cheque_number" id="cheque_number"
                                    class="form-control chequeNo" placeholder="Enter Cheque No"
                                    value="{{ old('cheque_number', $employeeMasterDetail->cheque_number) }}"
                                    data-parsley-required data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter cheque no" maxlength="10"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-maxlength="10"
                                    data-parsley-maxlength-message="Cheque no may not be greater than 10 character"
                                    data-parsley-errors-container='#cheque_number_error'>
                                <span class="text-danger"
                                    id="cheque_number_error">{{ $errors->first('cheque_number') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary btn-fw" id="addEmployeeMaster">Update</button>
            <a href="{{ route('employee-master.index') }}" class="btn btn-light btn-fw">Cancel</a>
        </div>
        {{ Form::close() }}
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        var employeeMasterList = "{{ route('employee-master.index') }}";
        var employeeMasterStore = "{{ route('employee-master.store') }}";
    </script>
    <script src="{{ asset('assets/js/admin/employee-master.js') }}?time={{ time() }}"></script>
@endsection