<?php

defined('BASEPATH') || exit('No direct script access allowed');

/*
 * File ini:
 *
 * View modul Layanan Mandiri > Surat
 *
 * donjo-app/views/fmandiri/surat.php
 */

/*
 * File ini bagian dari:
 *
 * OpenSID
 *
 * Sistem informasi desa sumber terbuka untuk memajukan desa
 *
 * Aplikasi dan source code ini dirilis berdasarkan lisensi GPL V3
 *
 * Hak Cipta 2009 - 2015 Combine Resource Institution (http://lumbungkomunitas.net/)
 * Hak Cipta 2016 - 2020 Perkumpulan Desa Digital Terbuka (https://opendesa.id)
 *
 * Dengan ini diberikan izin, secara gratis, kepada siapa pun yang mendapatkan salinan
 * dari perangkat lunak ini dan file dokumentasi terkait ("Aplikasi Ini"), untuk diperlakukan
 * tanpa batasan, termasuk hak untuk menggunakan, menyalin, mengubah dan/atau mendistribusikan,
 * asal tunduk pada syarat berikut:
 *
 * Pemberitahuan hak cipta di atas dan pemberitahuan izin ini harus disertakan dalam
 * setiap salinan atau bagian penting Aplikasi Ini. Barang siapa yang menghapus atau menghilangkan
 * pemberitahuan ini melanggar ketentuan lisensi Aplikasi Ini.
 *
 * PERANGKAT LUNAK INI DISEDIAKAN "SEBAGAIMANA ADANYA", TANPA JAMINAN APA PUN, BAIK TERSURAT MAUPUN
 * TERSIRAT. PENULIS ATAU PEMEGANG HAK CIPTA SAMA SEKALI TIDAK BERTANGGUNG JAWAB ATAS KLAIM, KERUSAKAN ATAU
 * KEWAJIBAN APAPUN ATAS PENGGUNAAN ATAU LAINNYA TERKAIT APLIKASI INI.
 *
 * @copyright	  Hak Cipta 2009 - 2015 Combine Resource Institution (http://lumbungkomunitas.net/)
 * @copyright	  Hak Cipta 2016 - 2020 Perkumpulan Desa Digital Terbuka (https://opendesa.id)
 * @license	http://www.gnu.org/licenses/gpl.html	GPL V3
 *
 * @see 	https://github.com/OpenSID/OpenSID
 */
?>

