@include('components/header')
@include('components/sidebar')
<!--  Begin CONTENT AREA  -->
        <div id="content" class="main-content">
                
            <div class="layout-px-spacing">
                <!-- Start Main Profile -->
                <div class="row layout-top-spacing">
                    <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">
                                        <div class="widget-user-image d-sm-flex">
                                            <span class="avatar">
                                                <img width="107px" height="107px" class="image_upload"src="{{asset('design/img/profiles/default.svg')}}">
                                                <button id="OpenImgUpload" type="button" class="upload_image">+</button>   
                                            </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-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="/edit_employee/{{$employee_data->id}}" name="edit_employee" class="section basic-information">
                                                        {{csrf_field()}}
                                                        <div class="info">
                                                            <h6 class="">Basic Information</h6>
                                                            <div class="row">
                                                                <input type="file"name="image_upload" style="display: none;" id="imgupload">
                                                                <input type="hidden" name="address_per" value="{{$employee_data->address_parmanent}}">
                                                                <input type="hidden" name="address_temp" value="{{$employee_data->address_temp}}">
                                                                <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" id="firstName"placeholder="First Name" value="{{$employee_data->first_name}}">

                                                                                                                                            </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="form-control mb-1" id="middleName" placeholder="Middle Name" value="{{$employee_data->middle_name}}">

                                                                                                                                            </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="form-control mb-1" id="lastName" placeholder="Last Name" value="{{$employee_data->last_name}}">

                                                                                                                                            </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="phone">Phone Number</label><br>
                                                                        <input type="text" name="p_no" class="form-control mb-1"
                                                                            id="phone" 
                                                                            placeholder="Write your phone number here"
                                                                            value="{{$employee_data->phone_number}}" maxlength="10">

                                                                                                                                                </div>
                                                                </div>
                                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Alternate Phone Number</label>
                                                                        <input type="text" name="alt_no" class="form-control mb-1" id="alt_phone" maxlength="10" placeholder="Write your phone number here"
                                                                        value="{{$employee_data->alternet_number}}">
                                                                    </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="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="{{$employee_data->adhar_number}}">

                                                                                                                                            </div>
                                                                </div>
                                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="nameaadharCard-no">Name On Aadhar Card</label>
                                                                        <input type="text" class="form-control mb-1" name="aadhar_name" id="nameaadharCard-no"placeholder="Enter Name On Aadhar Card" value="{{$employee_data->adhar_name}}">

                                                                          


                                                                    </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="phone">Personal Email</label>
                                                                        <input type="text" name="per_email" class="form-control mb-1" placeholder="Write Personal Email" value="{{$employee_data->personal_email}}">

                                                                                                                                             </div>
                                                                </div>
                                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Date Of Birth</label>
                                                                        <input type="date" name="dob" class="form-control mb-1" id="phone" placeholder="Write Birthdate Here" value="{{$employee_data->b_Date}}">

                                                                                                                                             </div>
                                                                </div>
                                                            </div>

                                                            <div class="row">
                                                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Gender</label>
                                                                        <select name="gender" class="form-control mb-1">
                                                                        
                                                                        @if($employee_data->gender == 'Male')
                                                                        <option selected value="{{$employee_data->gender}}">{{$employee_data->gender}}</option>
                                                                        <option value="Female">Female</option>
                                                                        @else
                                                                           <option selected value="{{$employee_data->gender}}">{{$employee_data->gender}}</option>
                                                                            <option value="Male">Male</option>
                                                                        @endif
                                                                        </select>

                                                                                                                                             </div>
                                                                </div>

                                                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Marital Status</label>
                                                                        <select name="maritial_status" class="form-control mb-1">
                                                                        
                                                                        @if($employee_data->marrital_status == 'Married')
                                                                        <option selected value="{{$employee_data->marrital_status}}">{{$employee_data->marrital_status}}</option>
                                                                            <option value="Unmarried">Unmarried</option>
                                                                        @else
                                                                           <option selected value="{{$employee_data->marrital_status}}">{{$employee_data->marrital_status}}</option>
                                                                            <option value="Married">Married</option>
                                                                        </select>
                                                                        @endif

                                                                                                                                           </div>
                                                                </div>

                                                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="phone">Blood Group</label>
                                                                        <input type="text" name="blood_group" class="form-control mb-1" value="{{$employee_data->blood_group}}">
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <br>

                                                            <h6 class="">Employee Information</h6>
                                                            <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="phone">Employee ID
                                                                        </label>
                                                                        <input type="text" name="ASW_emp_id" class="form-control mb-1" id="emp_id"
                                                                        placeholder="Write Employee ID" value="{{$employee_data->id}}">
                                                                                                                                             </div>
                                                                </div>
                                                                <div
                                                                    class="col-xl-6 col-lg-6 col-md-6 col-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="{{$employee_data->official_email}}">

                                                                                                                                             </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">
                                                                        @foreach($department as $department)
                                                                        @if($department->id == $employee_data->department)
                                                                        <option value="{{$department->id}}" selected>{{$department->department}}</option>
                                                                        @else
                                                                        <option value="{{$department->id}}">{{$department->department}}</option>
                                                                        @endif
                                                                        @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="a-designation">Domain</label>
                                                                        <select class="form-control" name="domain" id="domain">
                                                                
                                                                        </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="prAdd">Designation(ASW)</label>
                                                                        <input type="text" class="form-control" name="designation_asw"placeholder="Enter Designation" value="{{$employee_data->designation_asw}}">

                                                                                                                                             </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="prAdd">Designation (Atlas Info)*</label>
                                                                        <input type="text" class="form-control" name="designation_atlas"placeholder="Enter Designation" value="{{$employee_data->designation_atlasinfotech}}">
                                                                    </div>
                                                                </div>
                                                                
                                                                <div
                                                                    class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="prAdd">Date Of Joining</label>
                                                                        <input type="date" name="joining_date" class="form-control mb-1" id="phone" placeholder="Write Birthdate Here" value="{{$employee_data->joining_date}}">

                                                                                                                                             </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 name="review_cycle" class="form-control mb-1">
                                                                        
                                                                        @if($employee_data->review_cycle == 'Quartely')
                                                                        <option value="{{$employee_data->review_cycle}}" selected>{{$employee_data->review_cycle}}</option>
                                                                        <option value="Yearly">Yearly</option>
                                                                        <option value="Half Yearly"> Half Yearly</option>
                                                                        
                                                                        @elseif($employee_data->review_cycle == 'Yearly')
                                                                        <option value="{{$employee_data->review_cycle}}" selected>{{$employee_data->review_cycle}}</option>
                                                                        <option value="Quartly">Quartly</option>
                                                                        <option value="Half Yearly">Half Yearly</option>
                                                                        
                                                                        @elseif($employee_data->review_cycle == 'Half Yearly')
                                                                        <option value="{{$employee_data->review_cycle}}" selected>{{$employee_data->review_cycle}}</option>
                                                                        <option value="Quartly">Quartly</option>
                                                                        <option value="Yearly">Yearly</option>

                                                                        @endif
                                                                
                                                                        </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="a-designation"> Appointment Letter</label>
                                                                        <select class="form-control" name="appoinment_latter" id="appoinment_latter">
                                                                        <option selected value="{{$employee_data->appoinment}}">{{$employee_data->appoinment}}</option>
                                                                        
                                                                        @if($employee_data->appoinment == 'Yes'){?>
                                                                        
                                                                            <option value="No">No</option>
                                                                        @else
                                                                            <option value="Yes">Yes</option>
                                                                        @endif
                                                                        </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="a-designation">
                                                                            Offer Letter</label>
                                                                        <select class="form-control" name="offer_latter" id="offer_latter">
                                                                        <option selected value="{{$employee_data->appoinment}}">{{$employee_data->appoinment}}</option>
                                                                        
                                                                        @if($employee_data->appoinment == 'Yes'){?>
                                                                        
                                                                            <option value="No">No</option>
                                                                        @else
                                                                            <option value="Yes">Yes</option>
                                                                        @endif
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <br>

                                                            <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="row">
                                                                        <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" spellcheck="false" style="resize: none;">{{$employee_data->address_per->address}}</textarea>
                                                                        </div>
                                                                    </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">
                                                                            @foreach($state as $state)
                                                                            @if($address->state == $state->id)
                                                                           <option selected value="{{$state->id}}">{{$state->state_title}}</option>
                                                                           @else
                                                                           <option value="{{$state->id}}">{{$state->state_title}}</option>
                                                                           @endif
                                                                           @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="district">District</label>
                                                                        <select class="form-control" name="district" id="district">
                                                                           
                                                                        </select>
                                                                                                                                             </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="form-control" name="taluka" id="taluka" placeholder="Enter Taluka" value="{{$address->taluka}}">
                                                                            
                                                                    </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">
                                                                           
                                                                        </select>

                                                                                                                                             </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="number" name="pin_code" class="form-control mb-1" id="pin-code" placeholder="Pin Code" value="{{$address->pincode}}">

                                                                                                                                             </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" style="resize: none;" 
                                                                            spellcheck="false">{{$address_temp->address}}</textarea>
                                                                                                                                                 </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg4 col-md-4 col-sm-12 col-12">
                                                                    <div class="form-group">
                                                                        <label for="pstate">State</label>
                                                                        <select class="form-control" name="temp_state" id="pstate">
                                                                        @foreach($temp_state as $state)
                                                                           @if($address_temp->state == $state->id)
                                                                            <option selected value="{{$state->id}}">{{$state->state_title}}</option>
                                                                            @else
                                                                            <option value="{{$state->id}}">{{$state->state_title}}</option>
                                                                            @endif
                                                                        @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="pdistrict">District</label>
                                                                        <input type="hidden" id="pdistrict_val" value="">
                                                                        <select class="form-control" name="temp_district" id="pdistrict">
                                                                        </select>

                                                                                                                                             </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" name="temp_taluka" class="form-control mb-1" id="ppin-code" placeholder="Enter Taluka" value="{{$address_temp->taluka}}">

                                                                                                                                                     
                                                                    </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>
                                                                        <input type="hidden" id="pcity_val" value="">
                                                                        <select class="form-control" name="temp_city" id="pcity" onchange="get_value();">
                                                                        </select>

                                                                                                                                             </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" name="temp_pin_code" class="form-control mb-1" id="ppin-code" placeholder="Pin Code" value="{{$address_temp->pincode}}">

                                                                                                                                             </div>
                                                                </div>
                                                            </div>
                                                            <br>
                                                            <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">Bank Name</label>
                                                                        <input type="text" class="form-control mb-1" name="bank_name" id="bank_name" placeholder="Enter Bank Name" value="{{$employee_data->bank_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="bankac_no">Bank AC Number</label>
                                                                        <input type="text" class="form-control mb-1" name="bank_acno"  minlength="9" maxlength="18" id="bank_no"placeholder="Enter Bank AC Number" value="{{$employee_data->bank_acc_no}}">
                                                                    </div>

                                                                                                                                     </div>
                                                                <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" class="form-control mb-1" name="ifsc_code" id="ifsc_code" placeholder="Enter IFSC Code"
                                                                        value="{{$employee_data->ifsc_code}}">

                                                                                                                                             </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="panCard-no">PAN Card No</label>
                                                                        <input type="text" class="form-control mb-1" name="pan_no" id="panCard-no" value="{{$employee_data->pan_number}}" maxlength="10">

                                                                                                                                             </div>
                                                                </div>
                                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="namepanCard-no">Name On PAN
                                                                            Card</label>
                                                                        <input type="text" class="form-control mb-1" name="pan_name" id="namepanCard-no" placeholder="Enter Name On PAN Card" value="{{$employee_data->pan_name}}">

                                                                                                                                             </div>
                                                                </div>
                                                            </div>

                                                            <h6 class="">Leaving Details</h6>
                                                            <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="bankname">Date of Leaving</label>
                                                                        <input type="date" class="form-control" name="dol" value="">
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="bankac_no">Exit dues</label>
                                                                        <input type="text" class="form-control mb-1" name="exit_dues" id="bank_no" value="0">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xl-12 col-lg-12 col-md-6 col-sm-6 col-12">
                                                                    <div class="form-group">
                                                                        <label for="ifsc_code">Reason For Leaving</label>
                                                                        <textarea class="form-control mb-1" style="resize: none;" name="reason" id="ifsc_code" placeholder="Enter Reason" value = ""></textarea>
                                                                    </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-4">
                                                                        
                                                                        <button class="btn pmd-ripple-effect btn-primary pmd-btn-raised"
                                                                            type="submit" name="edit_profile" id="save_data">Save</button>
                                                                        <a href="employee-list.php"><button 
                                                                            class="btn pmd-ripple-effect btn-outline-secondary"
                                                                            type="button">Cancel</button></a>
                                                                    </div>
                                                                </div>
                                                            </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="../main.php" enctype="multipart/form-data" class="section documents" method="POST">
                                                        <div class="info">
                                                            <h6 class="">Documents</h6>
                                                            <div class="details-info">
                                                                <!-- Start Documents Table -->
                                                                <div class="table-responsive">
                                                                    <table class="table pmd-table table-bordered"
                                                                        id="table-propeller">
                                                                        <thead>
                                                                            <tr>
                                                                                <th>File Name</th>
                                                                                <th>Upload File</th>
                                                                                <th>Action</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                                                                                                        <tr>
                                                                                <input type="hidden" name="id" value="">
                                                                                <td class="text"><b>Form 1A</b>
                                                                                </td>
                                                                                <td>
                                                                                  <div class="mb-3">
                                                                                  
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="form_1a">


                                                                                  </div>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Form 1B</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="form_1b">
                                                                                  </div>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Emergancy</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="emergancy_form">
                                                                                  </div>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Bank Detail</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="bank_form">
                                                                                  </div>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Form 1C</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="form_1c">
                                                                                  </div>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Form 2A</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="form_2a">
                                                                                  </div>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Recidantal Proof</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="address_form">
                                                                                  </div>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Joining Letter</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="joining_latter">
                                                                                </div>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Releaving Letter</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="releaving_letter">
                                                                                </div></td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Experiance Letter</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="experiance_letter">
                                                                                </div>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Previous Pay Slip</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="pre_salary_slip">
                                                                                  </div></td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Pan Card</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="pancard_img">
                                                                                  </div></td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Adhar Card</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="aadharcard_img">
                                                                                  </div></td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="text"><b>Photo Graph</b>
                                                                                </td>
                                                                                <td class="text">
                                                                                <div class="mb-3">
                                                                                  <input class="form-control" type="file" id="formFileMultiple" name="profile_img">
                                                                                  </div></td>
                                                                                <td class="text">
                                                                                <div class="float-right" style="font-size: 20px;">
                                                                                <i class="fa fa-eye"></i>
                                                                                <i class="fa fa-trash ml-4 mr-5"></i>
                                                                                </div></td>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                            <button
                                                                            class="btn pmd-ripple-effect btn-primary pmd-btn-raised"
                                                                            type="submit" name="save_document" id="save_document">Save Documents</button>
                                                                             <button data-dismiss="modal"
                                                                                        class="btn pmd-ripple-effect btn-outline-secondary"
                                                                                        type="button" name="reset">Reset</button>
                                                                </div>
                                                                <!-- End Documents Table -->
                                                            </div>
                                                            <!-- Start Add Document Dialog -->
                                                            <div tabindex="-1" class="modal pmd-modal fade add-dialog"
                                                                id="add-document-dialog" aria-hidden="true"
                                                                style="display: none;">
                                                                <div class="modal-dialog modal-dialog-centered">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header pmd-modal-border">
                                                                            <h2 class="modal-title">Add Document</h2>
                                                                            <button aria-hidden="true"
                                                                                data-dismiss="modal" class="close"
                                                                                type="button">×</button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <form>
                                                                                <div
                                                                                    class="form-group pmd-textfield pmd-textfield-floating-label pmd-textfield-floating-label-completed">
                                                                                    <label for="filename">File
                                                                                        Name</label>
                                                                                    <input type="text"
                                                                                        class="mat-input form-control"
                                                                                        id="filename" value=""><span
                                                                                        class="pmd-textfield-focused"></span>
                                                                                </div>
                                                                                <div
                                                                                    class="custom-file pmd-custom-file">
                                                                                    <input type="file"
                                                                                        class="custom-file-input"
                                                                                        id="customFile">
                                                                                    <label class="custom-file-label"
                                                                                        for="customFile">Choose
                                                                                        file</label>
                                                                                </div>
                                                                                <div class="mt-4">
                                                                                    <button data-dismiss="modal"
                                                                                        class="btn pmd-ripple-effect btn-primary pmd-btn-raised"
                                                                                        type="button">Add</button>
                                                                                    <button data-dismiss="modal"
                                                                                        class="btn pmd-ripple-effect btn-outline-secondary"
                                                                                        type="button" name="reset">Reset</button>
                                                                                </div>
                                                                            </form>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- End Add Document Dialog -->
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Main Profile -->
                </div>
            </div>
           
            <!--  End CONTENT AREA  -->
@include('components/footer')
<script>
  
$(document).ready(function(){

  $("#department").on('change',function(){
    var department_id = $(this).val();    
     if(department_id){
        $.ajax({
            type : "get",
            url : "{{url('change_designation')}}",
            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({
                type : "get",
                url  : "{{url('change_state')}}",
                data : {state:state_id},
                success : function(html){
                    $("#district").html(html);
                }
            });
         }else{
         $("#district").html('<option value="">Select State  First</option>');
     }
  }); 

  $("#district").on('change',function(){  

         var district_id = $(this).val();
         if(district_id){
            $.ajax({
                type : "get",
                url  : "{{url('change_district')}}",
                data : {district_id:district_id},
                success : function(html){
                    $("#city").html(html);
                }
            });
         }
  }); 


  $("#pstate").on('change',function(){
    var pstate = document.getElementById("pstate");
         var pstate_id = $(this).val();
         if(pstate_id){
            $.ajax({
                type : "get",
                url  : "{{url('change_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('change_pdistrict')}}",
                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>');
     }
  }); 
});






$('document').ready(function(){
    var department_id = $("#department").val();
    if(department_id){
        $.ajax({
            type : "get",
            url : "{{ url('edit_designation')}}",
            data : {designation_id:department_id},
            success : function(html){
                $("#domain").html(html);
                var domain=$("#domain").val();
            } 
        });
    }else{
         $("#domain").html('<option value="">Select Department First</option>');
    }

    
    var state_id = $("#state").val(); 
    var emp_id = $("#emp_id").val();

         if(state_id){
            $.ajax({
                type : "get",
                url  : "{{ url('edit_state')}}",
                data : {state_id:state_id, dist:emp_id},
                success : function(html)
                {
                    $("#district").html(html);
                    var district_id = $("#district").val();
                    if(district_id){
                        $.ajax({
                            type : "get",
                            url  : "{{ url('edit_district')}}",
                            data : {district_id:district_id},
                            success : function(html)
                            {
                                $("#city").html(html);
                            }
                        });

                    }
                }
            });
        }
        else{
         $("#district").html('<option value="">Select State  First</option>');
        }


    var pstate_id = $("#pstate").val();
    // console.log('pstate_id');
         if(pstate_id){
            $.ajax({
                type : "get",
                url  : "{{ url('edit_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('edit_pdistrict')}}",
                                data : {pdistrict_id:pdistrict_id, dist:dist},
                                success : function(html){
                                    $("#pcity").html(html);
                                          
                        
                                }
                            });
                         }
                }
            });
         }else{
         $("#pdistrict").html('<option value="">Select State  First</option>');
     }
});



$('#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_upload").fadeIn("fast").attr('src',tmppath);                
    }else {
        $("image").attr("src","..assets/img/profiles/default.svg");     
    }
            });


