@include('components/header')
@include('components/sidebar')
<style>
    .secondary-toggle {
    background-color: #805dca !important;
    }
    /* The switch - the box around the slider */
    .switch {
    position: relative;
    display: inline-block;
    width: 53px;
    height: 27px;
    }
    /* Hide default HTML checkbox */
    .switch input {
    opacity: 0;
    width: 0;
    height: 0;
    }
    /* The slider */
    .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
    }
    .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 28px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    }
    #documentsTable input:checked+.slider {
    background-color: #ccc;
    }
     #documentsTable input:checked+.slider:before {
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
    }
    .switch-off .slider {
    background-color: #ccc;
    }
     input:focus+.slider {
    box-shadow: 0 0 1px #ccc;
    }
    
    .switch-off .slider:before {
    -webkit-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    transform: translateX(-24px);
    }
    /* Rounded sliders */
    .slider.round {
    border-radius: 34px;
    }
    .slider.round:before {
    border-radius: 50%;
    }
    .switch-all .all_enabled+.slider { background: #cccccc;}
.switch-all .all_enabled+.slider:before { 
-webkit-transform: translateX(
-24px
);
    -ms-transform: translateX(-24px);
    transform: translateX(
-24px
);
}
</style>
<!--  Begin CONTENT AREA  -->
<div id="content" class="main-content">
    <div class="layout-px-spacing layout-top-spacing">
        <!-- Start Main Profile -->
        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="main-proifle">
                    <h6 class="mb-3"><b>PROFILE PICTURE</b></h6>
                    <div class="row">
                        <div class="col-xl-7">
                            <div class="box-widget widget-user">
                                <span class="text-danger">
                                    @if($errors->has('image_upload'))
                                        @foreach($errors->get('image_upload') as $error)
                                            {{$error}}
                                        @endforeach
                                    @endif                                    
                                </span>
                                <div class="widget-user-image d-sm-flex">
                                    <span class="avatar">
                                        <img width="106px" height="106px"
                                        src="{{asset('design/img/profiles/default.svg')}}" id="image">
                                        <button id="OpenImgUpload" type="button" class="upload_image"><i
                                        class="fa fa-camera" aria-hidden="true"></i></button>
                                    </span>
                                    <span class="text-danger">
                                        @if($errors->has('image'))
                                        @foreach($errors->get('image') as $error)
                                        {{$error}}
                                        @endforeach
                                        @endif
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="profile-cover">
                        <div class="wideget-user-tab">
                            <div class="tab-menu-heading p-0">
                                <div class="tabs-menu1 px-3">
                                    <ul class="nav">
                                        <li><a href="#tab-7" class="active" data-toggle="tab">ABOUT</a></li>
                                        <li><a href="#tab-9" data-toggle="tab" class="">LEAVE BALANCE</a></li>
                                        <li><a href="#tab-8" data-toggle="tab" class="">DOCUMENTS</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12">
                        <div class="border-0">
                            <div class="tab-content">
                                <div class="tab-pane active" id="tab-7">
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                                            <form id="basic-information" enctype="multipart/form-data" method="post"
                                                action="add_employee" name="basic_information"
                                                class="section basic-information">
                                                {{csrf_field()}}
                                                <div class="info p-0">
                                                    <div class="card mb-3">
                                                        <div class="card-body">
                                                            <h6 class="">Basic Information</h6>
                                                            <div class="row">
                                                                <input type="file" accept="image/*" name="image" style="display: none;" id="imgupload">
                                                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="firstName">First Name*</label>
                                                                        <input type="text" name="f_name"
                                                                        class="form-control mb-1 text"
                                                                        id="firstName" placeholder="First Name"
                                                                        value="{{ old('f_name') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('f_name'))
                                                                            @foreach($errors->get('f_name') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="middleName">Middle Name</label>
                                                                        <input type="text" name="m_name"
                                                                        class="text form-control mb-1"
                                                                        id="middleName" placeholder="Middle Name"
                                                                        value="{{ old('m_name') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('m_name'))
                                                                            @foreach($errors->get('m_name') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="lastName">Last Name*</label>
                                                                        <input type="text" name="l_name"
                                                                        class="text form-control mb-1" id="lastName"
                                                                        placeholder="Last Name"
                                                                        value="{{ old('l_name') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('l_name'))
                                                                            @foreach($errors->get('l_name') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Phone Number*</label><br>
                                                                        <input type="text" name="p_no" maxlength="10"
                                                                        class="form-control mb-1" id="phone"
                                                                        placeholder="Write your phone number here"
                                                                        value="{{ old('p_no') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('p_no'))
                                                                            @foreach($errors->get('p_no') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Alternate Phone
                                                                        Number</label>
                                                                        <input type="text"
                                                                        pattern="[0-9]{3}[0-9]{3}[0-9]{4}"
                                                                        name="alt_no" class="form-control mb-1"
                                                                        id="alt_phone" maxlength="10"
                                                                        placeholder="Write your phone number here"
                                                                        value="{{ old('alt_no') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('alt_no'))
                                                                            @foreach($errors->get('alt_no') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Personal Email*</label>
                                                                        <input type="text" name="per_email"
                                                                        class="form-control mb-1" id="phone"
                                                                        placeholder="Write Personal Email"
                                                                        value="{{ old('per_email') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('per_email'))
                                                                            @foreach($errors->get('per_email') as
                                                                            $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="aadharCard-no">Aadhar Card
                                                                        No*</label>
                                                                        <input type="text" class="form-control mb-1"
                                                                        name="aadhar_no" maxlength="12"
                                                                        id="aadharCard-no"
                                                                        placeholder="Enter Aadhar Card No"
                                                                        value="{{ old('aadhar_no') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('aadhar_no'))
                                                                            @foreach($errors->get('aadhar_no') as
                                                                            $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="nameaadharCard-no">Name On Aadhar
                                                                        Card*</label>
                                                                        <input type="text"
                                                                        class="text form-control mb-1"
                                                                        name="aadhar_name" id="nameaadharCard-no"
                                                                        placeholder="Enter Name On Aadhar Card"
                                                                        value="{{ old('aadhar_name') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('aadhar_name'))
                                                                            @foreach($errors->get('aadhar_name') as
                                                                            $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Date Of Birth</label>
                                                                        <div class="date-field-with-icon"><input type="text" onkeypress="return false;" name="dob" class="form-control mb-1" max="9999-12-31" id="b_day"
                                                                        placeholder="Birthday Date"
                                                                        value="{{ old('dob') }}">
                                                                            <div class="date-icon">
                                                                                <img src="https://dev.hrms.developstaging.com/design/img/date-icon.svg" alt="date" />
                                                                            </div>
                                                                        </div>
                                                                        
                                                                        <span class="text-danger">
                                                                            @if($errors->has('dob'))
                                                                            @foreach($errors->get('dob') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Blood Group*</label>
                                                                        <input type="text" class="form-control"
                                                                        name="blood_group"
                                                                        
                                                                        placeholder="Enter Blood Group"
                                                                        pattern="(A|B|AB|O|a|b|ab|o)[-+]"
                                                                        maxlength="3"
                                                                        value="{{ old('blood_group') }}">
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Gender*</label>
                                                                        <select name="gender" class="form-control">
                                                                            @if(old('gender') == 'Male')
                                                                            <option value="Select Gender">Select Gender
                                                                            </option>
                                                                            <option selected value="Male">Male</option>
                                                                            <option value="Female">Female</option>
                                                                            <option value="Other">Other</option>
                                                                            @elseif(old('gender') == 'Female')
                                                                            <option value="Select Gender">Select Gender
                                                                            </option>
                                                                            <option selected value="Female">Female
                                                                            </option>
                                                                            <option value="Male">Male</option>
                                                                            <option value="Other">Other</option>
                                                                            @elseif(old('gender') == 'Other')
                                                                            <option value="Select Gender">Select Gender
                                                                            </option>
                                                                            <option selected value="Other">Other
                                                                            </option>
                                                                            <option value="Female">Female</option>
                                                                            <option value="Male">Male</option>
                                                                            @else
                                                                            <option selected value="Select Gender">
                                                                                Select Gender
                                                                            </option>
                                                                            <option value="Male">Male</option>
                                                                            <option value="Female">Female</option>
                                                                            <option value="Other">Other</option>
                                                                            @endif
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('gender'))
                                                                            @foreach($errors->get('gender') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Marital Status*</label>
                                                                        <select name="maritial_status"
                                                                            class="form-control">
                                                                            @if(old('maritial_status') == 'Married')
                                                                            <option value="Select Option">Select Option
                                                                            </option>
                                                                            <option selected value="Married">Married
                                                                            </option>
                                                                            <option value="Unmarried">Unmarried</option>
                                                                            <option value="Other">Other</option>
                                                                            @elseif(old('maritial_status') ==
                                                                            'Unmarried')
                                                                            <option value="Select Option">Select Option
                                                                            </option>
                                                                            <option selected value="Unmarried">Unmarried
                                                                            </option>
                                                                            <option value="Married">Married</option>
                                                                            <option value="Other">Other</option>
                                                                            @elseif(old('maritial_status') == 'Other')
                                                                            <option value="Select Option">Select Option
                                                                            </option>
                                                                            <option selected value="Other">Other
                                                                            </option>
                                                                            <option value="Unmarried">Unmarried</option>
                                                                            <option value="Married">Married</option>
                                                                            @else
                                                                            <option selected value="Select Option">
                                                                                Select Option
                                                                            </option>
                                                                            <option value="Married">Married</option>
                                                                            <option value="Unmarried">Unmarried</option>
                                                                            <option value="Other">Other</option>
                                                                            @endif
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('maritial_status'))
                                                                            @foreach($errors->get('maritial_status') as
                                                                            $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mb-3 card">
                                                        <div class="card-body">
                                                            <h6 class="">Employee Information</h6>
                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Employee Type* </label>
                                                                        <select class="form-control" name="emp_type" id="emp_type">
                                                                            @if(old('emp_type') == 'Intern')
                                                                                <option value="Select Employee Type">Select Employee
                                                                                Type</option>
                                                                                <option selected value="Intern">Intern</option>
                                                                                <option value="Employee">Employee</option>
                                                                                <option value="Consultant/Freelancer">
                                                                                Consultant/Freelancer</option>
                                                                                <option value="Management">Management</option>
                                                                            @elseif(old('emp_type') == 'Employee')
                                                                                <option value="Select Employee Type">Select Employee
                                                                                Type</option>
                                                                                <option value="Intern">Intern</option>
                                                                                <option selected value="Employee">Employee</option>
                                                                                <option value="Consultant/Freelancer">
                                                                                Consultant/Freelancer</option>
                                                                                <option value="Management">Management</option>
                                                                            @elseif(old('emp_type') ==
                                                                            'Consultant/Freelancer')
                                                                                <option value="Select Employee Type">Select Employee
                                                                                Type</option>
                                                                                <option value="Intern">Intern</option>
                                                                                <option value="Employee">Employee</option>
                                                                                <option selected value="Consultant/Freelancer">
                                                                                Consultant/Freelancer</option>
                                                                                <option value="Management">Management</option>
                                                                            @elseif(old('emp_type') == 'Management')
                                                                                <option value="Select Employee Type">Select Employee
                                                                                Type</option>
                                                                                <option value="Intern">Intern</option>
                                                                                <option value="Employee">Employee</option>
                                                                                <option value="Consultant/Freelancer">
                                                                                Consultant/Freelancer</option>
                                                                                <option selected value="Management">Management</option>
                                                                            @else
                                                                                <option value="Select Employee Type">Select Employee Type</option>
                                                                                <option value="Intern">Intern</option>
                                                                                <option value="Employee">Employee</option>
                                                                                <option value="Consultant/Freelancer">
                                                                                Consultant/Freelancer</option>
                                                                                <option value="Management">Management</option>
                                                                                    @endif
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('emp_type'))
                                                                            @foreach($errors->get('emp_type') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Employee ID*</label>
                                                                        <input type="text" name="ASW_emp_id"
                                                                        class="form-control mb-1" id="emp_id"
                                                                        style="text-transform: uppercase;"
                                                                        placeholder="Write Employee ID"
                                                                        value="{{ old('ASW_emp_id') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('ASW_emp_id'))
                                                                            @foreach($errors->get('ASW_emp_id') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4col-md-4col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Official Email*
                                                                        </label>
                                                                        <input type="text" name="off_email"
                                                                        class="form-control mb-1" id="phone"
                                                                        placeholder="Write Official Email"
                                                                        value="{{ old('off_email') }}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('off_email'))
                                                                            @foreach($errors->get('off_email') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="designation">Department*</label>
                                                                        <select class="form-control" name="department" id="department">
                                                                            @if(Session::get('[add_employee][department_id]') == 'Select Department')
                                                                                <option selected value="Select Department">Select Department</option>
                                                                                @foreach($department as $d)
                                                                                    <option value="{{$d->id}}">{{$d->department}}
                                                                                    </option>
                                                                                @endforeach
                                                                            @else
                                                                                <option value="Select Department">Select Department
                                                                                </option>
                                                                                @foreach($department as $d)
                                                                                    @if(Session::get('[add_employee][department_id]') == $d->id)
                                                                                        <option selected value="{{$d->id}}">
                                                                                        {{$d->department}}</option>
                                                                                    @else
                                                                                        <option value="{{$d->id}}">{{$d->department}}
                                                                                        </option>
                                                                                    @endif
                                                                                @endforeach
                                                                            @endif
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('department'))
                                                                            @foreach($errors->get('department') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="a-designation">Domain*</label>
                                                                        <select class="form-control" name="domain" id="domain">
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('domain'))
                                                                            @foreach($errors->get('domain') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="prAdd">Designation(ASW)*</label>
                                                                        <input type="text" class="text form-control"
                                                                        name="designation_asw"
                                                                        placeholder="Enter ASW Designation"
                                                                        value="{{old('designation_asw')}}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('designation_asw'))
                                                                            @foreach($errors->get('designation_asw') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="prAdd">Designation (Atlas Info)</label>
                                                                        <input type="text" class="text form-control"
                                                                        name="designation_atlas"
                                                                        placeholder="Write Atlas Designation"
                                                                        id="a-designation"
                                                                        value="{{old('designation_atlas')}}">
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="a-designation">Employee Role*</label>
                                                                        <select class="form-control" name="emp_role">
                                                                            <option value="Select Option">Select Option</option>
                                                                            @foreach($role as $role)
                                                                            @if( old('emp_role') ==
                                                                            $role->name)
                                                                            <option selected value="{{$role->name}}">
                                                                            {{$role->name}}</option>
                                                                            @else
                                                                            <option value="{{$role->name}}">{{$role->name}}
                                                                            </option>
                                                                            @endif
                                                                            @endforeach
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('emp_role'))
                                                                            @foreach($errors->get('emp_role') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="prAdd">Date Of Joining*</label>
                                                                        <div class="date-field-with-icon"><input type="text" onkeypress="return false;" class="form-control" id="DOJ" name="joining_date" max="9999-12-31" placeholder="Joining Date" value="{{old('joining_date')}}">
                                                                        <div class="date-icon"><img src="https://dev.hrms.developstaging.com/design/img/date-icon.svg" alt="date" /></div>
                                                                        </div>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('joining_date'))
                                                                            @foreach($errors->get('joining_date') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="a-designation"> Review Cycle*</label>
                                                                        <select class="form-control" name="review_cycle" id="review_cycle">
                                                                            @if(old('review_cycle') ==
                                                                            'Quartly')
                                                                            <option value="Select Option">Select Option</option>
                                                                            <option selected value="Quartly">Quartly</option>
                                                                            <option value="Yearly">Yearly</option>
                                                                            <option value="Half Yearly"> Half Yearly</option>
                                                                            @elseif(old('review_cycle') == 'Yearly')
                                                                            <option value="Select Option">Select Option
                                                                            </option>
                                                                            <option selected value="Yearly">Yearly</option>
                                                                            <option value="Half Yearly"> Half Yearly</option>
                                                                            <option value="Quartly">Quartly</option>
                                                                            @elseif(old('review_cycle') == 'Half Yearly')
                                                                            <option value="Select Option">Select Option
                                                                            </option>
                                                                            <option selected value="Half Yearly"> Half Yearly
                                                                            </option>
                                                                            <option value="Quartly">Quartly</option>
                                                                            <option value="Yearly">Yearly</option>
                                                                            @else
                                                                            <option value="Select Option">Select Option</option>
                                                                            <option value="Quartly">Quartly</option>
                                                                            <option value="Yearly">Yearly</option>
                                                                            <option value="Half Yearly"> Half Yearly</option>
                                                                            @endif
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('review_cycle'))
                                                                            @foreach($errors->get('review_cycle') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="a-designation"> Appoinment Letter*</label>
                                                                        <select class="form-control" name="appoinment_latter" id="appoinment_latter">
                                                                            @if(old('appoinment_latter') ==
                                                                            'Yes')
                                                                                <option value="Select Option">Select Option</option>
                                                                                <option selected value="Yes">Yes</option>
                                                                                <option value="No">No</option>
                                                                            @elseif(old('appoinment_latter') ==
                                                                                'No')
                                                                                <option value="Select Option">Select Option
                                                                                </option>
                                                                                <option selected value="No">No</option>
                                                                                <option value="Yes">Yes</option>
                                                                            @else
                                                                                <option selected value="Select Option">Select Option
                                                                                </option>
                                                                                <option value="Yes">Yes</option>
                                                                                <option value="No">No</option>
                                                                            @endif
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('appoinment_latter'))
                                                                            @foreach($errors->get('appoinment_latter') as
                                                                            $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="a-designation"> Offer Letter*</label>
                                                                        <select class="form-control" name="offer_latter"
                                                                            id="offer_latter">
                                                                            @if(old('offer_latter') ==
                                                                            'Yes')
                                                                            <option value="Select Option">Select Option
                                                                            </option>
                                                                            <option selected value="Yes">Yes</option>
                                                                            <option value="No">No</option>
                                                                            @elseif(old('offer_latter') ==
                                                                            'No')
                                                                            <option value="Select Option">Select Option
                                                                            </option>
                                                                            <option selected value="No">No</option>
                                                                            <option value="Yes">Yes</option>
                                                                            @else
                                                                            <option selected value="Select Option">Select Option
                                                                            </option>
                                                                            <option value="Yes">Yes</option>
                                                                            <option value="No">No</option>
                                                                            @endif
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('offer_latter'))
                                                                            @foreach($errors->get('offer_latter') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">                                              
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="a-designation">
                                                                        Reporting Authority*</label>
                                                                        <select class="form-control" name="reporting_to">
                                                                            <option value="Select Option">Select Option</option>
                                                                            @foreach($all_user as $user)
                                                                                <option value="{{$user->emp_id}}">{{$user->name}}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="designation">Job Type*</label>
                                                                        <select class="form-control" name="job_type" id="job_type">
                                                                            @if($emp_datas->job_type == 'Select Job Type')
                                                                                <option selected value="Select Job Type">Select Job Type</option>
                                                                                <option value="Onsite">Onsite</option>
                                                                                <option value="Remote">Remote</option>
                                                                            @else
                                                                                <option value="Select Job Type">Select Job Type</option>
                                                                                @if($emp_datas->job_type == 'Remote')
                                                                                    <option selected value="Remote">
                                                                                    {{$emp_datas->job_type}}</option>
                                                                                    <option value="Onsite">Onsite</option>
                                                                                @elseif($emp_datas->job_type == 'Onsite')
                                                                                    <option selected value="Onsite">
                                                                                    {{$emp_datas->job_type}}</option>
                                                                                    <option value="Remote">Remote</option>
                                                                                @else
                                                                                    <option value="Onsite">Onsite</option>
                                                                                    <option value="Remote">Remote</option>
                                                                                @endif
                                                                            @endif
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('job_type'))
                                                                            @foreach($errors->get('job_type') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mb-3 card">
                                                        <div class="card-body">
                                                            <h6 class="">Contact Information</h6>
                                                            <div class="row">
                                                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="prAdd">Employee Permanent Residence
                                                                        Address*</label>
                                                                        <textarea class="form-control" name="per_address"
                                                                        id="per_address" placeholder="Address" rows="5"
                                                                        style="resize:none;">{{old('per_address')}}</textarea>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('per_address'))
                                                                            @foreach($errors->get('per_address') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="state">State*</label>
                                                                        <select class="form-control" name="state" id="state">
                                                                            <option selected value="Select State">Select State
                                                                            </option>
                                                                            @foreach($state as $s)
                                                                            @if(old('state') == $s->id)
                                                                            <option selected value="{{$s->id}}">
                                                                            {{$s->state_title}}</option>
                                                                            @else
                                                                            <option value="{{$s->id}}">{{$s->state_title}}
                                                                            </option>
                                                                            @endif
                                                                            @endforeach
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('state'))
                                                                            @foreach($errors->get('state') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="district">District*</label>
                                                                        <select class="form-control" name="district"
                                                                            id="district" onchange="get_value()">
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('district'))
                                                                            @foreach($errors->get('district') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="taluka">Taluka</label>
                                                                        <input type="text" class="text form-control"
                                                                        name="taluka" id="taluka" placeholder="Enter Taluka"
                                                                        value="{{old('taluka')}}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('taluka'))
                                                                            @foreach($errors->get('taluka') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="city">City / Town /
                                                                        Village*</label>
                                                                        <select class="form-control" name="city" id="city"
                                                                            onchange="get_value()">
                                                                            <!-- <option selected >
                                                                                
                                                                                All City / Town / Village
                                                                                
                                                                            </option> -->
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('city'))
                                                                            @foreach($errors->get('city') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="pin-code">Pin code*</label>
                                                                        <input type="text" maxlength="6" name="pin_code"
                                                                        class="form-control mb-1"
                                                                        placeholder="Enter Pin Code" id="pin_code"
                                                                        value="{{old('pin_code')}}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('pin_code'))
                                                                            @foreach($errors->get('pin_code') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group form-check">
                                                                        <input class="form-check-input" type="checkbox"
                                                                        onclick="checkbox()" value="" name="add_chechBox"
                                                                        id="samePermententAdd">
                                                                        <label class="form-check-label" for="samePermententAdd">
                                                                            Same as permanent residence address.
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="trAdd">Employee Temporary Residence
                                                                        Address*</label>
                                                                        <textarea class="form-control" placeholder="Address"
                                                                        name="temp_address" rows="5" id="temp_address"
                                                                        spellcheck="false"
                                                                        style="resize:none;"> {{old('temp_address')}}</textarea>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('temp_address'))
                                                                            @foreach($errors->get('temp_address') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="state">State*</label>
                                                                        <select class="form-control" name="temp_state"
                                                                            id="pstate">
                                                                            <option value="Select State">Select State</option>
                                                                            @foreach($pstate as $s)
                                                                            @if(old('temp_state') == $s->id)
                                                                            <option selected value="{{$s->id}}">
                                                                            {{$s->state_title}}</option>
                                                                            @else
                                                                            <option value="{{$s->id}}">{{$s->state_title}}
                                                                            </option>
                                                                            @endif
                                                                            @endforeach
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('temp_state'))
                                                                            @foreach($errors->get('temp_state') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="pdistrict">District*</label>
                                                                        <select class="form-control" name="temp_district"
                                                                            id="pdistrict">
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('temp_district'))
                                                                            @foreach($errors->get('temp_district') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                                                                    <div class="form-group">
                                                                        <label for="ptaluka">Taluka</label>
                                                                        <input type="text" class="text form-control"
                                                                        name="temp_taluka" id="ptaluka"
                                                                        placeholder="Enter Taluka"
                                                                        value="{{old('temp_taluka')}}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('temp_taluka'))
                                                                            @foreach($errors->get('temp_taluka') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="pcity">City / Town /
                                                                        Village*</label>
                                                                        <select class="form-control" name="temp_city"
                                                                            id="pcity">
                                                                        </select>
                                                                        <span class="text-danger">
                                                                            @if($errors->has('temp_taluka'))
                                                                            @foreach($errors->get('temp_taluka') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="ppin-code">Pin code*</label>
                                                                        <input type="text" maxlength="6" name="temp_pin_code"
                                                                        class="form-control mb-1" id="ppin_code"
                                                                        placeholder="Pin Code"
                                                                        value="{{old('temp_pin_code')}}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('temp_pin_code'))
                                                                            @foreach($errors->get('temp_pin_code') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div> <br>
                                                        </div>
                                                    </div>
                                                    <div class="card">
                                                        <div class="card-body">
                                                            <h6 class="">Bank Information</h6>
                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="bankname">Registered Name</label>
                                                                        <input type="text" class="text form-control mb-1"
                                                                        name="registered_name" pattern="[a-zA-Z\s]+"
                                                                        placeholder="Enter Registered Name"
                                                                        value="{{ old('registered_name') }}">
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="bankname">Bank Name*</label>
                                                                        <input type="text" class="text form-control mb-1"
                                                                        name="bank_name" id="bank_name"
                                                                        placeholder="Enter Bank Name"
                                                                        value="{{old('bank_name')}}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('bank_name'))
                                                                            @foreach($errors->get('bank_name') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="bankac_no">Bank AC Number*</label>
                                                                        <input type="text" class="form-control mb-1"
                                                                        name="bank_acno" id="bank_no" maxlength="18"
                                                                        placeholder="Enter Bank AC Number"
                                                                        value="{{old('bank_acno')}}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('bank_acno'))
                                                                            @foreach($errors->get('bank_acno') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="ifsc_code">IFSC Code*</label>
                                                                        <input type="text" style="text-transform: uppercase;"
                                                                        class="form-control mb-1" name="ifsc_code"
                                                                        maxlength="11" id="ifsc_code"
                                                                        placeholder="Enter IFSC Code"
                                                                        value="{{old('ifsc_code')}}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('ifsc_code'))
                                                                            @foreach($errors->get('ifsc_code') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="panCard-no">PAN Card No*</label>
                                                                        <input type="text" style="text-transform: uppercase;"
                                                                        class="form-control mb-1" name="pan_no"
                                                                        maxlength="10" id="panCard-no"
                                                                        placeholder="Enter PAN Card No"
                                                                        value="{{old('pan_no')}}" maxlength="10">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('pan_no'))
                                                                            @foreach($errors->get('pan_no') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="namepanCard-no">Name On PAN Card*</label>
                                                                        <input type="text" class="text form-control mb-1"
                                                                        name="pan_name" id="namepanCard-no"
                                                                        placeholder="Enter Name On PAN Card"
                                                                        value="{{old('pan_name')}}">
                                                                        <span class="text-danger">
                                                                            @if($errors->has('pan_name'))
                                                                            @foreach($errors->get('pan_name') as $error)
                                                                            {{$error}}
                                                                            @endforeach
                                                                            @endif
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                            <div class="mt-md-4 mt-sm-2">
                                                                <button class="btn btn-success mb-2 mr-3" type="submit"
                                                                name="add_employee" id="save_data">Save</button>
                                                                <button data-target="#reset_form" data-toggle="modal"
                                                                class="btn btn-primary mb-2" name="reset"
                                                                type="button">Reset</button>
                                                                <!-- Modal -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal fade" id="reset_form" tabindex="5" role="dialog"
                                    aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                    <div class= "modal-dialog modal-dialog-centered" role="document">
                                        <form action="/reset_addEmp" method="post">
                                            {{csrf_field()}}
                                            <div class="modal-content">
                                                <div class="modal-body">
                                                    <h5 class="text-center mt-1">Are You Want To Reset This Form?</h5>
                                                </div>
                                                <div class="row justify-content-around mt-5">
                                                    <button class="btn col-3 mb-2 btn-primary"
                                                    type="submit">Sure</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="tab-pane" id="tab-9">
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                                            <form id="documents" action="/leave_balance" class="form-group" method="POST">
                                                {{@csrf_field()}}
                                                <input type="hidden" name="emp_id"
                                                value="@if(Session::get('emp_id') != null) {{Session::get('emp_id')}}@endif">
                                                <div class="info p-0">
                                                    <h6 class="col-md-12 pt-4">Leave Balance</h6>
                                                    <div class="details-info">
                                                        <!-- Start Leave Balance Table -->
                                                        <div class="table-responsive ">
                                                            <table class="table table-striped dt-table-hover" id="table-propeller">
                                                                <thead>
                                                                    <tr valign="middle">
                                                                        <th>Leave Name</th>
                                                                        <th>Leave Balance</th>
                                                                        <th><label class="switch switch-all">
                                                                            <input type="checkbox" class="switch2 all_disabled"
                                                                            >
                                                                            <span
                                                                            class="slider round"></span>
                                                                        </label></th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody id="t-body">
                                                                    @if(isset($leave_data) && empty($leave_data))
                                                                    @php print_r($leave_data); @endphp
                                                                    @foreach($leave_data as $leave)
                                                                    <tr>
                                                                        <td style="display:none;">
                                                                            <input type="text" name="leave_name[]"
                                                                            value="{{$leave->leave_type}}">
                                                                        </td>
                                                                        <td class="text"><b>{{$leave->leave_type}}</b>
                                                                        </td>
                                                                        <td>
                                                                            <input type="number" class="text-center form-control "
                                                                            style="margin:0 auto; width:100px;" pattern="[0-9]" 
                                                                            name="balanceCount[]"
                                                                            value="{{$leave->leave_balance}}">
                                                                        </td>
                                                                        <td class="text">
                                                                            <label class="switch">
                                                                                <input type="checkbox" class="switch2"
                                                                                name="">
                                                                                <span class="slider round"></span>
                                                                            </label>
                                                                        </td>
                                                                    </tr>
                                                                    @endforeach
                                                                    @elseif(isset($leave_data) && count($leave_data) >1)
                                                                    @foreach($leave_data as $leave)
                                                                    <tr>
                                                                        <td style="display:none;">
                                                                            <input type="text" name="leave_name[]"
                                                                            value="{{$leave->leave_type}}">
                                                                        </td>
                                                                        <td class="text"><b>{{$leave->leave_type}}</b>
                                                                        </td>
                                                                        <td>
                                                                            <input type="text" class="form-control text-center"
                                                                            name="balanceCount[]"
                                                                            style="margin:0 auto; width:100px;"
                                                                            value="{{$leave->leave_balance}}">
                                                                        </td>
                                                                        <td class="text">
                                                                            <label class="switch">
                                                                                <input type="checkbox" class=""
                                                                                name="">
                                                                                <span class="slider round"></span>
                                                                            </label>
                                                                        </td>
                                                                    </tr>
                                                                    @endforeach
                                                                    @else
                                                                    @foreach($leave as $leave)
                                                                    <tr>
                                                                        <td style="display:none;">
                                                                            <input type="text" name="leave_name[]"
                                                                            value="{{$leave->leave_name}}">
                                                                        </td>
                                                                        <td class="text"><b>{{$leave->leave_name}}</b>
                                                                        </td>
                                                                        <td>
                                                                            <input type="number" data-name="disabled-input"  class="form-control text-center"
                                                                            style="margin:0 auto; width:100px;" pattern="[0-9]{2}"
                                                                            name="balanceCount[]" maxlength="20" 
                                                                            value="{{$leave->leave_days}}">
                                                                        </td>
                                                                        <td class="text">
                                                                            <label class="switch">
                                                                                <input type="checkbox" class="switch2"
                                                                                name="">
                                                                                <span class="slider round"></span>
                                                                            </label>
                                                                        </td>
                                                                    </tr>
                                                                    @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                            <div class="col-md-12">
                                                            <button class="btn btn-success mb-4 mr-3" type="submit"
                                                            name="save_document" id="save_document">Save</button>
                                                            <button data-dismiss="modal" class="btn btn-primary mb-4"
                                                            type="button" name="reset">Reset</button>
                                                            </div>
                                                          
                                                        </div>
                                                        <!-- End Documents Table -->
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="tab-8">
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                                            <form id="documents" action="form_submit" enctype="multipart/form-data"
                                                class="section documents" method="POST">
                                                {{@csrf_field()}}
                                                <div class="info p-0">
                                                    <h6 class="col-md-12 pt-4">Documents</h6>
                                                    <div class="details-info">
                                                        <!-- Start Documents Table -->
                                                        <div class="table-responsive">
                                                            <table class="table table-striped dt-table-hover" id="table-propeller">
                                                                <thead>
                                                                    <tr>
                                                                        <th>File Name</th>
                                                                        <th>Upload File</th>
                                                                        <!-- <th>Actions</th> -->
                                                                    </tr>
                                                                </thead>
                                                                <tbody id="documentsTable">
                                                                    @foreach($form as $f)
                                                                    <tr>
                                                                        <td class="text"><b>{{$f->form_name}}</b>
                                                                        </td>
                                                                        <td>
                                                                            <input type="hidden" name="form_id[]" value="{{$f->id}}">
                                                                            <input id="EmpFormName" type="hidden" name="form_name[]" value="{{$f->form_name}}">
                                                                            <input type="hidden" name="emp_id" value="@if(Session::get('emp_id') != null)
                                                                            {{Session::get('emp_id')}}@endif">
                                                                            <div class=" justify-content-center mb-3 choose-file-custom-btn d-flex align-items-center">
                                                                                <label class="btn btn-primary"> Choose File
                                                                                    <input class="form-control" type="file" id="formFileMultiple" data-id="{{$f->id}}" name="document[]" accept="image/*,pdf/*">
                                                                                </label>
                                                                                <div id="{{$f->id}}" class="fileName d-block pl-3">No File
                                                                                Chosen</p>
                                                                            </div>
                                                                        </td>
                                                                    </td>
                                                                </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                        <div class="col-md-12">
                                                        <button class="btn btn-success mb-2 mr-3 mb-4" type="submit" name="save_document" id="save_document">Save
                                                        Documents</button>
                                                        <button data-dismiss="modal" class="btn btn-primary mb-4" type="reset" id="addEmp-reset">Reset</button>
                                                        </div>
                                                    </div>
                                                    <!-- End Documents Table -->
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Main Profile -->
            </div>
        </div>
        @if(session('done'))
            <script type="text/javascript">
                swal.fire({
                title: '@php echo session("done")@endphp',
                type: 'success',
                padding: '2em'
                })
            </script> 
        @elseif(session('edit'))
            <script type="text/javascript">
                swal.fire({
                title: '@php echo session("edit")@endphp',
                type: 'success',
                padding: '2em'
                })
            </script>
        @elseif(session('message'))
            <script type="text/javascript">
                swal.fire({
                title: '@php echo session("message")@endphp',
                type: 'success',
                padding: '2em'
                })
            </script>
        @elseif(session('error'))
            <script type="text/javascript">
                swal.fire({
                title: '@php echo session("error")@endphp',
                type: 'warning',
                padding: '2em'
            })
        </script>
        @endif
        <!--  End CONTENT AREA  -->
    @include('components/footer')
    <script>
        $(document).ready(function() {
            $("#DOJ").datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: "dd/mm/yy"
            });

            $("#b_day").datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: "dd/mm/yy"
            });

            $("#department").on('change', function() {
                var department_id = $(this).val();
                if (department_id) {
                    $.ajax({
                        url: "{{ url('designation')}}",
                        type: "get",
                        data: { designation_id: department_id },
                        success: function(html) {
                            $("#domain").html(html);
                        }
                    });
                }else {
                    $("#domain").html('<option value="">Select Department First</option>');
                }
            });
            $("#state").on('change', function() {
                var state_id = $(this).val();
                if (state_id) {
                    $.ajax({
                        url: "{{ url('state')}}",
                        type: "get",
                        data: { state_id: state_id },
                        success: function(html) {
                            $("#district").html(html);
                        }
                    });
                } else {
                    $("#district").html('<option value="">Select State  First</option>');
                }
            });
            $("#district").on('change', function() {
                var district = document.getElementById("district");
                var district_id = $(this).val();
                if (district_id) {
                    $.ajax({
                        type: "get",
                        url: "{{ url('city')}}",
                        data: { district_id: district_id },
                        success: function(html) {
                            $("#city").html(html);
                        }
                    });
                } else {
                    $("#city").html('<option value="">Select District  First</option>');
                }
            });
            $("#pstate").on('change', function() {
            var pstate = document.getElementById("pstate");
                var pstate_id = $(this).val();
                if (pstate_id) {
                    $.ajax({
                        type: "get",
                        url: "{{ url('pstate')}}",
                        data: { pstate_id: pstate_id },
                        success: function(html) {
                            $("#pdistrict").html(html);
                        }
                    });
                } else {
                $("#pdistrict").html('<option value="">Select State  First</option>');
                }
            });
            $("#pdistrict").on('change', function() {
                var pdistrict = document.getElementById("pdistrict");
                var pdistrict_id = $(this).val();
                if (pdistrict_id) {
                    $.ajax({
                        type: "get",
                        url: "{{ url('pcity')}}",
                        data: { pdistrict_id: pdistrict_id },
                        success: function(html) {
                            $("#pcity").html(html);
                            var city = document.getElementById("city");
                            var city_txt = city.options[city.selectedIndex].text;
                        }
                    });
                } else {
                    $("#pcity").html('<option value="">Select District  First</option>');
                }
                });
            });
        $("#emp_type").on('change', function() {
            var a = $(this).val().charAt(0);
            if (a == 'S') {
                $("#emp_id").val('');
            } else if (a == 'I') {
                $("#emp_id").val('ASW-' + 'IN' + '-');
            } else {
                $("#emp_id").val('ASW-' + a + '-');
            }
        });

        $('document').ready(function() {
            var department_id = $("#department").val();
            if (department_id) {
                $.ajax({
                    url: "{{ url('addEmp_designation')}}",
                    type: "get",
                    data: { designation_id: department_id },
                    success: function(html) {
                        $("#domain").html(html);
                    }
                });
            } else {
                $("#domain").html('<option value="">Select Department First</option>');
            }
            var state_id = $("#state").val();
            var district_id = $("#district").text();
            if (state_id) {
                $.ajax({
                    url: "{{ url('addEmp_state')}}",
                    type: "get",
                    data: { state_id: state_id, district_id: district_id },
                    success: function(html) {
                        $("#district").html(html);
                        var district_id = $('#district').val();
                        if (district_id) {
                            $.ajax({
                                type: "get",
                                url: "{{ url('addEmp_city')}}",
                                data: { district_id: district_id },
                                success: function(html) {
                                    $("#city").html(html);
                                }
                            });
                        } else {
                            $("#city").html('<option value="">Select District First</option>');
                        }
                    }
                });
            } else {
                $("#district").html('<option value="">Select State First</option>');
            }
            var pstate_id = $("#pstate").val();
            if (pstate_id) {
                $.ajax({
                    type: "get",
                    url: "{{ url('addEmp_pstate')}}",
                    data: { pstate_id: pstate_id },
                    success: function(html) {
                        $("#pdistrict").html(html);
                        var pdistrict_id = $('#pdistrict').val();
                        if (pdistrict_id) {
                            $.ajax({
                                type: "get",
                                url: "{{ url('addEmp_pcity')}}",
                                data: {  pdistrict_id: pdistrict_id },
                                success: function(html) {
                                    $("#pcity").html(html);
                                }
                            });
                        } else {
                            $("#pcity").html('<option value="">Select District  First</option>');
                        }
                    }
                });
            } else {
                $("#pdistrict").html('<option value="">Select State  First</option>');
            }

            var checkbox = document.getElementById("samePermententAdd");
            if (checkbox.checked == true) {
                $("#temp_address").attr('readonly',true);
                $("#pstate").attr('readonly',true);
                $("#pstate").css('pointer-events',"none");
                $("#pdistrict").attr('readonly',true);
                $("#pdistrict").css('pointer-events',"none");
                $("#ptaluka").attr('readonly',true);
                $("#pcity").attr('readonly',true);
                $("#pcity").css('pointer-events',"none");
                $("#ppin_code").attr('readonly',true);
            }
        });

        $('#OpenImgUpload').click(function() {
            $('#imgupload').trigger('click');
        });
        $('#imgupload').on('change', function(event) {
            var img = $(this).val();
            if (img) {
                var tmppath = URL.createObjectURL(event.target.files[0]);
                var imges = $("#image").fadeIn("fast").attr('src', tmppath);
            } else {
                $("image").attr("src", "..assets/img/profiles/default.svg");
            }
            $("#image_hidden").fadeIn("fast").attr('src', tmppath);
        });

        function checkbox() {
            var checkbox = document.getElementById("samePermententAdd");
            if (checkbox.checked == true) {
                var perment_address = document.getElementById("per_address").value;
                var state = document.getElementById("state");
                var state_txt = state.options[state.selectedIndex].text;
                var state_txt_value = state.options[state.selectedIndex].value;
                var district = document.getElementById("district");
                var district_txt = district.options[district.selectedIndex].text;
                var district_txt_value = district.options[district.selectedIndex].value;
                var taluka = document.getElementById("taluka").value;
                var city = document.getElementById("city");
                var city_txt = city.options[city.selectedIndex].text;
                var city_txt_value = city.options[city.selectedIndex].value;
                var pin_code = $("#pin_code").val();
                var temp_address = document.getElementById("temp_address").value = perment_address;
                var temp_state = $("#pstate");
                temp_state.prepend('<option selected value="' + state_txt_value + '">' + state_txt + '</option>');
                var temp_district = $("#pdistrict");
                temp_district.prepend('<option selected value="' + district_txt_value + '">' + district_txt + '</option>');
                var temp_taluka = $("#ptaluka").val(taluka);
                var temp_city = $("#pcity");
                temp_city.prepend('<option selected value="' + city_txt_value + '">' + city_txt + '</option>');
                var temp_pin_code = $("#ppin_code").val(pin_code);

                $("#temp_address").attr('readonly',true);
                $("#pstate").attr('readonly',true);
                $("#pstate").css('pointer-events',"none");
                $("#pdistrict").attr('readonly',true);
                $("#pdistrict").css('pointer-events',"none");
                $("#ptaluka").attr('readonly',true);
                $("#pcity").attr('readonly',true);
                $("#pcity").css('pointer-events',"none");
                $("#ppin_code").attr('readonly',true);
            } else {
                $("#temp_address").attr('readonly',false);
                $("#pstate").attr('readonly',false);
                $("#pstate").css('pointer-events',"auto");
                $("#pdistrict").attr('readonly',false);
                $("#pdistrict").css('pointer-events',"auto");
                $("#ptaluka").attr('readonly',false);
                $("#pcity").attr('readonly',false);
                $("#pcity").css('pointer-events',"auto");
                $("#ppin_code").attr('readonly',false);
            }
        }
        function calc_year() {
            var b_day = document.getElementById('b_day').value;
            var doj = document.getElementById('DOJ').value;
            var dt1 = new Date(b_day);
            var dt2 = new Date(doj);
            var time = dt1.getTime() - dt2.getTime();
            var day = time / (1000 * 3600 * 24);
            if (dt1 > dt2) {
                document.getElementById('date_error').innerText = "Joining Date Should Not be Greater Than Birth Date";
            }
        }
        $('#myModal').on('shown.bs.modal', function() {
            $('#myInput').trigger('focus');
        });

        $("#t-body .switch").on('click', function() {
            var currentRow = $(this).closest("tr");
            var col1 = currentRow.find("td:eq(1) input[type='text']");
            var col2 = currentRow.find("td:eq(2) input[type='number']");

            if (col1.attr('disabled')) {
                col1.removeAttr('disabled');
                $(this).each(function(){
                    $(this).addClass("switch-on");
                    $(this).removeClass("switch-off");
                });
            } 
            
            else {
                col1.attr('disabled', true);
                $(this).each(function(){
                    $(this).addClass("switch-off");
                    $(this).removeClass("switch-on");
                });
            }

            if (col2.attr('disabled')) {
                col2.removeAttr('disabled');
                $(this).each(function(){
                    $(this).addClass("switch-on");
                    $(this).removeClass("switch-off");
                });
            } 
            
            else {
                col2.attr('disabled', true);
                $(this).each(function(){
                    $(this).addClass("switch-off");
                    $(this).removeClass("switch-on");
                });
            }                                       
        });
        $("#t-body .switch2").on('click', function() {
            var currentRow = $(this).closest("tr");                      
            var col1 = currentRow.find("td:eq(1) input[type='text']");
            var col2 = currentRow.find("td:eq(2) input[type='number']");            
            
            if (col1.attr('disabled')) {
                col1.removeAttr('disabled');
                $(this).each(function(){
                    $(this).addClass("switch-off");
                    $(this).removeClass("switch-on");
                });
            }             
            else {
                col1.attr('disabled', true);
                $(this).each(function(){
                    $(this).addClass("switch-on");
                    $(this).removeClass("switch-off");
                });   
            }     


            if (col2.attr('disabled')) {
                col2.removeAttr('disabled');
                $(this).each(function(){
                    $(this).addClass("switch-off");
                    $(this).removeClass("switch-on");
                });
            }             
            else {
                col2.attr('disabled', true);
                $(this).each(function(){
                    $(this).addClass("switch-on");
                    $(this).removeClass("switch-off");
                });   
            }     
        });
        
        $(".all_disabled").on('click',function() {            
            $(this).toggleClass('all_enabled');
            if($(this).hasClass('all_enabled')){
                $("#t-body tr").each(function() {
                    var col1 = currentRow.find("td:eq(1) input[type='text']");
                    var col2 = $(this).find("td:eq(2) input[type='number']");
                    var col3 = $(this).find("td:eq(3) label");
                    $(col1).attr('disabled', 'disabled');
                    $(col2).attr('disabled', 'disabled');
                    $(col3).addClass('switch-off');
                   
                });
            } else{
                
                $("#t-body tr").each(function() {
                    var col1 = currentRow.find("td:eq(1) input[type='text']");
                    var col2 = $(this).find("td:eq(2) input[type='number']");
                    var col3 = $(this).find("td:eq(3) label");
                    $(col1).attr('disabled', 'disabled');
                    $(col2).removeAttr('disabled', 'disabled');
                    $(col3).removeClass('switch-off');
                }); 
            }
        });
        $(document).on('change', ".choose-file-custom-btn input[type='file']", function() {
            if ($(this).val()) {
                var a = $(this).data("id");
                var filename = $(this).val().split("\\");
                filename = filename[filename.length - 1];
                $('#' + a).text(filename);
            }
        });

        $('#document').click(function() {
            $('#documentupload').trigger('click');
        });

        $("#addEmp-reset").on('click',function() {
            $(".fileName").text("No File Chosen");
        })
    </script>