@extends('admin.admin-template')

@section('css')
    
@endsection
@section('content')
<br><br>
<div class="container">
  <div class="az-content-body">
    <div class="az-dashboard-one-title">
      <div>
        <h2 class="az-dashboard-title">Hi, Selamat Datang {{Auth::user()->username}} !</h2>
      </div>
      <div class="az-content-header-right">
        
      </div>
    </div><!-- az-dashboard-one-title -->

    <div class="az-dashboard-nav">
      @include('admin.nav')
    </div>

    <div class="row row-sm mg-b-20 mg-lg-b-0">
      <div class="col-lg-3 col-sm-12">
        <div class="row row-sm">
          <div class="card card-dashboard-five">
            <div class="card-header">
              <h6 class="card-title">Info Profil Kepala Desa</h6>
              <span class="card-text"> Berikut Info Pelaporan Harta & Penghasilan Kepala Desa </span>
            </div><!-- card-header -->
            <div class="card-body row row-sm">
              <div class="col-sm-12">
                <table class="table table-hover mg-b-0">
                    <tr>
                        <td>Nomor Laporan</td>
                        <td>{{$laporan->nomor_laporan}}</td>
                    </tr>
                    <tr>
                        <td>Nama Pelapor</td>
                        <td><a href="{{route('admin.pegawai.show',['id'=>$laporan->pegawai->id])}}">{{$laporan->pegawai->nama_lengkap}}</a></td>
                    </tr>
                    <tr>
                        <td>Unit Kerja</td>
                        <td>{{$laporan->pegawai->kecamatan->name}} - {{$laporan->pegawai->desa->name}}</td>
                    </tr>
                    <tr> 
                        <td>Status Laporan</td>
                        <td>{{$laporan->status}}</td>
                    </tr>
                    <tr>
                        <td>Terakhir Diupdate</td>
                        <td>{{hari_tanggal_waktu($laporan->updated_at,false)}}</td>
                    </tr>
                    @if (!empty($laporan->keterangan))
                    <tr> 
                        <td colspan="2">Keterangan Laporan
                          <br>{{$laporan->keterangan}}</td>
                    </tr>
                    @endif
                </table>

                @if($laporan->status == 'Dikirim')
                      <button onClick="hapuspindah('{{route('admin.laporan.konfirmasi', ['id'=> $laporan->id])}}', 'Laporan akan dikonfirmasi')" class="btn btn-warning btn-sm">Konfirmasi</button>
                      <button onClick="kembalikan('{{route('admin.laporan.kembalikan', ['id'=> $laporan->id])}}','Laporan Mau Dikembalikan')" class="btn btn-danger btn-sm">Kembalikan</button>
                @endif

              </div>
            </div><!-- card-body -->
          </div><!-- card-dashboard-five -->

        </div><!-- row -->
        <br>
        <div class="row row-sm">
          <div class="card card-dashboard-five">
            <div class="card-header">
              <h6 class="card-title">Laporan Perlu Dikonfirmasi</h6>
              <span class="card-text"> Berikut laporan dari pegawai yang perlu dikonfirmasi</span>
            </div><!-- card-header -->
            <div class="card-body row row-sm">
              <div class="col-sm-12">
                <div class="list-group">
                  @foreach ($laporans as $laporan)
                  <a href="{{route('admin.laporan.show',['id'=>$laporan->id])}}" class="list-group-item list-group-item-action">
                    <b>{{$laporan->nomor_laporan}}</b> <br>
                    {{tanggal_waktu($laporan->updated_at)}}
                  </a>
                  @endforeach
                </div>
              </div>
            </div><!-- card-body -->
          </div><!-- card-dashboard-five -->

        </div><!-- row -->
      </div><!-- col-lg-3 -->
      <div class="col-lg-9 col-sm-12 mg-t-20 mg-lg-t-0">
        <div class="card card-table-one">
          <h6 class="card-title">Laporan Kepala Desa</h6>
          <p class="az-content-text mg-b-20">Berikut aktifitas pelaporan harta kekayaan kepala desa</p>
          
          <table class="table">
            <tr><th>Total Harta Kekayaan</th><td>:</td><th id="totalKekayaan"></th></tr>
            <tr><th>Total Penghasilan</th><td>:</td><th id="totalPenghasilan"></th></tr>
            <tr><th>Total Pengeluaran</th><td>:</td><th id="totalPengeluran"></th></tr>
            <tr><th>Total Penghasilan Bersih</th><td>:</td><th id="totalPenghasilanBersih"></th></tr>
          </table>
        </div>
        <br>
        
        <div class="card card-table-one">
          <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">Keterangan</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('admin.data-pribadi')
              </div>
              <div id="keluarga" class="tab-pane {{Session::get('menuActive')=='data-keluarga'? ' active show' : '' }}">
                @include('admin.data-keluarga')
              </div>
              <div id="kekayaan" class="tab-pane {{Session::get('menuActive')=='data-kekayaan'? ' active show' : '' }}">
                @include('admin.data-kekayaan')
              </div>
              <div id="penghasilan" class="tab-pane {{Session::get('menuActive')=='data-penghasilan'? ' active show' : '' }}">
                @include('admin.data-penghasilan')
              </div>
              <div id="pengeluaran" class="tab-pane {{Session::get('menuActive')=='data-pengeluaran'? ' active show' : '' }}">
                @include('admin.data-pengeluaran')
              </div>
              <div id="selesai" class="tab-pane {{Session::get('menuActive')=='data-selesai'? ' active show' : '' }}">
                <p>Keterangan Pelaporan</p>
                <b>
                  {{$keteranganPelaporan['keterangan_pelaporan']}}
                </b>
      
              </div>
            </div>

            <br><br>

            </div><!-- az-profile-body -->
          </div><!-- az-content-body -->
    
          
        </div><!-- card -->
      </div><!-- col-lg -->

    </div><!-- row -->
  </div>
