<style type="text/css">
    .table-responsive {
        min-height: 350px;
    }

    td.nowrap {
        white-space: nowrap;
    }
</style>
<div class="box box-info">
    <div class="box-header with-border">
        <?php if (can('u')): ?>
            <a href="<?= site_url('pengurus/form')?>" class="btn btn-social btn-flat btn-success btn-sm btn-sm visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block" title="Tambah">
                <i class="fa fa-plus"></i>Tambah
            </a>
            <div class="btn-group btn-group-vertical">
                <a class="btn btn-social btn-flat btn-info btn-sm" data-toggle="dropdown"><i class='fa fa-arrow-circle-down'></i> Aksi Data Terpilih</a>
                <ul class="dropdown-menu" role="menu">
                    <li>
                        <a href="<?= site_url('pengurus/atur_bagan')?>" title="Ubah Data" data-remote="false" data-toggle="modal" data-target="#modalBox" data-title="Atur Struktur Bagan" class="btn btn-social btn-flat btn-block btn-sm aksi-terpilih" ><i class="fa fa-sitemap"></i> Atur Struktur Bagan</a>
                    </li>
                    <?php if (can('h')): ?>
                        <li>
                            <a href="#confirm-delete" class="btn btn-social btn-flat btn-block btn-sm hapus-terpilih" title="Hapus Data" onclick="deleteAllBox('mainform', '<?= site_url('pengurus/delete_all')?>')"><i class="fa fa-trash-o"></i> Hapus Data Terpilih</a>
                        </li>
                    <?php endif; ?>
                </ul>
            </div>
            <div class="btn-group btn-group-vertical">
                <a class="btn btn-social btn-flat bg-purple btn-sm" data-toggle="dropdown"><i class='fa fa-arrow-circle-down'></i> Pilih Aksi Lainnya</a>
                <ul class="dropdown-menu" role="menu">
                    <li>
                        <a href="<?= site_url('pengurus/dialog/cetak')?>" title="Cetak Data" data-remote="false" data-toggle="modal" data-target="#modalBox" data-title="Cetak Data" class="btn btn-social btn-flat btn-block btn-sm"><i class="fa fa-print "></i> Cetak</a>
                    </li>
                    <?php if (can('h')): ?>
                        <li>
                            <a href="<?= site_url('pengurus/dialog/unduh')?>" title="Unduh Data" data-remote="false" data-toggle="modal" data-target="#modalBox" data-title="Unduh Data" class="btn btn-social btn-flat btn-block btn-sm"><i class="fa fa-download"></i> Unduh</a>
                        </li>
                    <?php endif; ?>
                </ul>
            </div>
            <div class="btn-group btn-group-vertical">
                <a class="btn btn-social btn-flat bg-olive btn-sm visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block" data-toggle="dropdown"><i class='fa fa-arrow-circle-down'></i> Bagan Organisasi</a>
                <ul class="dropdown-menu" role="menu">
                    <li>
                        <a href="<?= site_url('pengurus/bagan')?>" title="Bagan Tanpa BPD" class="btn btn-social btn-flat btn-block btn-sm" ><i class="fa fa-sitemap"></i> Bagan Tanpa BPD</a>
                    </li>
                    <li>
                        <a href="<?= site_url('pengurus/bagan/bpd')?>" title="Bagan Dengan BPD" class="btn btn-social btn-flat btn-block btn-sm" ><i class="fa fa-sitemap"></i> Bagan Dengan BPD</a>
                    </li>
                    <?php if (can('u')): ?>
                        <li>
                            <a href="<?= site_url('pengurus/atur_bagan_layout')?>" title="Atur Ukuran Bagan" data-remote="false" data-toggle="modal" data-target="#modalBox" data-title="Atur Ukuran Bagan" class="btn btn-social btn-flat btn-block btn-sm" ><i class="fa fa-cogs"></i> Atur Ukuran Bagan</a>
                        </li>
                    <?php endif; ?>
                </ul>
            </div>
            <a href="<?= site_url('pengurus/jabatan')?>" class="btn btn-social btn-flat bg-navy btn-sm btn-sm visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block" title="Jabatan">
                <i class="fa fa fa-list"></i>Jabatan
            </a>
        <?php endif; ?>
        <?php if (can('u', 'kehadiran_jam_kerja') || can('u', 'kehadiran_hari_libur') || can('u', 'kehadiran_rekapitulasi') || can('u', 'kehadiran_pengaduan')): ?>
        <div class="btn-group btn-group-vertical">
            <a class="btn btn-social btn-flat bg-orange btn-sm visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block" data-toggle="dropdown"><i class='fa fa-arrow-circle-down'></i> Kehadiran</a>
            <ul class="dropdown-menu" role="menu">
                <?php if (can('u', 'kehadiran_jam_kerja')): ?>
                <li>
                    <a href="<?= site_url('kehadiran_jam_kerja')?>" title="Jam Kerja" class="btn btn-social btn-flat btn-block btn-sm" ><i class="fa fa-clock-o"></i> Jam Kerja</a>
                </li>
                <?php endif ?>
                <?php if (can('u', 'kehadiran_hari_libur')): ?>
                <li>
                    <a href="<?= site_url('kehadiran_hari_libur')?>" title="Hari Libur" class="btn btn-social btn-flat btn-block btn-sm" ><i class="fa fa-calendar"></i> Hari Libur</a>
                </li>
                <?php endif ?>
                <?php if (can('u', 'kehadiran_rekapitulasi')): ?>
                <li>
                    <a href="<?= site_url('kehadiran_rekapitulasi')?>" title="Kehadiran" class="btn btn-social btn-flat btn-block btn-sm" ><i class="fa fa-list"></i> Kehadiran</a>
                </li>
                <?php endif ?>
                <?php if (can('u', 'kehadiran_pengaduan')): ?>
                <li>
                    <a href="<?= site_url('kehadiran_pengaduan')?>" title="Pengaduan" class="btn btn-social btn-flat btn-block btn-sm" ><i class="fa fa-exclamation"></i> Pengaduan</a>
                </li>
                <?php endif ?>
            </ul>
        </div>
        <?php endif ?>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="col-sm-12">
                <div class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                    <form id="mainform" name="mainform" method="post">
                        <div class="row">
                            <div class="col-sm-6">
                                <select class="form-control input-sm" name="status" onchange="formAction('mainform','<?= site_url('pengurus/filter/status')?>')">
                                    <option value="">Semua</option>
                                    <option value="1" <?= selected($status, 1); ?>>Aktif</option>
                                    <option value="2" <?= selected($status, 2); ?>>Tidak Aktif</option>
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <div class="box-tools">
                                    <div class="input-group input-group-sm pull-right">
                                        <input name="cari" id="cari" class="form-control" placeholder="Cari..." type="text" value="<?=html_escape($cari)?>" onkeypress="if (event.keyCode == 13) {$('#'+'mainform').attr('action','<?= site_url('pengurus/filter/cari')?>');$('#'+'mainform').submit();}">
                                        <div class="input-group-btn">
                                            <button type="submit" class="btn btn-default" onclick="$('#'+'mainform').attr('action','<?= site_url('pengurus/filter/cari')?>');$('#'+'mainform').submit();"><i class="fa fa-search"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped dataTable table-hover">
                                        <thead class="bg-gray color-palette">
                                            <tr>
                                                <th class="padat"><input type="checkbox" id="checkall" ></th>
                                                <th class="padat">No</th>
                                                <?php if (can('u')): ?>
                                                    <th class="padat">Aksi</th>
                                                <?php endif; ?>
                                                <th class="text-center">Foto</th>
                                                <th>Nama, NIP/<?= $this->setting->sebutan_nip_desa; ?>, NIK, Tag ID Card</th>
                                                <th nowrap>Tempat, <p>Tanggal Lahir</p></th>
                                                <th>Jenis Kelamin</th>
                                                <th>Agama</th>
                                                <th>Pangkat / Golongan</th>
                                                <th>Jabatan</th>
                                                <th>Pendidikan Terakhir</th>
                                                <th>Nomor SK Pengangkatan</th>
                                                <th>Tanggal SK Pengangkatan</th>
                                                <th>Nomor SK Pemberhentian</th>
                                                <th>Tanggal SK Pemberhentian</th>
                                                <th>Masa/Periode Jabatan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php $mulai = 1;

        foreach ($main as $key => $data): ?>
                                                <tr <?= jecho(in_array($data['jabatan_id'], [1, 2]), true, 'class="select-row"') ?>>
                                                    <td class="text-center">
                                                        <input data-deletable="<?= $data['deletable'] ?>" type="checkbox" name="id_cb[]" value="<?=$data['pamong_id']?>" />
                                                    </td>
                                                    <td class="text-center"><?=$data['no']?></td>
                                                    <?php if (can('u')): ?>
                                                        <td nowrap>
                                                            <?php if (can('u')): ?>
                                                                <?php if (! in_array($data['jabatan_id'], [1, 2])): ?>
                                                                    <a href="<?= site_url("pengurus/urut/{$paging->page}/{$data['pamong_id']}/1")?>" class="btn bg-olive btn-flat btn-sm <?php ($data['no'] == $paging->num_rows) && print 'disabled'; ?>" title="Pindah Posisi Ke Bawah"><i class="fa fa-arrow-down"></i></a>
                                                                    <a href="<?= site_url("pengurus/urut/{$paging->page}/{$data['pamong_id']}/2")?>" class="btn bg-olive btn-flat btn-sm <?php ($data['no'] == $mulai && $paging->page == $paging->start_link) && print 'disabled'; ?>" title="Pindah Posisi Ke Atas"><i class="fa fa-arrow-up"></i></a>
                                                                <?php else: ?>
                                                                    <?php $mulai++; ?>
                                                                <?php endif ?>
                                                                <a href="<?= site_url("pengurus/form/{$data['pamong_id']}")?>" class="btn bg-orange btn-flat btn-sm" title="Ubah Data"><i class="fa fa-edit"></i></a>
                                                            <?php endif; ?>
                                                            <?php if (can('h')): ?>
                                                                <a href="#" data-href="<?= site_url("pengurus/delete/{$data['pamong_id']}")?>" class="btn bg-maroon btn-flat btn-sm <?= jecho($data['deletable'], 0, 'disabled') ?>" title="Hapus" data-toggle="modal" data-target="#confirm-delete"><i class="fa fa-trash-o"></i></a>
                                                            <?php endif; ?>
                                                            <?php if (can('u')): ?>
                                                                <?php if ($data['pamong_status'] == '1'): ?>
                                                                    <a href="<?= site_url("pengurus/lock/{$data['pamong_id']}/2")?>" class="btn bg-navy btn-flat btn-sm" title="Non Aktifkan"><i class="fa fa-unlock"></i></a>
                                                                <?php else: ?>
                                                                    <a href="<?= site_url("pengurus/lock/{$data['pamong_id']}/1")?>" class="btn bg-navy btn-flat btn-sm" title="Aktifkan"><i class="fa fa-lock"></i></a>
                                                                <?php endif ?>
                                                                <?php if ($data['kehadiran'] == '1'): ?>
                                                                    <a href="<?= site_url("pengurus/kehadiran/{$data['pamong_id']}/0")?>" class="btn bg-aqua btn-flat btn-sm" title="Non Aktifkan Kehadiran Perangkat"><i class="fa fa-check"></i></a>
                                                                <?php else: ?>
                                                                    <a href="<?= site_url("pengurus/kehadiran/{$data['pamong_id']}/1")?>" class="btn bg-aqua btn-flat btn-sm" title="Aktifkan Kehadiran Perangkat"><i class="fa fa-ban"></i></a>
                                                                <?php endif ?>
                                                                <?php if (in_array($data['jabatan_id'], [2])): ?>
                                                                    <?php if ($data['pamong_ttd'] == '1'): ?>
                                                                        <a href="<?= site_url("pengurus/ttd/{$data['pamong_id']}/2")?>" class="btn bg-navy btn-flat btn-sm" title="Bukan TTD a.n">a.n</a>
                                                                    <?php else: ?>
                                                                        <a href="<?= site_url("pengurus/ttd/{$data['pamong_id']}/1")?>" class="btn bg-purple btn-flat btn-sm" title="Jadikan TTD a.n">a.n</a>
                                                                    <?php endif ?>
                                                                <?php endif ?>
                                                                <?php if (! in_array($data['jabatan_id'], $kecuali_jabatan)): ?>
                                                                    <?php if ($data['pamong_ub'] == '1'): ?>
                                                                        <a href="<?= site_url("pengurus/ub/{$data['pamong_id']}/2")?>" class="btn bg-navy btn-flat btn-sm" title="Bukan TTD u.b">u.b</a>
                                                                    <?php else: ?>
                                                                        <a href="<?= site_url("pengurus/ub/{$data['pamong_id']}/1")?>" class="btn bg-purple btn-flat btn-sm" title="Jadikan TTD u.b">u.b</a>
                                                                    <?php endif ?>
                                                                <?php endif ?>
                                                            <?php endif; ?>
                                                        </td>
                                                    <?php endif; ?>
                                                    <td class="padat">
                                                        <img class="penduduk_kecil" src="<?=AmbilFoto($data['foto'], '', $data['id_sex'])?>" class="img-circle" alt="Foto Penduduk"/>
                                                    </td>
                                                    <td nowrap>
                                                        <?= $data['nama']?>
                                                        <p class='text-blue'>
                                                            <?php if (! empty($data['pamong_nip']) && $data['pamong_nip'] != '-'): ?>
                                                                <i>NIP :<?=$data['pamong_nip']?></i></br>
                                                            <?php else: ?>
                                                                <i><?= $this->setting->sebutan_nip_desa; ?> :<?=$data['pamong_niap']?></i></br>
                                                            <?php endif; ?>
                                                            <i>NIK :<?=$data['nik']?></i></br>
                                                            <i>Tag ID Card :<?=$data['tag_id_card']?></i>
                                                        </p>
                                                    </td>
                                                    <td nowrap><?= $data['tempatlahir'] . ', <p>' . tgl_indo_out($data['tanggallahir'])?></p></td>
                                                    <td><?= $data['sex']?></td>
                                                    <td><?= $data['agama']?></td>
                                                    <td><?= $data['pamong_pangkat']?></td>
                                                    <td><?= $data['jabatan']?></td>
                                                    <td><?= $data['pendidikan_kk']?></td>
                                                    <td><?= $data['pamong_nosk']?></td>
                                                    <td><?= tgl_indo_out($data['pamong_tglsk'])?></td>
                                                    <td><?= $data['pamong_nohenti']?></td>
                                                    <td><?= tgl_indo_out($data['pamong_tglhenti'])?></td>
                                                    <td><?= $data['pamong_masajab']?></td>
                                                </tr>
                                            <?php endforeach; ?>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </form>
                    <?php $this->load->view('global/paging'); ?>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $this->load->view('global/confirm_delete'); ?>
<script>
    $(function() {
        var keyword = <?= $keyword?> ;
        $( "#cari" ).autocomplete({
            source: keyword,
            maxShowItems: 10,
        });
    });
</script>