@extends('layouts.main')
@section('title')
  Data Pegawai |
@endsection
@section('css')
  <style>
  .sidebar-menu{
    width:100%;
    padding:0px 5px;
    height: 100%;
  }
  .sidebar-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .sidebar-menu ul li a i{
    color:#676767;
    font-size:20px;
    margin-right:10px;
    font-weight: 400;
    align-items:center
  }
  .sidebar-menu ul li a {
    display: flex;
    color:rgba(27, 46, 75, 0.9);
    padding: 3px 10px 3px 0px;
    text-decoration: none;
    align-items:center;
    font-size:15px;
    line-height: 1rem
  }
  .sidebar-menu ul li a:hover,
  .sidebar-menu ul li a.active{
    color:#47008d
  }
  .sidebar-menu ul li a.active{
    font-weight: 600
  }
  .sidebar-menu ul li:last-child a{
    border-bottom:none;
  }
  .content-box{
    border-left:3px solid #eaedf3;
  }
  .post ol, .post ul{
    padding-left: 20px;
  }
  .form-control:disabled, .form-control[readonly] {
    background-color: #ffffff;
  }

  .list-information{
    padding: 8px 0px;
    border-bottom: 1px solid #eaedf4;
  }
  .list-information label{
    margin-bottom:5px;
    color:#969696;
    font-weight: 400;
  }
  .list-information h6{
    margin-bottom: 0px;
  }
  .label {
    display: inline-block;
    font-weight: 400;
    padding:5px;
    line-height: 1.5384616;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    border-radius: 0px
  }
  .date-text{
    margin-bottom:5px;
    color:#d3552f
  }

  </style>
@endsection
@section('content')
  <div class="mg-b-60">
    <h1 class="df-title mg-b-10">Data Pegawai</h1>
    <ol class="breadcrumb df-breadcrumbs">
      <li class="breadcrumb-item"><a href="{{url('admin')}}">Admin</a></li>
      <li class="breadcrumb-item"><a href="{{url('admin')}}">Data Master</a></li>
      <li class="breadcrumb-item active" aria-current="page">Data Pegawai</li>
    </ol>
  </div>
  <div class="card card-table mg-t-50">
    <div class="card-body">
      <div class="row">
        <div class="col-md-4">
          <div class="pd-t-20 pd-b-20 pd-l-20 pd-r-5">
            <div class="sidebar-menu d-none d-xl-block d-xxl-block">
              <div class="row">
                <div class="col-sm-3 col-md-2 col-lg">
                  <div class="avatar avatar-xxl"><img src="{{(!empty($data['pegawai']->avatar) ? $data['pegawai']->avatar : asset('assets/images/user-avatar-placeholder.png') )}}" class="rounded-circle" alt=""></div>
                </div>
              </div>
              <div class="mg-t-10">
                <h6 class="mg-b-2">{{$data['pegawai']->nama_lengkap}}</h6>
                <p class="tx-color-03 mg-b-25">NIP. {{$data['pegawai']->nip}}</p>
                @if(Session::get('useractive')->fid_hak_akses == 3 )
                <div class="d-flex mg-b-25 pd-r-80">
                  <a href="{{ route('form_pegawai',['nip'=>$data['pegawai']->nip]) }}" class="btn btn-xs btn-primary flex-fill">Edit</a>
                  <button class="btn btn-xs btn-danger flex-fill mg-l-10"  onclick="confirmDelete({{$data['pegawai']->id}})" >Hapus</button>
                  <form action="{{ route('kinerja.proses_pegawai') }}" method="post" id="hapus{{$data['pegawai']->id}}">
                    {{ csrf_field() }}
                    <input type="hidden" name="id" value="{{$data['pegawai']->id}}">
                    <input type="hidden" name="action" value="delete">
                  </form>
                </div>
                @endif
              </div>
              <a href="{{ route('pegawai') }}" class="btn btn-dark">
                <i data-feather="arrow-left"></i>
                Kembali
              </a>
            </div>
          </div>
        </div>
        <div class="col-md-8 content-box" style="padding-left: 0px">
          <div class="card-header">
            <ul class="nav nav-pills">
              <li class="nav-item">
                <a class="nav-link {{($tab=='profil' ? 'active' : '')}}" href="?{{($nip==Session::get('useractive')->nip ? '' : 'nip='.$nip.'&' )}}tab=profil">Profil</a>
              </li>
              <li class="nav-item">
                <a class="nav-link {{($tab=='user_akses' ? 'active' : '')}}" href="?{{($nip==Session::get('useractive')->nip ? '' : 'nip='.$nip.'&' )}}tab=user_akses">User Akses</a>
              </li>
              <li class="nav-item">
                <a class="nav-link {{($tab=='ubah_password' ? 'active' : '')}}" href="?{{($nip==Session::get('useractive')->nip ? '' : 'nip='.$nip.'&' )}}tab=ubah_password">Ubah Password</a>
              </li>
            </ul>
          </div>
          @include('main.master.pegawai.detail.'.$tab)
          {{-- <div class="card-footer ">
            <a href="{{ route('pegawai') }}" class="btn btn-dark pull-right">
              <i data-feather="arrow-left"></i>
              Kembali
            </a>
          </div> --}}
        </div>
      </div>

    </div>
  </div>
@endsection
@section('js')
  <script>

  </script>
@endsection