<div class="box box-solid">
	<div class="box-header with-border bg-green">
		<h4 class="box-title">Surat</h4>
	</div>
	<div class="box-body box-line">
		<a href="<?= site_url('layanan-mandiri/surat/buat'); ?>" class="btn btn-social btn-success visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block"><i class="fa fa-pencil-square-o"></i>Buat Surat</a>
		<a href="<?= site_url('layanan-mandiri/arsip-surat'); ?>" class="btn btn-social btn-primary visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block"><i class="fa fa-file-zip-o"></i>Arsip Surat</a>
		<a href="<?= site_url('layanan-mandiri/permohonan-surat'); ?>" class="btn btn-social bg-purple visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block"><i class="fa fa-file-word-o"></i>Permohonan Surat</a>
	</div>
	<div class="box-body box-line">
		<h4><b>DAFTAR <?= strtoupper($judul); ?></b></h4>
	</div>
	<div class="box-body">
		<div class="table-responsive">
			<?php if ($kat == 1) : ?>
				<table class="table table-bordered table-hover table-data" id="tabeldata">
					<thead>
						<tr>
							<th>No</th>
							<th>Aksi</th>
							<th>No Antrean</th>
							<th>Jenis Surat</th>
							<th>Tanggal Kirim</th>
						</tr>
					</thead>
					<tbody>
						<?php foreach ($main as $key => $data) : ?>
								<tr class="<?= jecho($data['status_id'], 0, 'bg-orange'); ?>">
									<td class="padat"><?= ($key + 1); ?></td>
									<td class="aksi">
										<?php if ($data['status_id'] == 0) : ?>
											<a href="<?= site_url("layanan-mandiri/surat/buat/{$data['id']}"); ?>" class="btn btn-social bg-navy btn-sm" title="Lengkapi Surat" style="width: 170px"><i class="fa fa-info-circle"></i>Lengkapi Surat</a>
										<?php elseif ($data['status_id'] == 1) : ?>
											<a class="btn btn-social btn-info btn-sm btn-proses" title="Surat <?= $data['status']; ?>" style="width: 170px"><i class="fa fa-spinner"></i><?= $data['status']; ?></a>
										<?php elseif ($data['status_id'] == 2) : ?>
											<a class="btn btn-social bg-purple btn-sm btn-proses" title="Surat <?= $data['status']; ?>" style="width: 170px"><i class="fa fa-edit"></i><?= $data['status']; ?></a>
										<?php elseif ($data['status_id'] == 3) : ?>
											<a class="btn btn-social bg-orange btn-sm btn-proses" title="Surat <?= $data['status']; ?>" style="width: 170px"><i class="fa fa-thumbs-o-up"></i><?= $data['status']; ?></a>
										<?php elseif ($data['status_id'] == 4) : ?>
											<a class="btn btn-social btn-success 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-sm btn-proses" title="Surat <?= $data['status']; ?>" style="width: 170px"><i class="fa fa-times"></i><?= $data['status']; ?></a>

											<button title="Keterangan" class="btn bg-orange btn-sm keterangan" data-toggle="popover" data-trigger="focus" data-content="<?= $data['alasan']; ?>"><i class="fa fa-info-circle"></i></button>

										<?php endif; ?>
										<?php if (in_array($data['status_id'], ['0', '1'])) : ?>
											<a href="<?= site_url(MANDIRI . "/surat/proses/{$data['id']}"); ?>" title="Batalkan Surat" class="btn bg-maroon btn-sm"><i class="fa fa-times"></i></a>
										<?php endif; ?>
										<?php if ($data['no_antrian'] && $this->cek_anjungan && $printer) : ?>
											<a href="<?= site_url(MANDIRI . "/surat/cetak_no_antrian/{$data['no_antrian']}"); ?>" class="btn btn-social btn-sm bg-navy" title="Cetak No. Antrean"><i class="fa fa-print"></i>No. Antrean</a>
										<?php endif ?>
										<?php if ($cek_anjungan['tipe'] == 1 && $data['status_id'] == 3 && $data['tte']) : ?>
											<a href="<?= site_url("layanan-mandiri/surat/cetak/{$data['id_log']}"); ?>" class="btn btn-flat bg-fuchsia btn-sm" title="Cetak Surat PDF" target="_blank"><i class="fa fa-file-pdf-o"></i></a>
										<?php endif ?>
									</td>
									<td class="padat"><?= get_antrian($data['no_antrian']) ?? '-'; ?></td>
									<td><?= $data['jenis_surat']; ?></td>
									<td class="padat"><?= tgl_indo2($data['created_at']); ?></td>
								</tr>
							<?php endforeach; ?>
					</tbody>
				</table>
			<?php else : ?>
				<table class="table table-bordered table-hover table-data" id="tabeldata">
					<thead>
						<tr>
							<th>No</th>
							<th>Nomor Surat</th>
							<th>Jenis Surat</th>
							<th>Aksi</th>
							<th>Ditandatangani Oleh</th>
							<th>Tanggal</th>
						</tr>
					</thead>
					<tbody>
						<?php foreach ($main as $key => $data) : ?>
							<tr>
								<td class="padat"><?= ($key + 1); ?></td>
								<td class="padat"><?= $data['no_surat']; ?></td>
								<td class="padat"><?= $data['format']; ?></td>
								<td class="padat">
									<?php if ($cek_anjungan['tipe'] == 1 && $data['tte']) : ?>
										<a href="<?= site_url("layanan-mandiri/surat/cetak/{$data['id']}"); ?>" class="btn btn-flat bg-fuchsia btn-sm" title="Cetak Surat PDF" target="_blank"><i class="fa fa-file-pdf-o"></i></a>
									<?php endif ?>
								</td>
								<td><?= $data['pamong_nama']; ?></td>
								<td class="padat"><?= tgl_indo2($data['tanggal']); ?></td>
							</tr>
						<?php endforeach ?>
					</tbody>
				</table>
			<?php endif; ?>
		</div>
	</div>
</div>
<script>
	$(document).ready(function() {
		var tabelData = $('#tabeldata').DataTable({
			'processing': false,
			'order': [[4, 'desc']],
			'pageLength': 10,
			'lengthMenu': [
					[10, 25, 50, 100, -1],
					[10, 25, 50, 100, "Semua"]
			],
			'columnDefs': [
				{
					'searchable': false,
					'targets': [0]
				},
				{
					'orderable': false,
					'targets': [0]
				}
			],
			'language': {
					'url': BASE_URL + '/assets/bootstrap/js/dataTables.indonesian.lang'
			},
		});

		tabelData.on( 'order.dt search.dt', function () {
			tabelData.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
				cell.innerHTML = i + 1;
			});
		}).draw();

		$('button.keterangan').click(function(event) {
			$(this).popover('show');
		});

	});
</script>
