@extends('layouts.app')
@section('content')
<!--begin::Content-->
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Post-->
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">
            <!--begin::Row-->
            <div class="row g-5 g-xl-8">
                <div class="col-xl-12">
                    <!--begin::List Widget 3-->
                    <div class="card card-xl-stretch mb-xl-8">
                        <!--begin::Header-->
                        {{-- <div class="card-header border-0">
                            <h3 class="card-title fw-bolder text-dark">Pegawai</h3>
                        </div> --}}

                        <div class="card-header py-5">
                            <h3 class="card-title align-items-start flex-column">
                                <span class="card-label fw-bolder fs-3 mb-1">Pegawai</span>
                                <span class="text-muted mt-1 fw-bold fs-7">Sync Pegawai Dari Server Api</span>
                            </h3>
                            <div class="card-toolbar">
                                <ul class="nav">
                                    <li class="nav-item">
                                        <a class="nav-link btn btn-sm btn-primary fw-bolder px-4" href="{{url('pegawai/sync')}}">Sync Data</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <!--end::Header-->
                        <!--begin::Body-->
                        <div class="card-body pt-2">
                            <table class="table table-striped table-row-bordered gy-5 gs-7 dt-responsive nowrap" id="datatable" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Satker</th>
                                        <th>Nip</th>
                                        <th>Nama Lengkap</th>
                                        <th>Golongan</th>
                                        <th>Jabatan Satker</th>
                                        <th>id_sikep</th>
                                        <th>username</th>
                                        <th>nip</th>
                                        <th>nip_lama</th>
                                        <th>gelar_depan</th>
                                        <th>gelar_belakang</th>
                                        <th>nama_lengkap</th>
                                        <th>usia</th>
                                        <th>jenis_kelamin</th>
                                        <th>jenis_pegawai</th>
                                        <th>tempat_lahir</th>
                                        <th>tanggal_lahir</th>
                                        <th>nik</th>
                                        <th>ktp</th>
                                        <th>karpeg</th>
                                        <th>agama</th>
                                        <th>nomor_handphone</th>
                                        <th>email</th>
                                        <th>email_pribadi</th>
                                        <th>tmt_pns</th>
                                        <th>status_pegawai</th>
                                        <th>tanggal_pensiun</th>
                                        <th>pangkat</th>
                                        <th>golongan</th>
                                        <th>is_hakim</th>
                                        <th>is_struktural</th>
                                        <th>id_posisi_jabatan</th>
                                        <th>posisi_jabatan</th>
                                        <th>id_kelompok_jabatan</th>
                                        <th>kelompok_jabatan</th>
                                        <th>jabatan</th>
                                        <th>unit_kerja</th>
                                        <th>id_struktur</th>
                                        <th>id_satker</th>
                                        <th>satker</th>
                                        <th>jabatan_unit_kerja</th>
                                        <th>jabatan_satker</th>
                                        <th>kode_satker</th>
                                        <th>kelas_pengadilan</th>
                                        <th>lingkungan_peradilan</th>
                                        <th>alamat_satker</th>
                                        <th>alamat_rumah</th>
                                        <th>telp_rumah</th>
                                        <th>pendidikan</th>
                                        <th>foto_pegawai</th>
                                        <th>foto_korpri</th>
                                        <th>foto_formal</th>
                                        <th>akta_lahir</th>
                                        <th>links</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($pegawai as $p)
                                    <tr>
                                        <td>{{$p->satker}}</td>
                                        <td>{{$p->nip}}</td>
                                        <td>{{trim($p->gelar_depan.' '.$p->nama_lengkap.' '.$p->gelar_belakang);}}</td>
                                        <td>{{$p->pangkat.' ('.$p->golongan.')'}}</td>
                                        <td>{{$p->jabatan_satker}}</td>
                                        <td>{{$p->id_sikep}}</td>
                                        <td>{{$p->username}}</td>
                                        <td>{{$p->nip}}</td>
                                        <td>{{$p->nip_lama}}</td>
                                        <td>{{$p->gelar_depan}}</td>
                                        <td>{{$p->gelar_belakang}}</td>
                                        <td>{{$p->nama_lengkap}}</td>
                                        <td>{{$p->usia}}</td>
                                        <td>{{$p->jenis_kelamin}}</td>
                                        <td>{{$p->jenis_pegawai}}</td>
                                        <td>{{$p->tempat_lahir}}</td>
                                        <td>{{$p->tanggal_lahir}}</td>
                                        <td>{{$p->nik}}</td>
                                        <td>{{$p->ktp}}</td>
                                        <td>{{$p->karpeg}}</td>
                                        <td>{{$p->agama}}</td>
                                        <td>{{$p->nomor_handphone}}</td>
                                        <td>{{$p->email}}</td>
                                        <td>{{$p->email_pribadi}}</td>
                                        <td>{{$p->tmt_pns}}</td>
                                        <td>{{$p->status_pegawai}}</td>
                                        <td>{{$p->tanggal_pensiun}}</td>
                                        <td>{{$p->pangkat}}</td>
                                        <td>{{$p->golongan}}</td>
                                        <td>{{$p->is_hakim}}</td>
                                        <td>{{$p->is_struktural}}</td>
                                        <td>{{$p->id_posisi_jabatan}}</td>
                                        <td>{{$p->posisi_jabatan}}</td>
                                        <td>{{$p->id_kelompok_jabatan}}</td>
                                        <td>{{$p->kelompok_jabatan}}</td>
                                        <td>{{$p->jabatan}}</td>
                                        <td>{{$p->unit_kerja}}</td>
                                        <td>{{$p->id_struktur}}</td>
                                        <td>{{$p->id_satker}}</td>
                                        <td>{{$p->satker}}</td>
                                        <td>{{$p->jabatan_unit_kerja}}</td>
                                        <td>{{$p->jabatan_satker}}</td>
                                        <td>{{$p->kode_satker}}</td>
                                        <td>{{$p->kelas_pengadilan}}</td>
                                        <td>{{$p->lingkungan_peradilan}}</td>
                                        <td>{{$p->alamat_satker}}</td>
                                        <td>{{$p->alamat_rumah}}</td>
                                        <td>{{$p->telp_rumah}}</td>
                                        <td>{{$p->pendidikan}}</td>
                                        <td>{{$p->foto_pegawai}}</td>
                                        <td>{{$p->foto_korpri}}</td>
                                        <td>{{$p->foto_formal}}</td>
                                        <td>{{$p->akta_lahir}}</td>
                                        <td>{{$p->links}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!--end::Body-->
                    </div>
                    <!--end:List Widget 3-->
                </div>
            </div>
            <!--end::Row-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Post-->
</div>
<!--end::Content-->
@endsection

@section('css-plugin')
<link href="{{asset('assets/plugins/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css"/>
@endsection

@section('js-plugin')
<script src="{{asset('assets/plugins/custom/datatables/datatables.bundle.js')}}"></script>
@endsection

@section('js')
<script>
    var t = $('#datatable').DataTable({
        "pageLength": 50,
        responsive: true,
        "dom":
		"<'row'" +
		"<'col-sm-6 d-flex align-items-center justify-content-start'l>" +
		"<'col-sm-6 d-flex align-items-center justify-content-end'f>" +
		">" +

		"<'table-responsive'tr>" +

		"<'row'" +
		"<'col-sm-12 col-md-5 d-flex align-items-center justify-content-center justify-content-md-start'i>" +
		"<'col-sm-12 col-md-7 d-flex align-items-center justify-content-center justify-content-md-end'p>" +
		">"
    });

  
</script>
@endsection