@extends('layouts.app')
@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="float-left">Pegawai</h1>
                <div class="d-flex justify-content-end">
                    <div class="dropdown">
                        <button class="btn btn-secondary dropdown-toggle mr-3" type="button" id="dropdownMenuKeAppLain"
                            data-toggle="dropdown" aria-expanded="false">
                            Syn Data ke :
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuKeAppLain">

                            <a href="#" class="dropdown-item" onclick="event.preventDefault();
                            document.getElementById('synctoappcuti-form').submit();">Aplikasi Cuti</a>
                            <form id="synctoappcuti-form" action="{{ route('synctoappcuti') }}" method="POST" style="display: none;">
                                @csrf
                            </form>

                            {{-- <a class="dropdown-item" href="#">Aplikasi Cuti</a> --}}
                            <a class="dropdown-item" href="#">-----</a>
                            <a class="dropdown-item" href="#">------</a>
                        </div>
                    </div>
                    <a href="{{url('pegawai/sync')}}" class="btn btn-warning float-right mr-3">Sync Data</a>
                    <a href="{{url('format-surat-menimbang/create')}}" class="btn btn-primary float-right">Pegawai
                        Baru</a>
                </div>
            </div>
            <div class="col-sm-12 mt-4">
                @include('layouts.success_error')
            </div>
        </div>
    </div>
</section>

<section class="content">

    <!-- Default box -->
    <div class="card">
        <div class="card-body">
            <table class="table table-striped table-bordered 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>
        <!-- /.card-body -->
    </div>
    <!-- /.card -->

</section>
@endsection

@section('js')
<script>
    var t = $('#datatable').DataTable({
        "pageLength": 50,
        responsive: true
    });
  
</script>
@endsection