@extends('pegawai.pegawai-template')

@section('css')
    
@endsection
@section('content')
    
<div class="az-content az-content-profile" style="min-height: 500px">
  <div class="container mn-ht-100p">
    <div class="az-content-left az-content-left-profile">

      <div class="az-profile-overview">
        <div class="az-img-user">
          <img src="{{asset('vendor/azia/img/lamongan.png')}}" alt="">
        </div><!-- az-img-user -->
        <div class="d-flex justify-content-between mg-b-20">
          <div>
            <h5 class="az-profile-name">{{Auth::user()->nama_lengkap}}</h5>
            <p class="az-profile-name-text">{{Auth::user()->nip}}</p>
          </div>
        </div>

        <div class="az-profile-bio">
          {{Auth::user()->jenis_kelamin}} 
          - {{Auth::user()->nomor_ktp}} 
          - {{Auth::user()->tempat_lahir}},{{Auth::user()->tgl_lahir}}
          - {{Auth::user()->no_telepon}} 
          - {{Auth::user()->alamat_kantor}}  ({{Auth::user()->kode_pos_kantor}})
          - {{Auth::user()->alamat_rumah}}  ({{Auth::user()->kode_pos_rumah}})
          
        </div><!-- az-profile-bio -->
        <div class="row d-print-none mt-2">
          <div class="col-12 text-left"><a class="btn btn-primary" href="{{route('print')}}" ><i class="fa fa-print"></i> Print</a></div>
        </div>
      </div><!-- az-profile-overview -->

    </div><!-- az-content-left -->
    <div class="az-content-body az-content-body-profile">
      <nav class="nav az-nav-line">
        <a href="#pribadi" class="nav-link {{Session::get('menuActive')=='data-pribadi'? ' active' : '' }}" data-toggle="tab">Data Pribadi</a>
        <a href="#keluarga" class="nav-link {{Session::get('menuActive')=='data-keluarga'? ' active' : '' }}" data-toggle="tab">Data Keluarga</a>
        <a href="#kekayaan" class="nav-link {{Session::get('menuActive')=='data-kekayaan'? ' active' : '' }}" data-toggle="tab">Harta Kekayaan</a>
        <a href="#penghasilan" class="nav-link {{Session::get('menuActive')=='data-penghasilan'? ' active' : '' }}" data-toggle="tab">Penghasilan</a>
        <a href="#pengeluaran" class="nav-link {{Session::get('menuActive')=='data-pengeluaran'? ' active' : '' }}" data-toggle="tab">Pengeluaran</a>
        <a href="#selesai" class="nav-link {{Session::get('menuActive')=='data-selesai'? ' active' : '' }}" data-toggle="tab">Selesai</a>
      </nav>

      <div class="az-profile-body">

      <div class="tab-content">
        <div id="pribadi" class="tab-pane {{empty(Session::get('menuActive'))? 'active show' : ''}} {{Session::get('menuActive')=='data-pribadi'? ' active show' : '' }}">
          @include('pegawai.print_data_pribadi')
        </div>
       </div>

      </div><!-- az-profile-body -->
    </div><!-- az-content-body -->
  </div><!-- container -->
</div><!-- az-content -->

@endsection

@section('script')
<script src="{{asset('js/hapus.js')}}"></script>
<script>

function updatePekerjaan(value) {
  if(value == 1 ){
    $('.pekerjaan_desTitle').html("NIP")
    $('.pekerjaan_des').attr('placeholder','NIP')
    $('.pekerjaan_des').attr('readonly', false)
  }else if(value == 2){
    $('.pekerjaan_desTitle').html("Pekerjaan")
    $('.pekerjaan_des').attr('placeholder','Pekerjaan')
    $('.pekerjaan_des').attr('readonly', false)
  }else{
    $('.pekerjaan_desTitle').html("Pekerjaan")
    $('.pekerjaan_des').attr('placeholder','Tidak Bekerja')
    $('.pekerjaan_des').attr('readonly', true)
  }
}
</script>
@endsection