@extends('admin.layouts.layouts')

@section('title', 'Edit | Profile')

@section('content')
    <div class="page-header">
        <h3 class="page-title">
            Edit Profile
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('profile') }}">Profile</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit Profile</li>
            </ol>
        </nav>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card">
                {!! Form::open([
                    'route' => 'profile-update',
                    'method' => 'POST',
                    'id' => 'validate_form_profile',
                    'class' => 'forms-sample',
                    'enctype' => 'multipart/form-data',
                ]) !!}
                    <div class="card-body">
                        <div class="row mt-4 owner_details_title">
                            <div class="col-md-12">
                                <h4 class="card-title mb-0"><strong>Personal Detail</strong></h4>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Profile Photo</label>
                                    <div class="input-group">
                                        <input type="file" class="form-control file-upload-info" placeholder="Upload Image"
                                            name="profile_photo_path" id="profile_photo_path" data-parsley-trigger='keyup' accept="image/*"
                                            data-parsley-accept="image/jpeg, image/png, image/jpg" onchange="validateFileType(this)"
                                            data-parsley-errors-container="#profile_photo_path_error">

                                        @if (!empty($authUser->profile_photo_path) && file_exists(public_path('storage/' . $authUser->profile_photo_path)))
                                            <div class="input-group-append">
                                                <img src="{{ asset('storage/' . $authUser->profile_photo_path) }}"
                                                    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>
                                    <span class="text-danger" id="profile_photo_path_error">{{ $errors->first('profile_photo_path') }}</span>
                                    {{-- @if (isset($authUser->profile_photo_path))
                                        <img class="mt-2" src="{{ asset("storage/{$authUser->profile_photo_path}") }}"
                                            style="width:50px;height:50px;">
                                    @endif --}}
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="employee_name" class="form-label">Name <span class="text-danger">*</span></label>
                                    <input type="text" name="employee_name" id="employee_name" class="form-control onlytxt"
                                        placeholder="Enter Name"
                                        value="{{ old('employee_name', $authUser->employeeMaster?->employee_name) }}"
                                        data-parsley-required data-parsley-trigger='keyup'
                                        data-parsley-required-message="Please enter name" maxlength="100"
                                        data-parsley-maxlength="100"
                                        data-parsley-maxlength-message="Name may not be greater than 100 characters"
                                        data-parsley-pattern='^[a-zA-Z_ ]*$'
                                        data-parsley-pattern-message='Only alphabets are allowed' data-parsley-errors-container='#employee_name_error'>
                                    <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="mobile" class="form-label">Mobile Number <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="mobile" id="mobile"
                                        class="form-control mobile" placeholder="Enter Mobile Number"
                                        value="{{ old('mobile', $authUser->mobile) }}"
                                        data-parsley-required data-parsley-trigger="keyup" data-parsley-type="digits"
                                        data-parsley-required-message='Please enter mobile number' maxlength="10"
                                        oninput="this.value=this.value.slice(0,this.maxLength)"
                                        data-parsley-type-message="Please enter valid mobile number" data-parsley-errors-container='#mobile_error'>
                                    <span class="text-danger"
                                        id="mobile_error">{{ $errors->first('mobile') }}</span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="mother_name" class="form-label">Mother Name <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="mother_name" id="mother_name" class="form-control onlytxt"
                                        placeholder="Enter Mother Name" value="{{ old('mother_name', $authUser->employeeMaster?->mother_name) }}" data-parsley-required
                                        data-parsley-trigger='keyup' data-parsley-required-message="Please enter mother name"
                                        data-parsley-pattern='^[a-zA-Z_ ]*$' maxlength="100" data-parsley-maxlength="100"
                                        data-parsley-maxlength-message="Mother name may not be greater than 100 characters"
                                        data-parsley-pattern-message='Only alphabets are allowed' data-parsley-errors-container='#mother_name_error'>
                                    <span class="text-danger"
                                        id="mother_name_error">{{ $errors->first('mother_name') }}</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="email" class="form-label">Personal Email <span class="text-danger">*</span></label>
                                    <input type="text" name="email" id="email" class="form-control"
                                        placeholder="Enter Email" value="{{ old('email', $authUser->employeeMaster?->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="Please enter valid personal email"
                                        data-parsley-required-message="Please enter personal email"
                                        data-parsley-type-message="Please enter valid personal email"
                                        data-parsley-validate-full-width-characters="true" data-parsley-errors-container='#email_error'>
                                    <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', $authUser->employeeMaster?->gender) == 'Male' ? 'selected' : '' }}>Male
                                        </option>
                                        <option value="Female"
                                            {{ old('gender', $authUser->employeeMaster?->gender) == 'Female' ? 'selected' : '' }}>
                                            Female</option>
                                    </select>
                                    <span class="text-danger" id="gender_error">{{ $errors->first('gender') }}</span>
                                </div>
                            </div>

                            @php
                                $bloodGroups = [
                                    'A+', 'A-', 'B+', 'B-', 'O+', 'O-', 'AB+', 'AB-'
                                ];
                            @endphp
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="blood_group" class="form-label">Blood Group <span class="text-danger">*</span></label>
                                    <select name="blood_group" id="blood_group" class="form-control form-control-lg"
                                        data-parsley-required data-parsley-required-message="Please select blood group"
                                        data-parsley-errors-container='#blood_group_error'>
                                        <option value="">Select Blood Group</option>
                                        @foreach($bloodGroups as $group)
                                            <option value="{{ $group }}"
                                                {{ (old('blood_group', $authUser->employeeMaster?->blood_group ?? '') == $group) ? 'selected' : '' }}>
                                                {{ $group }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger" id="blood_group_error">{{ $errors->first('blood_group') }}</span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="date_of_birth" class="form-label">Date Of Birth <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="date_of_birth" id="date_of_birth" class="form-control dateOfBirth"
                                        value="{{ old('date_of_birth', isset($authUser->employeeMaster?->date_of_birth) ? date('d-m-Y', strtotime($authUser->employeeMaster?->date_of_birth)) : '') }}" placeholder="Select Date Of Birth" data-parsley-required
                                        data-parsley-trigger='keyup' data-parsley-required-message="Please select date of birth"
                                        data-parsley-datecustom data-parsley-errors-container='#date_of_birth_error'>
                                    <span class="text-danger error-msg"
                                        id="date_of_birth_error">{{ $errors->first('date_of_birth') }}</span>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="residential_address" class="form-label">Residential Address <span
                                            class="text-danger">*</span></label>
                                    <textarea name="residential_address" id="residential_address" rows="3" placeholder="Enter Residential Address" class="form-control"
                                        data-parsley-required data-parsley-trigger='keyup' data-parsley-required-message="Please enter residential address" data-parsley-errors-container='#residential_address_error'>{{ old('residential_address', $authUser->employeeMaster?->residential_address) }}</textarea>
                                    <span class="text-danger" id="residential_address_error">{{ $errors->first('residential_address') }}</span>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="address" class="form-label">Permanent Address <span
                                            class="text-danger">*</span></label>
                                    <textarea name="address" id="address" rows="3" placeholder="Enter Permanent Address" class="form-control"
                                        data-parsley-required data-parsley-trigger='keyup' data-parsley-required-message="Please enter permanent address" data-parsley-errors-container='#address_error'>{{ old('address', $authUser->employeeMaster?->address) }}</textarea>
                                    <span class="text-danger" id="address_error">{{ $errors->first('address') }}</span>
                                </div>
                            </div>
                        </div>

                        <hr class="owner_details_hr">

                        <div class="row mt-3">
                            <div class="col-md-12">
                                <h4 class="card-title"><b>Emergency Contact Details</b></h4>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="emergency_contact_1" class="form-label">Emergency Contact No. (1) <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" name="emergency_contact_1" id="emergency_contact_1" class="form-control mobile"
                                                placeholder="Enter Emergency Contact No. (1)" value="{{ old('emergency_contact_1', $authUser->employeeMaster?->emergency_contact_1) }}" data-parsley-required
                                                data-parsley-trigger='keyup' data-parsley-minlength="10"
                                                data-parsley-minlength-message="Enter emergency contact no. (1) at least 10 characters long" maxlength="15"
                                                data-parsley-maxlength="15"
                                                data-parsley-maxlength-message="Enter emergency contact no. (1) may not be greater than 15 character"
                                                data-parsley-required-message="Please enter emergency contact no. (1)"
                                                data-parsley-errors-container='#emergency_contact_1_error'>
                                            <span class="text-danger"
                                                id="emergency_contact_1_error">{{ $errors->first('emergency_contact_1') }}</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="name_1" class="form-label">Name <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" name="name_1" id="name_1"
                                                class="form-control" placeholder="Enter Name"
                                                value="{{ old('name_1', $authUser->employeeMaster?->name_1) }}" data-parsley-required data-parsley-trigger='keyup'
                                                data-parsley-required-message="Please enter name" maxlength="100"
                                                oninput="this.value=this.value.slice(0,this.maxLength)"
                                                data-parsley-maxlength="100"
                                                data-parsley-maxlength-message="Name may not be greater than 100 character"
                                                data-parsley-errors-container='#name_1_error'>
                                            <span class="text-danger"
                                                id="name_1_error">{{ $errors->first('name_1') }}</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="name_relation_1" class="form-label">Name of Relationship <span class="text-danger">*</span></label>
                                            <input type="text" name="name_relation_1" id="name_relation_1" class="form-control"
                                                placeholder="Enter Name of Relationship" value="{{ old('name_relation_1', $authUser->employeeMaster?->name_relation_1) }}"
                                                data-parsley-required data-parsley-trigger='keyup'
                                                data-parsley-required-message="Please enter name of relationship" maxlength="100"
                                                oninput="this.value=this.value.slice(0,this.maxLength)"
                                                data-parsley-maxlength="100"
                                                data-parsley-maxlength-message="Name of relationship may not be greater than 100 character"
                                                data-parsley-errors-container='#name_relation_1_error'>
                                            <span class="text-danger"
                                                id="name_relation_1_error">{{ $errors->first('name_relation_1') }}</span>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="address_1" class="form-label">Address <span
                                                    class="text-danger">*</span></label>
                                            <textarea type="file" name="address_1" id="address_1" class="form-control" rows="3" placeholder="Enter Address" required
                                                data-parsley-required data-parsley-trigger='keyup'
                                                data-parsley-required-message="Please enter address"
                                                data-parsley-errors-container='#address_1_error'>{{ old('address_1', $authUser->employeeMaster?->address_1) }}</textarea>
                                            <span class="text-danger"
                                                id="address_1_error">{{ $errors->first('address_1') }}</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="emergency_contact_2" class="form-label">Emergency Contact No. (2)</label>
                                            <input type="text" name="emergency_contact_2" id="emergency_contact_2" class="form-control mobile"
                                                placeholder="Enter Emergency Contact No. (2)" value="{{ old('emergency_contact_2', $authUser->employeeMaster?->emergency_contact_2) }}" data-parsley-trigger='keyup' data-parsley-minlength="10"
                                                data-parsley-minlength-message="Enter emergency contact no. (2) at least 10 characters long" maxlength="15"
                                                data-parsley-maxlength="15"
                                                data-parsley-maxlength-message="Enter emergency contact no. (2) may not be greater than 15 character"
                                                data-parsley-errors-container='#emergency_contact_2_error'>
                                            <span class="text-danger"
                                                id="emergency_contact_2_error">{{ $errors->first('emergency_contact_2') }}</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="name_2" class="form-label">Name</label>
                                            <input type="text" name="name_2" id="name_2"
                                                class="form-control" placeholder="Enter Name"
                                                value="{{ old('name_2', $authUser->employeeMaster?->name_2) }}" data-parsley-trigger='keyup'
                                                maxlength="100"
                                                oninput="this.value=this.value.slice(0,this.maxLength)"
                                                data-parsley-maxlength="100"
                                                data-parsley-maxlength-message="Name may not be greater than 100 character"
                                                data-parsley-errors-container='#name_2_error'>
                                            <span class="text-danger"
                                                id="name_2_error">{{ $errors->first('name_2') }}</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="name_relation_2" class="form-label">Name of Relationship</label>
                                            <input type="text" name="name_relation_2" id="name_relation_2" class="form-control"
                                                placeholder="Enter Name of Relationship" value="{{ old('name_relation_2', $authUser->employeeMaster?->name_relation_2) }}"
                                                data-parsley-trigger='keyup' maxlength="100"
                                                oninput="this.value=this.value.slice(0,this.maxLength)"
                                                data-parsley-maxlength="100"
                                                data-parsley-maxlength-message="Name of relationship may not be greater than 100 character"
                                                data-parsley-errors-container='#name_relation_2_error'>
                                            <span class="text-danger"
                                                id="name_relation_2_error">{{ $errors->first('name_relation_2') }}</span>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="address_2" class="form-label">Address</label>
                                            <textarea type="file" name="address_2" id="address_2" class="form-control" rows="3" placeholder="Enter Address"                                     data-parsley-trigger='keyup'
                                                data-parsley-errors-container='#address_2_error'>{{ old('address_2' , $authUser->employeeMaster?->address_2) }}</textarea>
                                            <span class="text-danger"
                                                id="address_2_error">{{ $errors->first('address_2') }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        @php $workExperienceCount = 0; @endphp

                        <hr class="owner_details_hr">
                        <div class="row mt-4 owner_details_title">
                            <div class="col-md-12">
                                <h4 class="card-title mb-0"><strong>Work Experience Detail</strong></h4>
                            </div>
                        </div>

                        <div class="row mt-3" id="owner_details">
                            <div class="col-md-12">
                                @if (isset($authUser->employeeMaster?->employeeWorkExperiences) && count($authUser->employeeMaster?->employeeWorkExperiences) > 0)
                                    @foreach($authUser->employeeMaster?->employeeWorkExperiences as $index => $experience)
                                        @php
                                            $fromDate = isset($experience->from_date) ? date('d-m-Y', strtotime($experience->from_date)) : null;
                                            $toDate = isset($experience->to_date) ? date('d-m-Y', strtotime($experience->to_date)) : null;
                                        @endphp
                                        <div class="owner_details">
                                            {{-- Show remove button only if not first row --}}
                                            @if($index > 0)
                                            <div class="row mt-3">
                                                <div class="col-md-12 text-right">
                                                    <button type="button" class="btn btn-danger btn-sm remove-work-row" data-row-id="{{ $index }}">
                                                        <i class="fa fa-trash"></i>
                                                    </button>
                                                </div>
                                            </div>
                                            @endif

                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="employer_name_{{ $index }}" class="form-label">Employer Name</label>
                                                        <input type="text" name="employer_name[]" id="employer_name_{{ $index }}"
                                                            class="form-control"
                                                            value="{{ old('employer_name.' . $index, $experience->employer_name) }}"
                                                            placeholder="Enter Employer Name"
                                                            data-parsley-trigger='keyup'
                                                            maxlength="100" oninput="this.value=this.value.slice(0,this.maxLength)"
                                                            data-parsley-maxlength="100"
                                                            data-parsley-maxlength-message="Employer name may not be greater than 100 character"
                                                            data-parsley-errors-container="#employer_name_{{ $index }}_error">
                                                        <span class="text-danger" id="employer_name_{{ $index }}_error"></span>
                                                    </div>
                                                </div>

                                                {{-- Repeat other fields similarly --}}
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="location_{{ $index }}" class="form-label">Location</label>
                                                        <input type="text" name="location[]" id="location_{{ $index }}"
                                                            class="form-control"
                                                            value="{{ old('location.' . $index, $experience->location) }}"
                                                            placeholder="Enter Location"
                                                            data-parsley-trigger='keyup'
                                                            maxlength="100"
                                                            oninput="this.value=this.value.slice(0,this.maxLength)"
                                                            data-parsley-maxlength="100"
                                                            data-parsley-maxlength-message="Location may not be greater than 100 character"
                                                            data-parsley-errors-container="#location_{{ $index }}_error">
                                                        <span class="text-danger" id="location_{{ $index }}_error"></span>
                                                    </div>
                                                </div>

                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="starting_salary_{{ $index }}" class="form-label">Starting Salary</label>
                                                        <input type="text" name="starting_salary[]" id="starting_salary_{{ $index }}"
                                                            class="form-control amount"
                                                            value="{{ old('starting_salary.' . $index, $experience->starting_salary) }}"
                                                            placeholder="Enter Starting Salary"
                                                            data-parsley-trigger='keyup'
                                                            data-parsley-errors-container="#starting_salary_{{ $index }}_error">
                                                        <span class="text-danger" id="starting_salary_{{ $index }}_error"></span>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="leaving_salary_{{ $index }}" class="form-label">Leaving Salary</label>
                                                        <input type="text" name="leaving_salary[]" id="leaving_salary_{{ $index }}"
                                                        class="form-control amount" placeholder="Enter Leaving Salary"
                                                        value="{{ old('leaving_salary.' . $index, $experience->leaving_salary) }}" data-parsley-trigger='keyup'
                                                        maxlength="100"
                                                        oninput="this.value=this.value.slice(0,this.maxLength)"
                                                        data-parsley-maxlength="100"
                                                        data-parsley-maxlength-message="Leaving salary may not be greater than 100 character"
                                                        data-parsley-errors-container='#leaving_salary_{{ $index }}_error'>
                                                        <span class="text-danger"
                                                        id="leaving_salary_{{ $index }}_error">{{ $errors->first('leaving_salary') }}</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="starting_designation_{{ $index }}" class="form-label">Starting Designation</label>
                                                        <input type="text" name="starting_designation[]" id="starting_designation_{{ $index }}"
                                                        class="form-control" placeholder="Enter Starting Designation"
                                                        value="{{ old('starting_designation.' . $index, $experience->starting_designation) }}" data-parsley-trigger='keyup'
                                                        maxlength="100"
                                                        oninput="this.value=this.value.slice(0,this.maxLength)"
                                                        data-parsley-maxlength="100"
                                                        data-parsley-maxlength-message="Starting designation may not be greater than 100 character"
                                                        data-parsley-errors-container='#starting_designation_{{ $index }}_error'>
                                                        <span class="text-danger"
                                                        id="starting_designation_{{ $index }}_error">{{ $errors->first('starting_designation') }}</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="leaving_designation_{{ $index }}" class="form-label">Leaving Designation</label>
                                                        <input type="text" name="leaving_designation[]" id="leaving_designation_{{ $index }}"
                                                        class="form-control" placeholder="Enter Leaving Designation"
                                                        value="{{ old('leaving_designation.' . $index, $experience->leaving_designation) }}" data-parsley-trigger='keyup'
                                                        maxlength="100"
                                                        oninput="this.value=this.value.slice(0,this.maxLength)"
                                                        data-parsley-maxlength="100"
                                                        data-parsley-maxlength-message="Leaving designation may not be greater than 100 character"
                                                        data-parsley-errors-container='#leaving_designation_{{ $index }}_error'>
                                                        <span class="text-danger"
                                                        id="leaving_designation_{{ $index }}_error">{{ $errors->first('leaving_designation') }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                    <label for="from_date_{{ $index }}" class="form-label">From date</label>
                                                        <input type="text" name="from_date[]" id="from_date_{{ $index }}"
                                                            class="form-control fromDate" value="{{ old('from_date.' . $index, $fromDate) }}"
                                                            placeholder="Select From Date" data-parsley-trigger='keyup'
                                                            data-parsley-datecustom
                                                            data-parsley-errors-container='#from_date_{{ $index }}_error'>
                                                        <span class="text-danger error-msg"
                                                            id="from_date_{{ $index }}_error">{{ $errors->first('from_date') }}</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                    <label for="to_date_{{ $index }}" class="form-label">To date</label>
                                                        <input type="text" name="to_date[]" id="to_date_{{ $index }}"
                                                            class="form-control toDate" value="{{ old('to_date.' . $index, $toDate) }}"
                                                            placeholder="Select To Date" data-parsley-trigger='keyup'
                                                            data-parsley-datecustom
                                                            data-parsley-errors-container='#to_date_{{ $index }}_error'>
                                                        <span class="text-danger error-msg"
                                                            id="to_date_{{ $index }}_error">{{ $errors->first('to_date') }}</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                    <label for="leaving_reason_{{ $index }}" class="form-label">Reason For Leaving</label>
                                                        <input type="text" name="leaving_reason[]" id="leaving_reason_{{ $index }}"
                                                        class="form-control" placeholder="Enter Reason For Leaving"
                                                        value="{{ old('leaving_reason.' . $index, $experience->leaving_reason) }}" data-parsley-trigger='keyup'
                                                        maxlength="100" oninput="this.value=this.value.slice(0,this.maxLength)"
                                                        data-parsley-maxlength="100"
                                                        data-parsley-maxlength-message="Reason for leaving may not be greater than 100 character"
                                                        data-parsley-errors-container='#leaving_reason_{{ $index }}_error'>
                                                        <span class="text-danger"
                                                        id="leaving_reason_{{ $index }}_error">{{ $errors->first('leaving_reason') }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @php $workExperienceCount++; @endphp
                                    @endforeach
                                @else
                                    <div class="owner_details">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="employer_name_0" class="form-label">Employer Name</label>
                                                    <input type="text" name="employer_name[]" id="employer_name_0"
                                                    class="form-control" placeholder="Enter Employer Name"
                                                    value="{{ old('employer_name') }}" data-parsley-trigger='keyup'
                                                    maxlength="100" oninput="this.value=this.value.slice(0,this.maxLength)"
                                                    data-parsley-maxlength="100"
                                                    data-parsley-maxlength-message="Employer name may not be greater than 100 character"
                                                    data-parsley-errors-container='#employer_name_0_error'>
                                                    <span class="text-danger"
                                                    id="employer_name_0_error">{{ $errors->first('employer_name') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="location_0" class="form-label">Location</label>
                                                    <input type="text" name="location[]" id="location_0"
                                                    class="form-control" placeholder="Enter Location"
                                                    value="{{ old('location') }}" data-parsley-trigger='keyup'
                                                    maxlength="100" oninput="this.value=this.value.slice(0,this.maxLength)"
                                                    data-parsley-maxlength="100"
                                                    data-parsley-maxlength-message="Location may not be greater than 100 character"
                                                    data-parsley-errors-container='#location_0_error'>
                                                    <span class="text-danger"
                                                    id="location_0_error">{{ $errors->first('location') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="starting_salary_0" class="form-label">Starting Salary</label>
                                                    <input type="text" name="starting_salary[]" id="starting_salary_0"
                                                    class="form-control amount" placeholder="Enter Starting Salary"
                                                    value="{{ old('starting_salary') }}" data-parsley-trigger='keyup'
                                                    maxlength="100" oninput="this.value=this.value.slice(0,this.maxLength)"
                                                    data-parsley-maxlength="100"
                                                    data-parsley-maxlength-message="Starting salary may not be greater than 100 character"
                                                    data-parsley-errors-container='#starting_salary_0_error'>
                                                    <span class="text-danger"
                                                    id="starting_salary_0_error">{{ $errors->first('starting_salary') }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="leaving_salary_0" class="form-label">Leaving Salary</label>
                                                    <input type="text" name="leaving_salary[]" id="leaving_salary_0"
                                                    class="form-control amount" placeholder="Enter Leaving Salary"
                                                    value="{{ old('leaving_salary') }}" data-parsley-trigger='keyup'
                                                    maxlength="100" oninput="this.value=this.value.slice(0,this.maxLength)"
                                                    data-parsley-maxlength="100"
                                                    data-parsley-maxlength-message="Leaving salary may not be greater than 100 character"
                                                    data-parsley-errors-container='#leaving_salary_0_error'>
                                                    <span class="text-danger"
                                                    id="leaving_salary_0_error">{{ $errors->first('leaving_salary') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="starting_designation_0" class="form-label">Starting Designation</label>
                                                    <input type="text" name="starting_designation[]" id="starting_designation_0"
                                                    class="form-control" placeholder="Enter Starting Designation"
                                                    value="{{ old('starting_designation') }}" data-parsley-trigger='keyup'
                                                    maxlength="100" oninput="this.value=this.value.slice(0,this.maxLength)"
                                                    data-parsley-maxlength="100"
                                                    data-parsley-maxlength-message="Starting designation may not be greater than 100 character"
                                                    data-parsley-errors-container='#starting_designation_0_error'>
                                                    <span class="text-danger"
                                                    id="starting_designation_0_error">{{ $errors->first('starting_designation') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="leaving_designation_0" class="form-label">Leaving Designation</label>
                                                    <input type="text" name="leaving_designation[]" id="leaving_designation_0"
                                                    class="form-control" placeholder="Enter Leaving Designation"
                                                    value="{{ old('leaving_designation') }}" data-parsley-trigger='keyup'
                                                    maxlength="100"
                                                    oninput="this.value=this.value.slice(0,this.maxLength)"
                                                    data-parsley-maxlength="100"
                                                    data-parsley-maxlength-message="Leaving designation may not be greater than 100 character"
                                                    data-parsley-errors-container='#leaving_designation_0_error'>
                                                    <span class="text-danger"
                                                    id="leaving_designation_0_error">{{ $errors->first('leaving_designation') }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                <label for="from_date_0" class="form-label">From date</label>
                                                    <input type="text" name="from_date[]" id="from_date_0"
                                                        class="form-control fromDate" value="{{ old('from_date') }}"
                                                        placeholder="Select From Date" data-parsley-trigger='keyup'
                                                        data-parsley-datecustom
                                                        data-parsley-errors-container='#from_date_0_error'>
                                                    <span class="text-danger error-msg"
                                                        id="from_date_0_error">{{ $errors->first('from_date') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                <label for="to_date_0" class="form-label">To date</label>
                                                    <input type="text" name="to_date[]" id="to_date_0"
                                                        class="form-control toDate" value="{{ old('to_date') }}"
                                                        placeholder="Select To Date" data-parsley-trigger='keyup'
                                                        data-parsley-datecustom data-parsley-errors-container='#to_date_0_error'>
                                                    <span class="text-danger error-msg"
                                                        id="to_date_0_error">{{ $errors->first('to_date') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                <label for="leaving_reason_0" class="form-label">Reason For Leaving</label>
                                                    <input type="text" name="leaving_reason[]" id="leaving_reason_0"
                                                    class="form-control" placeholder="Enter Reason For Leaving"
                                                    value="{{ old('leaving_reason') }}" data-parsley-trigger='keyup'
                                                    maxlength="100" oninput="this.value=this.value.slice(0,this.maxLength)"
                                                    data-parsley-maxlength="100"
                                                    data-parsley-maxlength-message="Reason for leaving may not be greater than 100 character"
                                                    data-parsley-errors-container='#leaving_reason_0_error'>
                                                    <span class="text-danger"
                                                    id="leaving_reason_0_error">{{ $errors->first('leaving_reason') }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @php $workExperienceCount++; @endphp
                                @endif
                            </div>
                        </div>
                        <div class="row owner_details_add_btn">
                            <div class="col-md-12 text-right">
                                <a class="btn btn-sm btn-primary" id="addWorkExperienceDetails"><i class="fa fa-plus"></i> Add More</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary mr-2" id="editProfileSubmit">Update</button>
                        <a href="{{ route('profile') }}" class="btn btn-light">Cancel</a>
                    </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection
@section('page-js')
    <script>
        var updateProfileURL = `{{ route('profile-update') }}`;
        var profileURL = `{{ route('profile') }}`;
    </script>
    <script src="{{ asset('assets/js/admin/profile.js') }}"></script>
@endsection