@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">
        @include('pegawai.pegawai-nav-profil')
      </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.data-pribadi')
        </div>
        <div id="keluarga" class="tab-pane {{Session::get('menuActive')=='data-keluarga'? ' active show' : '' }}">
          @include('pegawai.data-keluarga')
        </div>
        <div id="kekayaan" class="tab-pane {{Session::get('menuActive')=='data-kekayaan'? ' active show' : '' }}">
          @include('pegawai.data-kekayaan')
        </div>
        <div id="penghasilan" class="tab-pane {{Session::get('menuActive')=='data-penghasilan'? ' active show' : '' }}">
          @include('pegawai.data-penghasilan')
        </div>
        <div id="pengeluaran" class="tab-pane {{Session::get('menuActive')=='data-pengeluaran'? ' active show' : '' }}">
          @include('pegawai.data-pengeluaran')
        </div>
        <div id="selesai" class="tab-pane {{Session::get('menuActive')=='data-selesai'? ' active show' : '' }}">
            @if (empty($laporan->waktu_kirim))
          <p style="font-weight: 900">Keterangan Pelaporan ?</p>
          <form action="{{route('pegawai.keteranganLain.store')}}" method="post">
            @csrf <input type="hidden" name="laporan_id" value="{{$laporan_id}}">
            <input type="hidden" name="redirect" value="{{route('pegawai.home')}}">
            
              <textarea name="keterangan_pelaporan" class="form-control" cols="20" rows="10" data-parsley-class-handler="#slWrapper" data-parsley-errors-container="#slErrorContainer">{{$keteranganPelaporan['keterangan_pelaporan'] ?? ''}}</textarea>
            
            Isi keterangan pelaporan dengan maksud atau tujuan pelaporan, contoh : <br>
            <ul>
              <li>Pelaporan pertama,</li>
              <li>Pelaporan untuk naik jabatan.</li>
              <li>Dll...</li>
            </ul>
            <div class="col-12 text-left">
              <button class="btn btn-primary" type="submit"> Selesai </button>
            </div>
          </form>
          @else
          <p>Keterangan Pelaporan</p>
          <b>
            {{$keteranganPelaporan['keterangan_pelaporan']}}
          </b>
          @endif

        </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)
  }
}

$("#luasTanah").hide();
$("#luasBangunan").hide();

function typeHarta(value) {
  if(value == 1 ){
    $("#luasTanah").show();
    $("#luasBangunan").hide();
  }else if(value == 2){
    $("#luasTanah").hide();
    $("#luasBangunan").show();
  }
  else{
    $("#luasTanah").show();
    $("#luasBangunan").show();
  }
}
</script>
@endsection