</script>
<script type="text/javascript">

    function get_value() {

    var domain = document.getElementById("domain");
    var domain_txt = domain.options[domain.selectedIndex].text;
    document.getElementById('domain_txt').value =domain_txt;

     var city = document.getElementById("city");
    var city_txt = city.options[city.selectedIndex].text;
    document.getElementById('city_txt').value =city_txt;

    var pcity = document.getElementById("pcity");
    var pcity_txt = pcity.options[pcity.selectedIndex].text;
    document.getElementById('temp_city_txt').value =pcity_txt;


    }
    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 district = document.getElementById("district");
        var district_txt = district.options[district.selectedIndex].text;       

        var taluka = document.getElementById("taluka").value;

        var city = document.getElementById("city");
        var city_txt = city.options[city.selectedIndex].text;       
        var pin_code = document.getElementById("pin-code").value;
        

        var temp_address = document.getElementById("temp_address").value = perment_address;

        var temp_state = document.getElementById("pstate");
        var temp_state_txt = temp_state.options[temp_state.selectedIndex].text = state_txt;

        var temp_district = document.getElementById("pdistrict");
        var temp_district_txt = temp_district.options[temp_district.selectedIndex].text = district_txt;

        var temp_taluka = document.getElementById("ptaluka").value = taluka;

        var temp_city = document.getElementById("pcity");
        var temp_city_txt = temp_city.options[temp_city.selectedIndex].text = city_txt;

        document.getElementById('temp_city_txt').value =city_txt;
        document.getElementById('temp_district_txt').value =temp_district_txt;
        document.getElementById('temp_state_txt').value =temp_state_txt;


        var temp_pin_code = document.getElementById("ppin-code").value = pin_code;
 
    }
}</script>
<script type="text/javascript">
    $('#document').click(function(){ $('#documentupload').trigger('click'); });
</script>