</div>
@endsection

@section('script')
<script src="//cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.28.2/sweetalert2.all.js"></script>
 
<script>

function kembalikan(action, pesan = 'Item akan dihapus') {
    console.log('Kembalikan');
    swal({
  title: 'Beritakan Keterangan',
  input: 'textarea'
  }).then(function(result) {
    if (result.value) {
      $.ajaxSetup({
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
      });
      $.ajax({
          url: action,
          type: 'PUT',
          dataType: "JSON",
          data: {'keterangan': result.value},
          success: function (response) {
              if (response.kode = '00') {
                  var myVar = setInterval(myTimer, 2800);
                  swal({
                      title: "Berhasil",
                      text: response.text,
                      icon: "success",
                      buttons: false
                  });

                  function myTimer() {
                    window.location.replace(response.redirect);
                  }
              } else {
                  swal("Kesalahan Jaringan, Coba beberapa saat lagi", {
                      icon: "error",
                  });
                  console.log(response.message);
              }
          },
          error: function (xhr) {
              console.log(xhr.responseText);
          }
      });
    }
  })
}

function formatRupiah(angka, prefix){
	var number_string = angka.replace(/[^,\d]/g, '').toString(),
	split   		= number_string.split(','),
	sisa     		= split[0].length % 3,
	rupiah     		= split[0].substr(0, sisa),
	ribuan     		= split[0].substr(sisa).match(/\d{3}/gi);
 
	// tambahkan titik jika yang di input sudah menjadi angka ribuan
	if(ribuan){
		separator = sisa ? '.' : '';
		rupiah += separator + ribuan.join('.');
	}
 
	rupiah = split[1] != undefined ? rupiah + ',' + split[1] : rupiah;
	return prefix == undefined ? rupiah : (rupiah ? 'Rp. ' + rupiah : '');
}

function formatNumber(num) {
  return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.')
}
var tkekayaan =  Number($('#tKekayaan').val());
var tPenghasilan = Number($('#tPenghasilan').val());
var tPengeluran = Number($('#tPengeluaran').val());

console.log(tkekayaan+tPenghasilan)
// var totalKekayaan = formatRupiah(tkekayaan, 'Rp. ');
$('#totalKekayaan').html('Rp. ' + formatNumber(tkekayaan))
$('#totalPenghasilan').html('Rp. ' + formatNumber(tPenghasilan))
$('#totalPengeluran').html('Rp. ' + formatNumber(tPengeluran))
$('#totalPenghasilanBersih').html('Rp. ' + formatNumber(tPenghasilan-tPengeluran))


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