@extends('layout.default')

@section('styles')
@endsection
@section('subheaderRightToolbar')
    @PermissionsCan('employee.index')
    <a href="{{ route('employee.index') }}" class="btn btn-light-primary font-weight-bolder mr-2">
        <i class="ki ki-long-arrow-back icon-sm"></i>Back(ESC)</a>
    @endPermissionsCan
    @PermissionsCan('employee.update')
    <div class="btn-group">
        <button type="submit" class="btn btn-primary font-weight-bolder" form="employee_edit_form">
            <i class="ki ki-check icon-sm"></i><u>S</u>ave
        </button>
    </div>
    @endPermissionsCan
@endsection
@section('content')

    <div class="card card-custom card-sticky" id="kt_page_sticky_card">
        <div class="card-body" id="load-section-js">
            <form class="form" id="employee_edit_form" data-method="post"
                  data-url="{{ route('employee.update',$employee->id) }}"
                  enctype="multipart/form-data">
                <div class="row">
                    <div class="col-md-12 mb-2">
                        <div class="card card-custom card-border card-shadow" data-card="true" id="kt_card_3">
                            <div class="card-header bg-secondary">
                                <div class="card-title">
                                    <h3 class="card-label">Upload Profile</h3>
                                </div>
                                <div class="card-toolbar">
                                    <a href="#" class="btn btn-icon btn-circle btn-sm btn-light-primary mr-1"
                                       data-card-tool="toggle">
                                        <i class="ki ki-arrow-down icon-nm"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body" kt-hidden-height="384">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group ">
                                            <label>Avatar</label>
                                            <div class="col-lg-9 col-xl-9">
                                                <div class="image-input image-input-outline" id="kt_user_add_avatar">
                                                    <div class="image-input-wrapper"
                                                         style="background-image: url( {{ ($profileImage) && isset($profileImage) ? $profileImage :"/media/users/blank.png" }} )"></div>
                                                    <label
                                                            class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
                                                            data-action="change" data-toggle="tooltip" title=""
                                                            data-original-title="Change avatar">
                                                        <i class="fa fa-pen icon-sm text-muted"></i>
                                                        <input type="file" name="avatar" id="avatar"
                                                               accept=".png, .jpg, .jpeg"/>
                                                        <input type="hidden" name="avatar_remove"/>
                                                    </label>
                                                    <span
                                                            class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
                                                            data-action="cancel" data-toggle="tooltip"
                                                            title="Cancel avatar">
                                                        <i class="ki ki-bold-close icon-xs text-muted"></i>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mb-2">
                        <div class="card card-custom card-border card-shadow" data-card="true" id="kt_card_3">
                            <div class="card-header bg-secondary">
                                <div class="card-title">
                                    <h3 class="card-label">Basic Details</h3>
                                </div>
                                <div class="card-toolbar">
                                    <a href="#" class="btn btn-icon btn-circle btn-sm btn-light-primary mr-1"
                                       data-card-tool="toggle">
                                        <i class="ki ki-arrow-down icon-nm"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body" kt-hidden-height="384">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Branch <b class="text-danger">*</b></label>
                                            <select class="form-control form-control-sm branch-select2-js"
                                                    name="branch_id" id="branch_id"
                                                    data-action="{{ route('branch.autocomplete') }}">
                                                @if($employee->branch)
                                                    <option value="{{ $employee->branch->id }}"
                                                            selected>{{ $employee->branch_id ? $employee->branch->code.' - '.$employee->branch->name  : ''}}</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="radio-inline">
                                            <label class="radio radio-solid">
                                                <input type="radio" name="salutation"
                                                       {{ (isset($employee->salutation) && $employee->salutation == 'Mr.') ? 'checked' : '' }} value="Mr."/>
                                                <span></span>
                                                Mr.
                                            </label>
                                            <label class="radio radio-solid">
                                                <input type="radio" name="salutation"
                                                       {{ (isset($employee->salutation) && $employee->salutation == 'Mrs.') ? 'checked' : '' }} value="Mrs."/>
                                                <span></span>
                                                Mrs.
                                            </label>
                                            <label class="radio radio-solid">
                                                <input type="radio" name="salutation"
                                                       {{ (isset($employee->salutation) && $employee->salutation == 'Ms.') ? 'checked' : '' }} value="Ms."/>
                                                <span></span>
                                                Ms.
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Name <b class="text-danger">*</b></label>
                                            <input class="form-control" type="text" name="name" id="name"
                                                   placeholder="Name" value="{{ $employee->name }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Code <b class="text-danger">*</b></label>
                                            <input class="form-control" type="text"
                                                   maxlength="6" name="code" id="code"
                                                   placeholder="Code"
                                                   value="{{ $employee->code }}" readonly/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Mobile No <b class="text-danger">*</b></label>
                                            <input type="text" class="form-control" name="mobile_no"
                                                   placeholder="Mobile number" data-inputmask='"mask": "9999999999"'
                                                   data-mask pattern="^\[0-9]{5}\s[0-9]{5}$" id="mobile_no"
                                                   value="{{ $employee->mobile_no }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mb-2">
                        <div class="card card-custom card-border card-shadow" data-card="true" id="kt_card_3">
                            <div class="card-header bg-secondary">
                                <div class="card-title">
                                    <h3 class="card-label">Employee Details</h3>
                                </div>
                                <div class="card-toolbar">
                                    <a href="#" class="btn btn-icon btn-circle btn-sm btn-light-primary mr-1"
                                       data-card-tool="toggle">
                                        <i class="ki ki-arrow-down icon-nm"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body" kt-hidden-height="384">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Date Of Joining <b class="text-danger">*</b></label>
                                            <input class="form-control" type="date" name="date_of_joining"
                                                   id="date_of_joining"
                                                   value="{{ isset($employee->date_of_joining) ? \Carbon\Carbon::parse($employee->date_of_joining)->format('Y-m-d') : \Carbon\Carbon::now()->format('Y-m-d') }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Date Of Resign</label>
                                            <input class="form-control" type="date" name="date_of_resign"
                                                   id="date_of_resign"
                                                   value="{{ isset($employee->date_of_resign) ? \Carbon\Carbon::parse($employee->date_of_resign)->format('Y-m-d') : '' }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Probation Start Date</label>
                                            <input class="form-control" type="date"
                                                   value="{{ isset($employee->probation_start_date) ? \Carbon\Carbon::parse($employee->probation_start_date)->format('Y-m-d') : '' }}"
                                                   name="probation_start_date" id="probation_start_date" readonly/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Probation Period</label>
                                            <select class="form-control probation_period-select2-js"
                                                    name="month" id="month">
                                                <option value=""> Select Month</option>
                                                <option value="3" @if($employee->month === 3) selected @endif>3 Month
                                                </option>
                                                <option value="6" @if($employee->month === 6) selected @endif>6 Month
                                                </option>
                                                <option value="9" @if($employee->month === 9) selected @endif>9 Month
                                                </option>
                                                <option value="12" @if($employee->month === 12) selected @endif>12
                                                    Month
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Probation End Date</label>
                                            <input class="form-control" type="date"
                                                   value="{{ isset($employee->probation_end_date) ? \Carbon\Carbon::parse($employee->probation_end_date)->format('Y-m-d') : '' }}"
                                                   name="probation_end_date" id="probation_end_date" readonly/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Email <b class="text-danger">*</b></label>
                                            <input class="form-control" type="email"
                                                   name="email" id="email"
                                                   placeholder="Email" value="{{ $employee->email }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Employee Type</label>
                                            <select class="form-control employee_type-select2-js"
                                                    name="employee_type" id="employee_type">
                                                <option value="">Select</option>
                                                <option value="permanent"
                                                        @if($employee->employee_type == 'permanent') selected @endif>
                                                    Permanent
                                                </option>
                                                <option value="contract"
                                                        @if($employee->employee_type == 'contract') selected @endif>
                                                    Contract
                                                </option>
                                                <option value="intern"
                                                        @if($employee->employee_type == 'intern') selected @endif>Intern
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Designation<b class="text-danger">*</b></label>
                                            <select class="form-control designation-select2-js"
                                                    name="designation_id" id="designation_id"
                                                    data-action="{{ route('designation.autocomplete') }}">
                                                @if($employee->designation)
                                                    <option value="{{ $employee->designation->id }}"
                                                            selected>{{ $employee->designation->title }}</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Department<b class="text-danger">*</b></label>
                                            <select class="form-control department-select2-js"
                                                    name="department_id" id="department_id"
                                                    data-action="{{ route('department.autocomplete') }}">
                                                @if($employee->department)
                                                    <option value="{{ $employee->department->id }}"
                                                            selected>{{ $employee->department->title }}</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Attendance Type</label>
                                            <select class="form-control attendance_type-select2-js"
                                                    name="attendance_type" id="attendance_type">
                                                <option value="">Select</option>
                                                <option value="Mobile"
                                                        @if($employee->attendance_type == 'Mobile') selected @endif>
                                                    Mobile
                                                </option>
                                                <option value="Web"
                                                        @if($employee->attendance_type == 'Web') selected @endif>Web
                                                </option>
                                                <option value="Both"
                                                        @if($employee->attendance_type == 'Both') selected @endif>Both
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Grade</label>
                                            <select class="form-control grade-select2-js"
                                                    name="grade" id="grade">
                                                <option value="">Select</option>
                                                <option value="A" @if($employee->grade == 'A') selected @endif>A
                                                </option>
                                                <option value="B" @if($employee->grade == 'B') selected @endif>B
                                                </option>
                                                <option value="A+" @if($employee->grade == 'A+') selected @endif>A+
                                                </option>
                                                <option value="B+" @if($employee->grade == 'B+') selected @endif>B+
                                                </option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Fingerprint Code</label>
                                            <input class="form-control" type="text"
                                                   name="fingerprint_code" id="fingerprint_code"
                                                   placeholder="Fingerprint Code"
                                                   value="{{ $employee->fingerprint_code }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Training Start Date</label>
                                            <input class="form-control" type="date"
                                                   name="training_start_date"
                                                   id="training_start_date"
                                                   value="{{ isset($employee->training_start_date) ? \Carbon\Carbon::parse($employee->training_start_date)->format('Y-m-d') : '' }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group row">
                                            <div class="col-9">
                                                <div class="checkbox-inline">
                                                    <label class="checkbox">
                                                        <input type="checkbox" name="is_allow_geo_fancying"
                                                               id="is_allow_geo_fancying"
                                                               value="1" {{ $employee->is_allow_geo_fancying == 1 ? 'checked' : '' }}>
                                                        <span></span>
                                                        is Allow GEO Fancying?
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mb-2">
                        <div class="card card-custom card-border card-shadow" data-card="true" id="kt_card_3">
                            <div class="card-header bg-secondary">
                                <div class="card-title">
                                    <h3 class="card-label">Personal Details</h3>
                                </div>
                                <div class="card-toolbar">
                                    <a href="#" class="btn btn-icon btn-circle btn-sm btn-light-primary mr-1"
                                       data-card-tool="toggle">
                                        <i class="ki ki-arrow-down icon-nm"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body" kt-hidden-height="384">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Address</label>
                                            <textarea class="form-control" type="text" name="address"
                                                      id="address">{{ $employee->address }}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Country</label>
                                            <select class="form-control form-control-lg country-select2-js"
                                                    name="country_id" id="country_id"
                                                    data-action="{{ route('countries.autocomplete') }}">
                                                @if($employee->country)
                                                    <option value="{{$employee->country->id}}"
                                                            selected>{{$employee->country->name}}</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>State</label>
                                            <select class="form-control form-control-lg state-select2-js"
                                                    name="state_id" id="state_id"
                                                    data-action="{{ route('states.autocomplete') }}"
                                                    data-depended="country_id">
                                                @if($employee->state)
                                                    <option value="{{$employee->state->id}}"
                                                            selected>{{$employee->state->name}}</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>City</label>
                                            <select class="form-control form-control-lg city-select2-js"
                                                    name="city_id" id="city_id"
                                                    data-action="{{ route('cities.autocomplete') }}"
                                                    data-depended="state_id">
                                                @if($employee->city)
                                                    <option value="{{$employee->city->id}}"
                                                            selected>{{$employee->city->name}}</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Gender</label>
                                            <select class="form-control form-control-lg gender-select2-js"
                                                    name="gender" id="gender">
                                                <option value="">Select</option>
                                                <option value="Male" @if($employee->gender == 'Male') selected @endif>
                                                    Male
                                                </option>
                                                <option value="Female"
                                                        @if($employee->gender == 'Female') selected @endif>Female
                                                </option>
                                                <option value="Other" @if($employee->gender == 'Other') selected @endif>
                                                    Other
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Date Of Birth</label>
                                            <input class="form-control" type="date"
                                                   name="date_of_birth" id="date_of_birth"
                                                   value="{{ isset($employee->date_of_birth) ? \Carbon\Carbon::parse($employee->date_of_birth)->format('Y-m-d') : '' }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Father Name</label>
                                            <input class="form-control" type="text" placeholder="Father Name"
                                                   name="father_name" id="father_name"
                                                   value="{{ $employee->father_name }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Mother Name</label>
                                            <input class="form-control" type="text" placeholder="Mother Name"
                                                   name="mother_name" id="mother_name"
                                                   value="{{ $employee->mother_name }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Martial Status</label>
                                            <select class="form-control form-control-lg martial_status-select2-js"
                                                    name="martial_status" id="martial_status">
                                                <option value="">Select</option>
                                                <option value="Single"
                                                        @if($employee->martial_status == 'Single') selected @endif>
                                                    Single
                                                </option>
                                                <option value="Married"
                                                        @if($employee->martial_status == 'Married') selected @endif>
                                                    Married
                                                </option>
                                                <option value="Divorced"
                                                        @if($employee->martial_status == 'Divorced') selected @endif>
                                                    Divorced
                                                </option>
                                                <option value="Widow"
                                                        @if($employee->martial_status == 'Widow') selected @endif>Widow
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Blood Group</label>
                                            <input class="form-control" type="text" placeholder="Blood Group"
                                                   name="blood_group" id="blood_group"
                                                   value="{{ $employee->blood_group }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Height</label>
                                            <input class="form-control" type="text" placeholder="Height"
                                                   name="height" id="height"
                                                   value="{{ $employee->height }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Religion</label>
                                            <select class="form-control form-control-lg religion-select2-js"
                                                    name="religion" id="religion">
                                                <option value="">Select</option>
                                                <option value="Indian"
                                                        @if($employee->religion == 'Indian') selected @endif>Indian
                                                </option>
                                                <option value="Islam"
                                                        @if($employee->religion == 'Islam') selected @endif>Islam
                                                </option>
                                                <option value="Sikhism"
                                                        @if($employee->religion == 'Sikhism') selected @endif>Sikhism
                                                </option>
                                                <option value="Christianity"
                                                        @if($employee->religion == 'Christianity') selected @endif>
                                                    Christianity
                                                </option>
                                                <option value="Buddhism"
                                                        @if($employee->religion == 'Buddhism') selected @endif>Buddhism
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Cast</label>
                                            <select class="form-control form-control-lg cast-select2-js"
                                                    name="cast" id="cast">
                                                <option value="">Select</option>
                                                <option value="Brahmins"
                                                        @if($employee->cast == 'Brahmins') selected @endif>Brahmins
                                                </option>
                                                <option value="Kshatriyas"
                                                        @if($employee->cast == 'Kshatriyas') selected @endif>Kshatriyas
                                                </option>
                                                <option value="Vaishyas"
                                                        @if($employee->cast == 'Vaishyas') selected @endif>Vaishyas
                                                </option>
                                                <option value="Shudras"
                                                        @if($employee->cast == 'Shudras') selected @endif>Shudras
                                                </option>
                                                <option value="Pariahs"
                                                        @if($employee->cast == 'Pariahs') selected @endif>Pariahs
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Skill Type</label>
                                            <select class="form-control form-control-lg skill_type-select2-js"
                                                    name="skill_type" id="skill_type">
                                                <option value="">Select</option>
                                                <option value="Problem Solving Skills"
                                                        @if($employee->skill_type == 'Problem Solving Skills') selected @endif>
                                                    Problem Solving Skills
                                                </option>
                                                <option value="Flexibility"
                                                        @if($employee->skill_type == 'Flexibility') selected @endif>
                                                    Flexibility
                                                </option>
                                                <option value="Critical Thinking Skills"
                                                        @if($employee->skill_type == 'Critical Thinking Skills') selected @endif>
                                                    Critical Thinking Skills
                                                </option>
                                                <option value="Communication Skills"
                                                        @if($employee->skill_type == 'Communication Skills') selected @endif>
                                                    Communication Skills
                                                </option>
                                                <option value="Teamwork"
                                                        @if($employee->skill_type == 'Teamwork') selected @endif>
                                                    Teamwork
                                                </option>
                                                <option value="Organization Skills"
                                                        @if($employee->skill_type == 'Organization Skills') selected @endif>
                                                    Organization Skills
                                                </option>
                                                <option value="Creativity"
                                                        @if($employee->skill_type == 'Creativity') selected @endif>
                                                    Creativity
                                                </option>
                                                <option value="Emotional Intelligence"
                                                        @if($employee->skill_type == 'Emotional Intelligence') selected @endif>
                                                    Emotional Intelligence
                                                </option>
                                                <option value="Attention to Detail"
                                                        @if($employee->skill_type == 'Attention to Detail') selected @endif>
                                                    Attention to Detail
                                                </option>
                                                <option value="Responsibility"
                                                        @if($employee->skill_type == 'Responsibility') selected @endif>
                                                    Responsibility
                                                </option>
                                                <option value="Digital Skills"
                                                        @if($employee->skill_type == 'Digital Skills') selected @endif>
                                                    Digital Skills
                                                </option>
                                                <option value="Design"
                                                        @if($employee->skill_type == 'Design') selected @endif>Design
                                                </option>
                                                <option value="Mathematics"
                                                        @if($employee->skill_type == 'Mathematics') selected @endif>
                                                    Mathematics
                                                </option>
                                                <option value="Project Management"
                                                        @if($employee->skill_type == 'Project Management') selected @endif>
                                                    Project Management
                                                </option>
                                                <option value="Marketing"
                                                        @if($employee->skill_type == 'Marketing') selected @endif>
                                                    Marketing
                                                </option>
                                                <option value="Administrative"
                                                        @if($employee->skill_type == 'Administrative') selected @endif>
                                                    Administrative
                                                </option>
                                                <option value="Writing Skills"
                                                        @if($employee->skill_type == 'Writing Skills') selected @endif>
                                                    Writing Skills
                                                </option>
                                                <option value="Foreign Languages"
                                                        @if($employee->skill_type == 'Foreign Languages') selected @endif>
                                                    Foreign Languages
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Aadhar Number</label>
                                            <input class="form-control" type="text" placeholder="Aadhar Number"
                                                   name="aadhar_number" id="aadhar_number"
                                                   value="{{ $employee->aadhar_number }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Pan Number</label>
                                            <input class="form-control" type="text" placeholder="Pan Number"
                                                   name="pan_number" id="pan_number"
                                                   value="{{ $employee->pan_number }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Ration Card Type</label>
                                            <select class="form-control form-control-lg ration_card_type-select2-js"
                                                    name="ration_card_type" id="ration_card_type">
                                                <option value="">Select</option>
                                                <option value="APL"
                                                        @if($employee->ration_card_type == 'APL') selected @endif>APL
                                                </option>
                                                <option value="BPL"
                                                        @if($employee->ration_card_type == 'BPL') selected @endif>BPL
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Ration Card Number</label>
                                            <input class="form-control" type="text" placeholder="Ration Card Number"
                                                   name="ration_card_number" id="ration_card_number"
                                                   value="{{ $employee->ration_card_number }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Family doctor</label>
                                            <select class="form-control form-control-lg family_doctor-select2-js"
                                                    name="family_doctor" id="family_doctor">
                                                <option value="">Select</option>
                                                <option value="Yes"
                                                        @if($employee->family_doctor == 'Yes') selected @endif>Yes
                                                </option>
                                                <option value="No"
                                                        @if($employee->family_doctor == 'No') selected @endif>No
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Dispensary Address</label>
                                            <textarea class="form-control" type="text" name="dispensary_address"
                                                      id="dispensary_address">{{ $employee->dispensary_address }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mb-10">
                        <div class="card card-custom card-border card-shadow" data-card="true" id="kt_card_3">
                            <div class="card-header bg-secondary">
                                <div class="card-title">
                                    <h3 class="card-label">Bank Details</h3>
                                </div>
                                <div class="card-toolbar">
                                    <a href="#" class="btn btn-icon btn-circle btn-sm btn-light-primary mr-1"
                                       data-card-tool="toggle">
                                        <i class="ki ki-arrow-down icon-nm"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body" kt-hidden-height="384">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Bank Ac No</label>
                                            <input class="form-control" type="text" placeholder="Bank Ac No"
                                                   name="bank_ac_no" id="bank_ac_no"
                                                   value="{{ $employee->bank_ac_no }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Bank Ac Name</label>
                                            <input class="form-control" type="text" placeholder="Bank Ac Name"
                                                   name="bank_ac_name" id="bank_ac_name"
                                                   value="{{ $employee->bank_ac_name }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Bank Name</label>
                                            <input class="form-control" type="text" placeholder="Bank Name"
                                                   name="bank_name" id="bank_name"
                                                   value="{{ $employee->bank_name }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Branch Name</label>
                                            <input class="form-control" type="text" placeholder="Branch Name"
                                                   name="branch_name" id="branch_name"
                                                   value="{{ $employee->branch_name }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Ifsc Code</label>
                                            <input class="form-control" type="text" placeholder="Ifsc Code"
                                                   name="ifsc_code" id="ifsc_code"
                                                   value="{{ $employee->ifsc_code }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Micr Code</label>
                                            <input class="form-control" type="text" placeholder="Micr Code"
                                                   name="micr_code" id="micr_code"
                                                   value="{{ $employee->micr_code }}"/>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Aadhaar Card</label>
                                            <div class="input-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="aadhaar_card_file"
                                                           name="aadhaar_card_file">
                                                    <label class="custom-file-label" for="documents">Choose File</label>
                                                </div>
                                            </div>
                                            @if(!empty($employee->aadhaar_card_file))
                                                <a class="" target="_blank"
                                                   href="{{ asset('storage/modules/employee/employee_documents/'.$employee->id.'/aadhaar_card/'.$employee->aadhaar_card_file)}}">Click
                                                    here..
                                                </a>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>PAN Card</label>
                                            <div class="input-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="pan_card_file"
                                                           name="pan_card_file">
                                                    <label class="custom-file-label" for="documents">Choose File</label>
                                                </div>
                                            </div>
                                            @if(!empty($employee->pan_card_file))
                                                <a class="" target="_blank"
                                                   href="{{ asset('storage/modules/employee/employee_documents/'.$employee->id.'/pan_card/'.$employee->pan_card_file)}}">Click
                                                    here..
                                                </a>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label>Cancelled cheque</label>
                                            <div class="input-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="bank_file"
                                                           name="bank_file">
                                                    <label class="custom-file-label" for="documents">Choose File</label>
                                                </div>
                                            </div>
                                            @if(!empty($employee->bank_file))
                                                <a class="" target="_blank"
                                                   href="{{ asset('storage/modules/employee/employee_documents/'.$employee->id.'/cancelled_cheque/'.$employee->bank_file)}}">Click
                                                    here..
                                                </a>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mb-10">
                        <div class="card card-custom card-border card-shadow" data-card="true" id="kt_card_3">
                            <div class="card-header bg-secondary">
                                <div class="card-title">
                                    <h3 class="card-label">Family Detail</h3>
                                </div>
                                <div class="card-toolbar">
                                    <a href="#" class="btn btn-icon btn-circle btn-sm btn-light-primary mr-1"
                                       data-card-tool="toggle">
                                        <i class="ki ki-arrow-down icon-nm"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="card-body" kt-hidden-height="384">
                                <div class="row">
                                    <div class="col-xl-12">
                                        <div class="tab-content">
                                            <div class="table-responsive" id="kt_repeater_1">
                                                <table class="table table-sm table-foot-custom table-foot-bg table-bordered"
                                                       id="kt_table_repeater">
                                                    <thead class="thead-light">
                                                    <tr class="text-left">
                                                        <th scope="col">Relation</th>
                                                        <th scope="col">Name</th>
                                                        <th scope="col" style="min-width: 150px;">Contact No</th>
                                                        <th scope="col" style="min-width: 50px;">Delete</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody data-repeater-list="family_details">
                                                    @if(!empty($employee->employeeFamilyDetails) and isset($employee->employeeFamilyDetails) && $employee->employeeFamilyDetails()->count() > 0)
                                                        @foreach($employee->employeeFamilyDetails as $key => $employee_details)