@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">Employee Details</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">
                  <div class="d-flex justify-content-between">
                    <h2>Employee Details</h2>
                    <p>Status : 
                      @if($user->status == 0)
                        <span style="color: #ff9a31;">Suspend</span>
                      @elseif($user->status == 1)
                        <span style="color: green;">Active</span>
                      @else
                        <span style="color: #ff5e6c;">Resigned</span>
                      @endif
                    </p>
                  </div>
                  
                  
                  

                  <!-- 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 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 show" role="tabpanel"
                          aria-expanded="false">
                          <div class="panel-body no-border">            
                            <div class="details-box p-0 rounded8">
                              <ul class="b-list tab-list">
                                <li>
                                  <span class="b-list-label">Employee Name</span>
                                  <div class="b-list-data">
                                    {{$user->username}}
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Date Of Birth</span>
                                  <div class="b-list-data">
                                    {{date('d/m/Y', strtotime($user->dob))}}
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Gender</span>
                                  <div class="b-list-data">
                                    @if($user->gender == 1)
                                      Male
                                    @elseif($user->gender == 2)
                                      Female
                                    @else
                                      Prefer not to say
                                    @endif
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Blood Group</span>
                                  <div class="b-list-data">
                                    @if($user->blood_group == 1)
                                      A+
                                    @elseif($user->blood_group == 2)
                                      A-
                                    @elseif($user->blood_group == 3)
                                      B+
                                    @elseif($user->blood_group == 4)
                                      B-
                                    @elseif($user->blood_group == 5)
                                      AB+
                                    @elseif($user->blood_group == 6)
                                      AB-
                                    @elseif($user->blood_group == 7)
                                      O+
                                    @else
                                      O-
                                    @endif
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Marital Status</span>
                                  <div class="b-list-data">
                                    @if($user->marital_status == 1)
                                      Unmarried
                                    @elseif($user->marital_status == 2)
                                      Married
                                    @else
                                      Separated
                                    @endif
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Mobile Number</span>
                                  <div class="b-list-data">
                                    +91 | {{$user->primary_no}}
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Alternative Number</span>
                                  <div class="b-list-data">
                                    +91 | {{$user->secondary_no}}
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Email Id</span>
                                  <div class="b-list-data">
                                    {{$user->email}}
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Emergency Contact Details(Name, Relation, Contact No.)</span>
                                  <div class="b-list-data">
                                    {{$user->emergency_contact_details}}
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Upload Profile Picture</span>
                                  <div class="b-list-data d-flex align-items-center employee_profile_pic_div">
                                    <span class="avatar cover-image avatar-xl" data-image-src="{{asset('storage/employee_file/'.$user->profile_pic)}}" style="background: url('{{asset('storage/employee_file/'.$user->profile_pic)}}) center center;"></span> 
                                    <span class="employee_profile_pic">
                                      {{$user->profile_pic}}
                                      <span>
                                        <a href="{{url('/storage/employee_file/'.$user->profile_pic)}}" target="_blank">View</i></a>
                                        <a href="{{url('/storage/employee_file/'.$user->profile_pic)}}" class="ml-2" download><i class="fa fa-download"></i></a></span>
                                    </span>
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Aadhar Number</span>
                                  <div class="b-list-data d-flex align-items-center aadhar_doc_file_div">
                                    @if($user->aadhar_number != '')
                                    <span id="aadhar"></span>
                                    @else
                                      N/A
                                    @endif
                                    @if(!$userAadhar->isEmpty())
                                    <div class="d-flex flex-wrap avatar_employee">
                                    @foreach($userAadhar as $val)
                                    @if($val->doc_file != '')

                                    
                                    <span class="d-flex align-items-center mb-2">
                                    @if($file_ext[1] == 'pdf')
                                    
                                    <img src="{{asset('admin/images/pdf.png')}}" height="40" width="40">
                                    
                                    @else
                                      <span class="avatar cover-image avatar-xl" data-image-src="{{asset('storage/employee_file/'.$val->doc_file)}}" style="background: url('{{asset('storage/employee_file/'.$val->doc_file)}}') center center;">
                                      </span>
                                    @endif
                                    <span class="aadhar_doc_file">
                                      {{$val->doc_file}}
                                      <span>
                                        <a href="{{url('/storage/employee_file/'.$val->doc_file)}}" target="_blank">View</i></a>
                                        <a href="{{url('/storage/employee_file/'.$val->doc_file)}}" class="ml-2" download><i class="fa fa-download"></i></a>
                                      </span>
                                    </span> 
                                    </span>
                                    @endif
                                    @endforeach
                                    </div>
                                    @endif
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Pan Number</span>
                                  <div class="b-list-data d-flex align-items-center pan_doc_file_div">
                                    @if($user->pan_number != '')
                                    <span id="pan"></span>
                                    @else
                                      N/A
                                    @endif
                                    @if(!$userPan->isEmpty())                    
                                    <div class="d-flex flex-wrap avatar_employee">               
                                    @foreach($userPan as $val)
                                    @if($val->doc_file != '')
                                                                        <span class="d-flex align-items-center mb-2">
                                    @if($file_ext[1] == 'pdf')
                                    
                                    <img src="{{asset('admin/images/pdf.png')}}" height="40" width="40">
                                    
                                    @else
                                      <span class="avatar cover-image avatar-xl" data-image-src="{{asset('storage/employee_file/'.$val->doc_file)}}" style="background: url('{{asset('storage/employee_file/'.$val->doc_file)}}') center center;">
                                      </span>
                                    @endif 
                                    <span class="pan_doc_file">
                                      {{$val->doc_file}}
                                      <span>
                                        <a href="{{url('/storage/employee_file/'.$val->doc_file)}}" target="_blank">View</i></a>
                                        <a href="{{url('/storage/employee_file/'.$val->doc_file)}}" class="ml-2" download><i class="fa fa-download"></i></a>
                                      </span>
                                    </span>
                                    
                                    </span>
                                    @endif
                                    @endforeach
                                    </div>
                                    @endif
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Driving Licence Number</span>
                                  <div class="b-list-data d-flex align-items-center driving_doc_file_div">
                                    @if($user->diving_licence_number != '')
                                    <span id="driving"></span>
                                    @else
                                      N/A
                                    @endif
                                    @if(!$userDriving->isEmpty())
                                    <div class="d-flex flex-wrap avatar_employee">
                                    @foreach($userDriving as $val)
                                    @if($val->doc_file != '')
                                                                        <span class="d-flex align-items-center mb-2">
                                    @if($file_ext[1] == 'pdf')
                                    
                                    <img src="{{asset('admin/images/pdf.png')}}" height="40" width="40">
                                    
                                    @else
                                      <span class="avatar cover-image avatar-xl" data-image-src="{{asset('storage/employee_file/'.$val->doc_file)}}" style="background: url('{{asset('storage/employee_file/'.$val->doc_file)}}') center center;">
                                      </span>
                                    @endif 
                                    <span class="driving_doc_file">
                                      {{$val->doc_file}}
                                      <span>
                                        <a href="{{url('/storage/employee_file/'.$val->doc_file)}}" target="_blank">View</i></a>
                                        <a href="{{url('/storage/employee_file/'.$val->doc_file)}}" class="ml-2" download><i class="fa fa-download"></i></a>
                                      </span>
                                    </span>
                                    
                                    </span>
                                    @endif
                                    @endforeach
                                    </div>
                                    @endif
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Passport Number</span>
                                  <div class="b-list-data d-flex align-items-center passport_doc_file_div">
                                    @if($user->passport_number != '')
                                    <span id="passport"></span>
                                    @else
                                      N/A
                                    @endif
                                    @if(!$userPassport->isEmpty())
                                    <div class="d-flex flex-wrap avatar_employee">
                                    @foreach($userPassport as $val)
                                    @if($val->doc_file != '')
                                                                        <span class="d-flex align-items-center mb-2">
                                    @if($file_ext[1] == 'pdf')
                                    
                                    <img src="{{asset('admin/images/pdf.png')}}" height="40" width="40">
                                    
                                    @else
                                      <span class="avatar cover-image avatar-xl" data-image-src="{{asset('storage/employee_file/'.$val->doc_file)}}" style="background: url('{{asset('storage/employee_file/'.$val->doc_file)}}') center center;">
                                      </span>
                                    @endif 
                                    <span class="passport_doc_file">
                                      {{$val->doc_file}}
                                      <span>
                                        <a href="{{url('/storage/employee_file/'.$val->doc_file)}}" target="_blank">View</i></a>
                                        <a href="{{url('/storage/employee_file/'.$val->doc_file)}}" class="ml-2" download><i class="fa fa-download"></i></a>
                                      </span>
                                    </span>
                                    
                                    </span>
                                    @endif
                                    @endforeach
                                    </div>
                                    @endif
                                  </div>
                                </li>
                              </ul>
                            </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" style="border: 1px solid #dbdbdb">
                            <ul class="b-list tab-list">
                                <li>
                                  <span class="b-list-label">Employee Id</span>
                                  <div class="b-list-data">
                                    {{$user->employement_id}}
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Manager Name</span>
                                  <div class="b-list-data">
                                    {{$user->manager_name}}
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Dashboard Type</span>
                                  <div class="b-list-data">
                                    {{$role->role}}
                                  </div>
                                </li>
                                <li>
                                  <span class="b-list-label">Job Profile</span>
                                  <div class="b-list-data">
                                    {{$user->job_profile}}
                                  </div>
                                </li>
                              </ul>
                          </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">Close</button>
                    </div>
                </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')}}";
  var aadhar = "{{$user->aadhar_number}}";
  var pan = "{{$user->pan_number}}";
  var driving = "{{$user->diving_licence_number}}";
  var passport = "{{$user->passport_number}}";
</script>
<script type="text/javascript" src="{{asset('js/employee_management_edit.js?v='.time())}}"></script>
@endsection