@extends('admin.layout.master')
@section('content')
<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
              <li class="breadcrumb-item" aria-current="page"><a href="{{route('admin.employee.management.list')}}">Employee Management</a></li>
							<li class="breadcrumb-item active" aria-current="page">Edit Employee</li>
						</ol>
					</div>
           <!-- MAIN BODY CONTENT -->
            <h1 class="pageHeadTag">Employee Management</h1>

            <!-- Table -->
            <div class="card add_area">
              <div class="steps-wrap">
                <div class="card-body">
                  <h2>Edit Employee</h2>

                  @if(Session::has('errors'))
                      <div class="alert alert-danger" style="background: none; border: none;">
                        <ul class="form_validation_error">
                                @foreach ($errors->all() as $error)
                                    <li  style="color: #f00">{{ $error }}</li>
                                @endforeach
                            </ul>
                      </div>
                  @endif
                  <!-- <form action="javascript:void(0)" method="post" id="employee_add_frm">  
                  {{csrf_field()}} -->
                  <form action="{{route('admin.employee.management.update', base64_encode($user->id))}}" method="post" id="employee_edit_frm" enctype="multipart/form-data">
                  {{csrf_field()}}
                  <!-- Accordian -->
                    <div class="panel-group1 mt-6" id="accordion2">
                      <div class="panel panel-default mb-4">
                        <div class="panel-heading1 ">
                          <h4 class="panel-title1">
                            <a class="accordion-toggle collapsed fs-18" data-toggle="collapse"   data-parent="#accordion2" href="#collapseOne" aria-expanded="false"
                            id="general_details">General Details
                            </a>
                          </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel"
                          aria-expanded="false">
                          <div class="panel-body">            
                            <div class="form-row">

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Name<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form_inputs" placeholder="Enter Your Name" name="name" id="name" value="{{$user->username}}">
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Date Of Birth<span class="text-danger">*</span></label>
                                <input class="form-control form_inputs" placeholder="DD/MM/YYYY" type="text" name="dob" id="dob" value="{{date('d/m/Y', strtotime($user->dob))}}" />
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Gender<span class="text-danger">*</span></label>
                                <select class="form-control form_inputs" name="gender" id="gender">
                                  <option value="">Select</option>
                                  <option value="1" @if($user->gender == 1){{'selected'}}@endif>Male</option>
                                  <option value="2" @if($user->gender == 2){{'selected'}}@endif>Female</option>
                                </select>
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Blood Group<span class="text-danger">*</span></label>
                                <select class="form-control form_inputs" name="blood_group" id="blood_group">
                                  <option value="">Select</option>
                                  <option value="1" @if($user->blood_group == 1){{'selected'}}@endif>A+</option>
                                  <option value="2" @if($user->blood_group == 2){{'selected'}}@endif>A-</option>
                                  <option value="3" @if($user->blood_group == 3){{'selected'}}@endif>B+</option>
                                  <option value="4" @if($user->blood_group == 4){{'selected'}}@endif>B-</option>
                                  <option value="5" @if($user->blood_group == 5){{'selected'}}@endif>AB+</option>
                                  <option value="6" @if($user->blood_group == 6){{'selected'}}@endif>AB-</option>
                                  <option value="7" @if($user->blood_group == 7){{'selected'}}@endif>O+</option>
                                  <option value="8" @if($user->blood_group == 8){{'selected'}}@endif>O-</option>
                                </select>
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Marital Status<span class="text-danger">*</span></label>
                                <select class="form-control form_inputs" name="marital_status" id="marital_status">
                                  <option value="">Select</option>
                                  <option value="1" @if($user->marital_status == 1){{'selected'}}@endif>Single</option>
                                  <option value="2" @if($user->marital_status == 2){{'selected'}}@endif>Married</option>
                                </select>
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Mobile Number <span class="text-danger">*</span></label>
                                  <div class="input-prefix">
                                    <input type="hidden" name="old_mobile_number" id="old_mobile_number" value="{{$user->primary_no}}">
                                    <span class="prefix">+91</span>
                                    <input type="text" class="form-control form_inputs" placeholder="Enter Mobile Number" name="mobile_number" id="mobile_number" maxlength="10" value="{{$user->primary_no}}">
                                    <span class="verify" id="primary_span">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63">
                                      <g transform="translate(-644 -198)">
                                      <rect width="63" height="63" transform="translate(644 198)" fill="rgba(0,0,0,0)" />
                                      <path d="M26.5,53A26.5,26.5,0,1,1,53,26.5,26.53,26.53,0,0,1,26.5,53ZM11.672,23.844A2.641,2.641,0,0,0,9.8,28.356l9.514,9.514a2.636,2.636,0,0,0,1.877.775,2.57,2.57,0,0,0,1.858-.775L43.169,17.754a2.642,2.642,0,1,0-3.737-3.735L21.2,32.25,13.54,24.618A2.624,2.624,0,0,0,11.672,23.844Z"
                                      transform="translate(650 204)" fill="" />
                                      </g>
                                      </svg>
                                      <a href="javascript:void(0)"
                                        class="text-warning text-underline primary_verify" data-id="0">Verify</a>
                                    </span>
                                  </div>
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Alternative Mobile Number</label>
                                <div class="input-prefix">
                                  <input type="hidden" name="old_alternate_mobile_number" id="old_alternate_mobile_number" value="{{$user->secondary_no}}">
                                  <span class="prefix">+91</span>
                                  <input type="text" class="form-control"
                                    placeholder="Enter Alternative Mobile Number" name="alternate_mobile_number" id="alternate_mobile_number" maxlength="10" value="{{$user->secondary_no}}">
                                  <span class="verify" id="secondary_span">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63">
                                    <g transform="translate(-644 -198)">
                                    <rect width="63" height="63" transform="translate(644 198)" fill="rgba(0,0,0,0)" />
                                    <path d="M26.5,53A26.5,26.5,0,1,1,53,26.5,26.53,26.53,0,0,1,26.5,53ZM11.672,23.844A2.641,2.641,0,0,0,9.8,28.356l9.514,9.514a2.636,2.636,0,0,0,1.877.775,2.57,2.57,0,0,0,1.858-.775L43.169,17.754a2.642,2.642,0,1,0-3.737-3.735L21.2,32.25,13.54,24.618A2.624,2.624,0,0,0,11.672,23.844Z"
                                    transform="translate(650 204)" fill="" />
                                    </g>
                                    </svg>
                                    <a href="javascript:void(0)"
                                      class="text-warning text-underline secondary_verify" data-id="0">Verify</a>
                                  </span>
                                </div>
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Email Id<span class="text-danger">*</span></label>
                                <div class="input-prefix">
                                  <input type="hidden" name="old_email" id="old_email" value="{{$user->email}}">
                                  <input type="text" class="form-control form_inputs"
                                    placeholder="Enter email" name="email" id="email" value="{{$user->email}}">
                                  <span class="verify" id="email_span">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63">
                                    <g transform="translate(-644 -198)">
                                    <rect width="63" height="63" transform="translate(644 198)" fill="rgba(0,0,0,0)" />
                                    <path d="M26.5,53A26.5,26.5,0,1,1,53,26.5,26.53,26.53,0,0,1,26.5,53ZM11.672,23.844A2.641,2.641,0,0,0,9.8,28.356l9.514,9.514a2.636,2.636,0,0,0,1.877.775,2.57,2.57,0,0,0,1.858-.775L43.169,17.754a2.642,2.642,0,1,0-3.737-3.735L21.2,32.25,13.54,24.618A2.624,2.624,0,0,0,11.672,23.844Z"
                                    transform="translate(650 204)" fill="" />
                                    </g>
                                    </svg>
                                    <a href="javascript:void(0)"
                                      class="text-warning text-underline email_verify">Verify</a>
                                  </span>
                                </div>
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Password</label>
                                <input type="text" class="form-control" name="password" id="password" value="******" readonly>
                                <a href="javascript:void(0)"><span class="password_show">show</span></a>
                                <a href="javascript:void(0)"><span class="password_hide" style="display: none;">hide</span></a>
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Emergency Contact Details(Name, Relation, Contact No.)</label>
                                <textarea class="form-group" name="emergency_contact_details" id="emergency_contact_details">{{$user->emergency_contact_details}}</textarea>
                              </div>
                                
                              <div class="form-group col-lg-12">
                                <div class="package-image">
                                  <label for="" class="form-label">Upload Profile Picture</label>
                                  <div class="row">
                                    <div class="col-md-4 col-lg-4">
                                      <div class="form-group">
                                        <label class="img-wrapper profile_picture" for="profile_picture">
                                          @if($user->profile_pic == '')
                                          <img src="{{asset('admin/images/no-picture.png')}}" alt=""/>
                                          @else
                                          <img src="{{asset('storage/employee_file/').'/'.$user->profile_pic}}" alt=""/>
                                          @endif
                                          <input type="file" class="d-none " name="profile_picture" id="profile_picture">
                                        </label>
                                      </div>
                                    </div>

                                    <div class="col-md-8 col-lg-8">
                                      <div class="form-group">
                                        <h6 class="img-title">
                                          Lorem Ipsum is simply dummy text of the
                                          printing and typesetting industry. Lorem
                                          Ipsum has been the industry's standard
                                          dummy
                                        </h6>
                                        <p class="img-size-desc">
                                          Recommended Size: 250px to 250px.
                                        </p>
                                        <p class="img-size-desc">
                                          Supported Formats: JPG, JPEG, PNG.
                                        </p>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>

                              <div class="form-group col-lg-6">
                                <div class="package-image">
                                  <label for="" class="form-label id_type_lbl_file">Aadhar Number<span class="text-danger">*</span></label>
                                  <div class="row">
                                    <div class="col-md-12 col-lg-12">
                                      <div class="form-group">
                                        
                                        <input type="text" class="form-control form_inputs" name="aadhar_id_proofs" id="aadhar_upload" placeholder="XXXX" value="{{$user->aadhar_number}}">
                                        <label for="aadhar_id_file_proofs">
                                        <i class="fa fa-plus-circle"></i>
                                        <input type="file" class="d-none uploads_docs" name="aadhar_id_file_proofs" id="aadhar_id_file_proofs">
                                        </label>
                                        @if(!$userAadhar->isEmpty())
                                        @if($userAadhar[0]->doc_file != '')
                                          <div class="doc_file">
                                            <input type="hidden" name="edit_aadhar" id="edit_aadhar" value="{{$userAadhar[0]->doc_file}}">
                                            <span><a href="{{asset('storage/employee_file/').'/'.$userAadhar[0]->doc_file}}" target="_blank">{{$userAadhar[0]->doc_file}}</a></span>
                                            <!-- <a href="javascript:void()" class="edit_file_del" data-id="{{base64_encode($userAadhar[0]->id)}}"><span><i class="fa fa-trash"></i></span></a> -->
                                            <span><a href="{{url('/storage/employee_file/'.$userAadhar[0]->doc_file)}}" download><i class="fa fa-download"></i></a></span>
                                          </div>
                                        @endif
                                        @else
                                          <div class="doc_file">
                                            <input type="hidden" name="edit_aadhar" id="edit_aadhar" value="">                                
                                          </div>
                                        @endif
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>

                              <div class="form-group col-lg-6">
                                <div class="package-image">
                                  <label for="" class="form-label id_type_lbl_file">Pan Card</label>
                                  <div class="row">
                                    <div class="col-md-12 col-lg-12">
                                      <div class="form-group">
                                        <input type="text" class="form-control " name="pan_id_proofs" id="pan_upload" placeholder="XXXX" value="{{$user->pan_number}}">
                                        <label for="pan_id_file_proofs">
                                        <i class="fa fa-plus-circle"></i>
                                        <input type="file" class="d-none uploads_docs" name="pan_id_file_proofs" id="pan_id_file_proofs">
                                        </label>

                                        @if(!$userPan->isEmpty())
                                        @if($userPan[0]->doc_file != '')
                                          <div class="doc_file">
                                            <input type="hidden" name="edit_pan" id="edit_pan" value="{{$userPan[0]->doc_file}}">
                                            <span><a href="{{asset('storage/employee_file/').'/'.$userPan[0]->doc_file}}" target="_blank">{{$userPan[0]->doc_file}}</a></span>
                                            <!-- <a href="javascript:void()" class="edit_file_del" data-id="{{base64_encode($userPan[0]->id)}}"><span><i class="fa fa-trash"></i></span></a> -->
                                            <span><a href="{{url('/storage/employee_file/'.$userPan[0]->doc_file)}}" download><i class="fa fa-download"></i></a></span>
                                          </div>
                                        @endif
                                        @else
                                          <div class="doc_file">
                                            <input type="hidden" name="edit_pan" id="edit_pan" value="">
                                          </div>
                                        @endif

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

                              <div class="form-group col-lg-6">
                                <div class="package-image">
                                  <label for="" class="form-label id_type_lbl_file">Driving Licence(Optional)</label>
                                  <div class="row">
                                    <div class="col-md-12 col-lg-12">
                                      <div class="form-group">
                                        <input type="text" class="form-control" name="driving_licence_id_proofs" id="driving_licence_upload" placeholder="XXXX" value="{{$user->diving_licence_number}}">
                                        <label for="driving_licence_id_file_proofs">
                                        <i class="fa fa-plus-circle"></i>
                                        <input type="file" class="d-none uploads_docs" name="driving_licence_id_file_proofs" id="driving_licence_id_file_proofs">
                                        </label> 

                                        @if(!$userDriving->isEmpty())
                                        @if($userDriving[0]->doc_file != '')
                                          <div class="doc_file">
                                            <input type="hidden" name="edit_driving" id="edit_driving" value="{{$userDriving[0]->doc_file}}">
                                            <span><a href="{{asset('storage/employee_file/').'/'.$userDriving[0]->doc_file}}" target="_blank">{{$userDriving[0]->doc_file}}</a></span>
                                            <!-- <a href="javascript:void()" class="edit_file_del" data-id="{{base64_encode($userDriving[0]->id)}}"><span><i class="fa fa-trash"></i></span></a> -->
                                            <span><a href="{{url('/storage/employee_file/'.$userDriving[0]->doc_file)}}" download><i class="fa fa-download"></i></a></span>
                                          </div>
                                        @endif
                                        @else
                                          <div class="doc_file">
                                            <input type="hidden" name="edit_driving" id="edit_driving" value="">
                                          </div>
                                        @endif
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>

                              <div class="form-group col-lg-6">
                                <div class="package-image">
                                  <label for="" class="form-label id_type_lbl_file">Passport Details</label>
                                  <div class="row">
                                    <div class="col-md-12 col-lg-12">
                                      <div class="form-group">
                                        <input type="text" class="form-control" name="passport_details_id_proofs" id="passport_details_upload" placeholder="XXXX" value="{{$user->passport_number}}">
                                        <label for="passport_details_id_file_proofs">
                                        <i class="fa fa-plus-circle"></i>
                                        <input type="file" class="d-none uploads_docs" name="passport_details_id_file_proofs" id="passport_details_id_file_proofs">
                                        </label>

                                        @if(!$userPassport->isEmpty())
                                        @if($userPassport[0]->doc_file != '')
                                          <div class="doc_file">
                                            <input type="hidden" name="edit_passport" id="edit_passport" value="{{$userPassport[0]->doc_file}}">
                                            <span><a href="{{asset('storage/employee_file/').'/'.$userPassport[0]->doc_file}}" target="_blank">{{$userPassport[0]->doc_file}}</a></span>
                                            <!-- <a href="javascript:void()" class="edit_file_del" data-id="{{base64_encode($userPassport[0]->id)}}"><span><i class="fa fa-trash"></i></span></a> -->
                                            <span><a href="{{url('/storage/employee_file/'.$userPassport[0]->doc_file)}}" download><i class="fa fa-download"></i></a></span>
                                          </div>
                                        @endif
                                        @else
                                          <div class="doc_file">
                                            <input type="hidden" name="edit_passport" id="edit_passport" value="">
                                          </div>
                                        @endif
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="panel panel-default mb-4">
                        <div class="panel-heading1 ">
                          <h4 class="panel-title1">
                            <a class="accordion-toggle collapsed fs-18" data-toggle="collapse"   data-parent="#accordion2" href="#collapseTwo" aria-expanded="false"
                            id="general_details">Role Allocation
                            </a>
                          </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
                          aria-expanded="false">
                          <div class="panel-body">
                            <div class="form-row">

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Dashboard Type
                                <span class="text-danger">*</span></label>
                                <select class="form-control form_inputs" name="role" id="role">
                                  <option value="">Select</option>
                                  @if(!$userRole->isEmpty())
                                  @foreach($userRole as $val)
                                  <option value="{{$val->id}}" @if($user->role_type == $val->id){{'selected'}}@endif>{{$val->role}}</option>
                                  @endforeach
                                  @endif 
                                </select>
                              </div>

                              <div class="form-group col-lg-6">
                                <label for="" class="form-label">Job Profile<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form_inputs" placeholder="Enter Your Job Profile" name="job_profile" id="job_profile" value="{{$user->job_profile}}">
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                    </div>

                    <div class="test-footer">
                      <button class="btn btn-outline-primary btn-pill btn-streach font-book mt-7 fs-14 employee_list_back">Cancel</button>
                      <button class="btn btn-primary btn-streach font-book mt-7 fs-14  ml-3 employee_edit">Update Account</button>
                    </div>
                  </form>

                </div>
              </div>
            </div>
            <!-- //Table -->
            <!--// MAIN BODY CONTENT -->
		</div>
	</div>

  
@endsection
@section('scripts')
<script type="text/javascript">
  // $("#dob").datepicker({ maxDate: "+0d"});
  $("#dob").datepicker({dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true, yearRange : "-50:+0"}).attr('readonly', true).css('pointer-events','auto');
  var image = "{{$user->profile_pic}}";
  var password = "{{$user->password_digit}}";
  var list = "{{route('admin.employee.management.list')}}";
</script>
<script type="text/javascript" src="{{asset('js/employee_management_edit.js?v='.time())}}"></script>
@endsection