@extends('layouts.nifty')

@section('content')
<link rel="stylesheet" type="text/css" href="{{ asset('mylib/selectmultiple/choices.min.css') }}">
<script src="{{ asset('mylib/selectmultiple/choices.min.js') }}"></script>

<style>
.footerbutton {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 8%;
   margin-bottom: 6px;
   background-color: #fff;
   color: white;
   text-align: center;
}

.table-responsive,
.dataTables_scrollBody {
    overflow: visible !important;
}
 
.table-responsive-disabled .dataTables_scrollBody {
    overflow: hidden !important;
}



/* Datatables Buttons */

   .btn-sm-menu {
      width: 50px;
      height: 30px;
      /*border: 1px solid #474747;*/
   }
   .btn-sm-menu2 {
      width: 120px;
      height: 30px;
      border-radius: 10px;
      border: .5px solid #474747;
   }  
/* End Datatables Buttons */   
/* modal position */
.modal {
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* end modal position */
.mt-100{margin-top: 100px}body{background: #00B4DB;background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);background: linear-gradient(to right, #0083B0, #00B4DB);color: #514B64;min-height: 100vh}



</style>
		
        <section id="content" class="content">
            <div class="content__header content__boxed rounded-0">
                <div class="content__wrap d-md-flex align-items-start">

                    <figure class="m-0">
                        <div class="d-inline-flex align-items-center position-relative pt-xl-5 mb-3">
                            <div class="flex-shrink-0">
                                <img class="img-xl rounded-circle" src="{{ route('route.uploads', ['userid' => auth()->user()->id, 'foldername' => 'employees', 'filename' => $employees->emp_photo] ) }}" alt="Profile Picture" loading="lazy">
                            </div>
                            <div class="flex-grow-1 ms-4">
                                <a href="#" class="h3 btn-link">{{ $employees->fullname }}</a>
                                <p class="text-muted m-0">{{$employees->empno ?? 'No ID No yet'}} | {{$posidescs->posidesc ?? 'No Position Yet'}}</p>
                                <p class="text-muted m-0">{{$employees->gender ?? 'Unknown Gender'}} | {{$employees->civilstat ?? 'Unknown Civil Status'}} | {{ date('F d, Y', strtotime($employees->birthdate)) }}</p>
                                <p class="text-muted m-0">{{$employees->empstatus ?? 'No Employment Status yet'}} | {{$employees->status ?? 'Inactive'}}</p>
                                <!-- Social network button -->
<!--                                 <div class="mt-3 text-reset">
                                    <a href="#" class="btn btn-icon btn-hover bg-blue-700 text-white">
                                        <i class="demo-psi-facebook fs-4"></i>
                                    </a>
                                    <a href="#" class="btn btn-icon btn-hover bg-blue-400 text-white">
                                        <i class="demo-psi-twitter fs-4"></i>
                                    </a>
                                    <a href="#" class="btn btn-icon btn-hover bg-red text-white">
                                        <i class="demo-psi-google-plus fs-4"></i>
                                    </a>
                                    <a href="#" class="btn btn-icon btn-hover bg-orange text-white">
                                        <i class="demo-psi-instagram fs-4"></i>
                                    </a>
                                </div> -->
                                <!-- END : Social network button -->

                            </div>
                        </div>

                        <blockquote class="blockquote">
                            <p>You define your own life. Don't let other people write your script.</p>
                        </blockquote>
                        <figcaption class="blockquote-footer mb-xl-0">
                            <cite title="Source Title">Oprah Winfrey</cite>
                        </figcaption>
                    </figure>
                    <div class="d-inline-flex justify-content-end pt-xl-5 gap-2 ms-auto">
                        <button class="btn btn-light text-nowrap" onclick="window.location.href='{{ route('auth.change_password') }}'"><i class="fa fa-key"></i> Change Password</button>
                        <button class="btn btn-success text-nowrap" onclick="window.location.href='{{ route('profilechangepic', $employees->s_employid) }}'"> <i class="fa fa-address-card"></i> Change Picture</button>
                    </div>
                </div>

            </div>

            <div class="content__boxed">
                <div class="content__wrap">
                    <div class="d-md-flex gap-4">

                        <!-- Sidebar -->
                        <div class="w-md-200px flex-shrink-0">

                            <h5>About Me</h5>
                            <ul class="list-unstyled mb-3">

                                <!--<li class="mb-2"><i class="demo-psi-internet fs-5 me-3"></i><a href="https://themeon.net/" class="btn-link text-decoration-underline" target="blank">http://themeon.net/</a></li>-->
                                <li class="mb-2"><i class="demo-psi-mail fs-5 me-3"></i>{{ $users->email ?? 'No Account yet' }}</li>
                                <li class="mb-2"><i class="demo-psi-old-telephone fs-5 me-3"></i>{{ $employees->mobileno }}</li>
                            </ul>
                            <hr>
                            <ul class="list-unstyled mb-3">
                                <li class="mb-2"><i class="demo-psi-office fs-5 me-3"></i> {{ $deptdescs->department ?? 'No Department yet' }}</li>
                                <!--<li class="mb-2"><i class="demo-psi-internet fs-5 me-3"></i><a href="https://themeon.net/" class="btn-link text-decoration-underline" target="blank">http://themeon.net/</a></li>-->
                                <li class="mb-2"><i class="demo-psi-building fs-5 me-3"></i>{{ $branchnames->branch ?? 'No Branch yet' }}</li>
                                <hr>
                                <h5>Current Address</h5>
                                <li class="mb-2"><i class="demo-psi-map-marker-2 fs-5 me-3"></i> {{ $employees->peraddress }} {{ $employees->perbrgy }} {{ $employees->percity }}, {{ $employees->perprovince }}</li>
                                                                <button type="button" id="{{ $destination }}" class="btn btn-xs btn-primary" data-target="#map" onclick="initMap2(this);"><i class="fas fa-map"></i> View Location</button>
                                <hr>
                                <h5>Present Address</h5>
                                <li class="mb-2"><i class="demo-psi-map-marker-2 fs-5 me-3"></i> {{ $employees->peraddress }} {{ $employees->perbrgy }} {{ $employees->percity }}, {{ $employees->perprovince }}</li>
                                                                
                                <button type="button" id="{{ $destination2 }}" class="btn btn-xs btn-primary" data-target="#map" onclick="initMap2(this);"><i class="fas fa-map"></i> View Location</button>

                            </ul>
                            @if(! empty($employees->emp_resume))
                            <strong><i class="fa fa-address-book mr-1"></i> Resume</strong>

                              <p class="text-muted">