<script>
	$(function() {
		var keyword = <?= $keyword; ?> ;
		$("#cari").autocomplete( {
			source: keyword,
			maxShowItems: 10,
		});
	});
</script>
<div class="content-wrapper">
	<section class="content-header">
		<h1>Permohonan Surat</h1>
		<ol class="breadcrumb">
			<li><a href="<?= site_url('hom_sid')?>"><i class="fa fa-home"></i> Home</a></li>
			<li class="active">Permohonan Surat</li>
		</ol>
	</section>
	<section class="content" id="maincontent">
		<form id="mainform" name="mainform" method="post">
			<div class="box box-info">
				<div class="box-body">
					<div class="row">
						<div class="col-sm-3">
							<select class="form-control input-sm" name="filter" onchange="formAction('mainform', '<?=site_url("{$this->controller}/filter")?>')">
								<option value="">Pilih Status</option>
								<?php foreach ($list_status_permohonan AS $id => $data): ?>
									<option value="<?= $id; ?>" <?= selected($filter != NULL && $filter == $id, true); ?>><?= $data; ?></option>
								<?php endforeach; ?>
							</select>
						</div>
						<div class="col-sm-3 pull-right">
							<div class="input-group input-group-sm">
								<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("{$this->controller}/search")?>');$('#'+'mainform').submit();}">
								<div class="input-group-btn">
									<button type="submit" class="btn btn-default" onclick="$('#'+'mainform').attr('action', '<?= site_url("{$this->controller}/search")?>');$('#'+'mainform').submit();"><i class="fa fa-search"></i></button>
								</div>
							</div>
						</div>
					</div>
					<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="table-responsive">
										<table class="table table-bordered table-striped dataTable table-hover tabel-daftar">
											<thead class="bg-gray disabled color-palette">
												<tr>
													<th>No</th>
													<?php if ($this->CI->cek_hak_akses('u') || $this->CI->cek_hak_akses('h')): ?>
														<th>Aksi</th>
													<?php endif; ?>
													<th>NIK</th>
													<th>Nama Penduduk</th>
													<th>No HP Aktif</th>
													<th>Jenis Surat</th>
													<th><?= url_order($o, "{$this->controller}/{$func}/$p", 1, 'Tanggal Kirim'); ?></th>
												</tr>
											</thead>
											<tbody>
												<?php if ($main): ?>
													<?php foreach ($main as $data): ?>
														<tr>
															<td class="padat"><?=$data['no']?></td>
															<?php if ($this->CI->cek_hak_akses('u') || $this->CI->cek_hak_akses('h')): ?>
																<td class="aksi">
																	<?php if ($this->CI->cek_hak_akses('u')): ?>
																		<?php if ($data['status_id'] == 0): ?>
																			<a class="btn btn-social bg-navy btn-flat btn-sm btn-proses" title="Surat <?= $data['status']; ?>" style="width: 170px"><i class="fa fa-info-circle"></i><?= $data['status']; ?></a>
																		<?php elseif ($data['status_id'] == 1): ?>
																			<a href="<?=site_url("{$this->controller}/periksa/$data[id]")?>" class="btn btn-social btn-info btn-flat btn-sm pesan-hover" title="Klik untuk memeriksa" style="width: 170px"><i class="fa fa-spinner"></i><span><?= $data['status']; ?></span></a>
																		<?php elseif ($data['status_id'] == 2): ?>
																			<a href="<?=site_url("{$this->controller}/proses/$data[id]/3")?>" class="btn btn-social bg-purple btn-flat btn-sm pesan-hover" title="Klik jika telah ditandatangani" style="width: 170px"><i class="fa fa-edit"></i><span><?= $data['status']; ?></span></a>
																		<?php elseif ($data['status_id'] == 3): ?>
																			<a href="<?=site_url("{$this->controller}/proses/$data[id]/4")?>" class="btn btn-social bg-orange btn-flat btn-sm pesan-hover" title="Klik jika telah diambil" style="width: 170px"><i class="fa fa-thumbs-o-up"></i><span><?= $data['status']; ?></span></a>
																		<?php elseif ($data['status_id'] == 4): ?>
																			<a class="btn btn-social btn-success btn-flat btn-sm btn-proses" title="Surat <?= $data['status']; ?>" style="width: 170px"><i class="fa fa-check"></i><?= $data['status']; ?></a>
																		<?php else: ?>
																			<a class="btn btn-social btn-danger btn-flat btn-sm btn-proses" title="Surat <?= $data['status']; ?>" style="width: 170px"><i class="fa fa-times"></i><?= $data['status']; ?></a>
																		<?php endif; ?>
																	<?php endif; ?>
																	<?php if ($this->CI->cek_hak_akses('h') && in_array($data['status_id'], [0, 1])): ?>
																		<a href="#" data-href="<?=site_url("{$this->controller}/delete/$data[id]")?>" class="btn bg-maroon btn-flat btn-sm" title="Hapus" data-toggle="modal" data-target="#confirm-delete"><i class="fa fa-trash-o"></i></a>
																	<?php endif; ?>
																</td>
															<?php endif; ?>
															<td class="padat"><?=$data['nik'];?></td>
															<td><?=$data['nama']?></td>
															<td><?=$data['no_hp_aktif']?></td>
															<td><?=$data['jenis_surat']?></td>
															<td class="padat"><?=tgl_indo2($data['created_at'])?></td>
														</tr>
													<?php endforeach; ?>
												<?php else: ?>
												<tr>
													<td class="text-center" colspan="7">Data Tidak Tersedia</td>
												</tr>
											<?php endif; ?>
											</tbody>
										</table>
									</div>
								</form>
								<div class="row">
									<div class="col-sm-6">
										<div class="dataTables_length">
											<form id="paging" action="<?= site_url("{$this->controller}")?>" method="post" class="form-horizontal">
												<label>
													Tampilkan
													<select name="per_page" class="form-control input-sm" onchange="$('#paging').submit()">
														<option value="20" <?php selected($per_page, 20); ?> >20</option>
														<option value="50" <?php selected($per_page, 50); ?> >50</option>
														<option value="100" <?php selected($per_page, 100); ?> >100</option>
													</select>
													Dari
													<strong><?= $paging->num_rows?></strong>
													Total Data
												</label>
											</form>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="dataTables_paginate paging_simple_numbers">
										<ul class="pagination">
											<?php if ($paging->start_link): ?>
											<li><a href="<?=site_url("{$this->controller}/index/$paging->start_link/$o")?>" aria-label="First"><span aria-hidden="true">Awal</span></a></li>
											<?php endif; ?>
											<?php if ($paging->prev): ?>
											<li><a href="<?=site_url("{$this->controller}/index/$paging->prev/$o")?>" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
											<?php endif; ?>
											<?php for ($i=$paging->start_link;$i<=$paging->end_link;$i++): ?>
											<li <?=jecho($p, $i, "class='active'")?>><a href="<?= site_url("{$this->controller}/index/$i/$o")?>"><?= $i?></a></li>
											<?php endfor; ?>
											<?php if ($paging->next): ?>
											<li><a href="<?=site_url("{$this->controller}/index/$paging->next/$o")?>" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
											<?php endif; ?>
											<?php if ($paging->end_link): ?>
											<li><a href="<?=site_url("{$this->controller}/index/$paging->end_link/$o")?>" aria-label="Last"><span aria-hidden="true">Akhir</span></a></li>
											<?php endif; ?>
										</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</form>
	</section>
</div>
<?php $this->load->view('global/confirm_delete');?>
<script type="text/javascript">
	$("document").ready(function() {
		$("a.pesan-hover").mouseover(function() {
			text = $(this).find("span").text();
			$(this).find("span").text( $(this).attr('title'));
		}).mouseout(function() {
			$( this ).find( "span" ).text( text );
		});
	});
</script>
