<?php

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

/*
 * File ini:
 *
 * View template Layanan Mandiri
 *
 * donjo-app/views/fmandiri/template.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
 */
?>

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Layanan Mandiri <?= ucwords($this->setting->sebutan_desa . ' ' . $desa['nama_desa']) ?></title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="shortcut icon" href="<?= favico_desa() ?>"/>
	<!-- Bootstrap 3.3.7 -->
	<link rel="stylesheet" href="<?= asset('bootstrap/css/bootstrap.min.css') ?>">
	<!-- Font Awesome -->
	<link rel="stylesheet" href="<?= asset('bootstrap/css/font-awesome.min.css') ?>">
	<!-- DataTables -->
	<link rel="stylesheet" href="<?= asset('bootstrap/css/dataTables.bootstrap.min.css') ?>">
	<!-- bootstrap wysihtml5 - text editor -->
	<link rel="stylesheet" href="<?= asset('bootstrap/css/bootstrap3-wysihtml5.min.css') ?>">
	<!-- Select2 -->
	<link rel="stylesheet" href="<?= asset('bootstrap/css/select2.min.css') ?>">
	<!-- Bootstrap Color Picker -->
	<link rel="stylesheet" href="<?= asset('bootstrap/css/bootstrap-colorpicker.min.css') ?>">
	<!-- Bootstrap Date time Picker -->
	<link rel="stylesheet" href="<?= asset('bootstrap/css/bootstrap-datetimepicker.min.css') ?>">
	<!-- bootstrap datepicker -->
	<link rel="stylesheet" href="<?= asset('bootstrap/css/bootstrap-datepicker.min.css') ?>">
	<!-- Theme style -->
	<link rel="stylesheet" href="<?= asset('css/AdminLTE.min.css') ?>">
	<!-- AdminLTE Skins. -->
	<link rel="stylesheet" href="<?= asset('css/skins/_all-skins.min.css') ?>">

	<?php if (cek_koneksi_internet()): ?>
	<!-- Form Wizard - smartWizard -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/smartwizard@5/dist/css/smart_wizard_all.min.css">
	<?php endif ?>

	<?php if ($this->controller == 'lapak') : ?>
		<!-- Map -->
		<link rel="stylesheet" href="<?= base_url('assets/css/leaflet.css') ?>">
		<link rel="stylesheet" href="<?= base_url('assets/css/mapbox-gl.css') ?>">
		<link rel="stylesheet" href="<?= base_url('assets/css/peta.css') ?>">
	<?php endif; ?>

	<!-- Style Mandiri Modification CSS -->
	<link rel="stylesheet" href="<?= asset('css/mandiri-style.css') ?>">

	<!-- Jquery Confirm -->
	<link rel="stylesheet" href="<?= asset('front/css/jquery-confirm.min.css') ?>">
	<!-- Jquery UI -->
	<link rel="stylesheet" href="<?= asset('bootstrap/css/jquery-ui.min.css') ?>">
	<!-- jQuery 3 -->
	<script src="<?= asset('bootstrap/js/jquery.min.js') ?>"></script>
	<!-- Diperlukan untuk global automatic base_url oleh external js file -->
	<script type="text/javascript">
		const BASE_URL = "<?= base_url() ?>";
		const SITE_URL = "<?= site_url() ?>";
	</script>
	<?php if ($cek_anjungan) : ?>
		<!-- Keyboard Default (Ganti dengan keyboard-dark.min.css untuk tampilan lain)-->
		<link rel="stylesheet" href="<?= base_url('assets/css/keyboard.min.css') ?>">
		<link rel="stylesheet" href="<?= base_url('assets/front/css/mandiri-keyboard.css') ?>">
	<?php endif; ?>

	<?php $this->load->view('head_tags') ?>
</head>

<body class="hold-transition skin-blue fixed layout-top-nav">
	<div class="wrapper">
		<header class="main-header">
			<nav class="navbar navbar-static-top">
				<div class="container">
					<div class="navbar-header">
						<a class="navbar-brand" href="<?= site_url() ?>">
							<img src="<?= gambar_desa($desa['logo']) ?>" class="logo-brand" alt="<?= $desa['nama_desa'] ?>" />
						</a>
						<div class="navbar-brand">
							<?= ucwords($this->setting->sebutan_desa . ' ' . $desa['nama_desa']) ?>
						</div>
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
							<i class="fa fa-bars"></i>
						</button>
					</div>

					<div class="collapse navbar-collapse pull-left" id="navbar-collapse">
						<ul class="nav navbar-nav">
							<li><a href="<?= site_url('layanan-mandiri/profil') ?>">Profil</a></li>
							<li><a href="<?= site_url('layanan-mandiri/permohonan-surat') ?>">Surat</a></li>
							<li><a href="<?= site_url('layanan-mandiri/pesan-masuk') ?>">Pesan</a></li>
							<li><a href="<?= site_url('layanan-mandiri/lapak') ?>">Lapak</a></li>
							<li><a href="<?= site_url('layanan-mandiri/bantuan') ?>">Bantuan</a></li>
							<li><a href="<?= site_url('layanan-mandiri/kehadiran') ?>">Perangkat</a></li>
						</ul>
					</div>
					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<li>
								<a href="<?= site_url('layanan-mandiri/permohonan-surat') ?>" title="Permohonan Surat">
									<i class="fa fa-file-word-o"></i>
									<span class="label label-danger" id="b_surat" title="Surat perlu perhatian" style="display: none;"></span>
								</a>
							</li>

							<li>
								<a href="<?= site_url('layanan-mandiri/pesan-masuk') ?>" title="Pesan Masuk">
									<i class="fa fa-envelope-o"></i>
									<span class="label label-danger" id="b_pesan" style="display: none;"></span>
								</a>
							</li>

							<li class="dropdown user user-menu">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<img class="user-image" src="<?= AmbilFoto($this->is_login->foto, '', $this->is_login->sex) ?>" alt="Foto Penduduk">
									<span class="hidden-xs"><?= $this->is_login->nama; ?></span>
								</a>
								<ul class="dropdown-menu">
									<li class="user-header">
										<img class="img-circle" src="<?= AmbilFoto($this->is_login->foto, '', $this->is_login->sex) ?>" alt="Foto Penduduk">
										<p><?= $this->is_login->nama; ?>
											<small><b>NIK : <?= $this->is_login->nik; ?></b></small>
									</li>
									<li class="user-footer">
										<div class="pull-left">
											<a href="<?= site_url('layanan-mandiri/profil') ?>" class="btn btn-default">Profil</a>
										</div>
										<div class="pull-right">
											<button type="button" class="btn btn-block btn-social bg-red" data-toggle="modal" data-target="#pendapat"><i class="fa fa-sign-out"></i>Keluar</button>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>

		<div class="content-wrapper" style="background: #ecf0f5;">
			<div class="container">
				<section class="content-header fixed">
					<div class="row hidden-xs">
						<a href="<?= site_url('layanan-mandiri/permohonan-surat') ?>">
							<div class="col-md-3 col-sm-6 col-xs-12">
								<div class="info-box bg-green">
									<span class="info-box-icon"><i class="fa fa-file-word-o"></i></span>
									<div class="info-box-content">
										<span class="info-box-text-widget">Surat</span>
									</div>
								</div>
							</div>
						</a>
						<a href="<?= site_url('layanan-mandiri/pesan-masuk') ?>">
							<div class="col-md-3 col-sm-6 col-xs-12">
								<div class="info-box bg-yellow">
									<span class="info-box-icon"><i class="fa fa-envelope-o"></i></span>
									<div class="info-box-content">
										<span class="info-box-text-widget">Pesan</span>
									</div>
								</div>
							</div>
						</a>
						<a href="<?= site_url('layanan-mandiri/lapak') ?>">
							<div class="col-md-3 col-sm-6 col-xs-12">
								<div class="info-box bg-aqua">
									<span class="info-box-icon"><i class="fa fa-cart-plus"></i></span>
									<div class="info-box-content">
										<span class="info-box-text-widget">Lapak</span>
									</div>
								</div>
							</div>
						</a>
						<a href="<?= site_url('layanan-mandiri/kehadiran') ?>">
							<div class="col-md-3 col-sm-6 col-xs-12">
								<div class="info-box bg-red">
									<span class="info-box-icon"><i class="fa fa-users"></i></span>
									<div class="info-box-content">
										<span class="info-box-text-widget">Perangkat</span>
									</div>
								</div>
							</div>
						</a>
					</div>
				</section>

				<section class="content">
					<div class="row">
						<div class="col-md-3">
							<div class="box box-solid">
								<div class="box-body box-line">
									<img class="img-circle" src="<?= AmbilFoto($this->is_login->foto, '', $this->is_login->sex) ?>" alt="Foto" width="100%">
								</div>
								<div class="box-body">
									<a href="<?= ($this->is_login->ganti_pin === '1') ? '#' : site_url('layanan-mandiri/profil') ?>" class="btn btn-block btn-social bg-blue">
										<i class="fa fa-user-o"></i> Profil
									</a>
									<a href="<?= ($this->is_login->ganti_pin === '1') ? '#' : site_url('layanan-mandiri/cetak-biodata') ?>" class="btn btn-block btn-social bg-green" target="_blank" rel="noopener noreferrer">
										<i class="fa fa-print"></i> Cetak Biodata
									</a>
									<?php if ($this->is_login->id_kk != 0) : ?>
										<a href="<?= ($this->is_login->ganti_pin === '1') ? '#' : site_url('layanan-mandiri/cetak-kk') ?>" class="btn btn-block btn-social bg-green" target="_blank" rel="noopener noreferrer">
											<i class="fa fa-print"></i> Cetak Salinan KK
										</a>
									<?php endif; ?>
									<a href="<?= ($this->is_login->ganti_pin === '1') ? '#' : site_url('layanan-mandiri/dokumen') ?>" class="btn btn-block btn-social bg-aqua">
										<i class="fa fa-file"></i> Dokumen
									</a>
									<a href="<?= ($this->is_login->ganti_pin === '1') ? '#' : site_url('layanan-mandiri/bantuan') ?>" class="btn btn-block btn-social bg-aqua">
										<i class="fa fa-handshake-o"></i> Bantuan
									</a>
									<a href="<?= site_url('layanan-mandiri/ganti-pin') ?>" class="btn btn-block btn-social bg-navy">
										<i class="fa fa-key"></i> Ganti PIN
									</a>
									<a href="<?= ($this->is_login->ganti_pin === '1') ? '#' : site_url('layanan-mandiri/verifikasi') ?>" class="btn btn-block btn-social bg-purple">
										<i class="fa fa-key"></i> Verifikasi
									</a>
									<button type="button" class="btn btn-block btn-social bg-red" data-toggle="modal" data-target="#pendapat"><i class="fa fa-sign-out"></i>Keluar</button>
								</div>
							</div>
						</div>
						<div class="col-md-9">
							<?php
                            $this->load->view(MANDIRI . '/' . $konten);

if ($this->is_login->ganti_pin === '1' && $this->uri->segment(2) != 'ganti-pin') :

    $data = [
        'pesan' => 'Selamat datang pengguna layanan mandiri <b> ' . ucwords($this->setting->sebutan_desa . ' ' . $desa['nama_desa']) . ' </b>, <br>Untuk keamanan akun anda, silahkan ganti <b>PIN</b> anda terlebih dahulu sebelum melanjutkan menggunakan layanan mandiri.',
        'aksi'  => site_url('layanan-mandiri/ganti-pin'),
    ];

    $this->load->view(MANDIRI . '/notif', $data);
endif;

$data = $this->session->flashdata('notif');

if ($data['status'] == 1) :
    $this->load->view(MANDIRI . '/notif', $data);
endif;
?>
						</div>
					</div>
				</section>
				<?php $this->load->view(MANDIRI . '/pendapat') ?>
			</div>
		</div>

		<footer class="main-footer">
			<div class="container">
				<div class="pull-right hidden-xs">
					<b>Versi</b> <?= AmbilVersi() ?>
				</div>
				<strong>Aplikasi <a href="https://github.com/OpenSID/OpenSID" target="_blank"> <?= config_item('nama_aplikasi') ?></a>, dikembangkan oleh <a href="https://www.facebook.com/groups/OpenSID/" target="_blank">Komunitas <?= config_item('nama_aplikasi') ?></a>.</strong>
			</div>
		</footer>
	</div>
	<!-- Jquery UI -->
	<script src="<?= asset('bootstrap/js/jquery-ui.min.js') ?>"></script>
	<script src="<?= asset('bootstrap/js/jquery.ui.autocomplete.scroll.min.js') ?>"></script>

	<script src="<?= asset('bootstrap/js/moment.min.js') ?>"></script>
	<script src="<?= asset('bootstrap/js/moment-timezone.js') ?>"></script>
	<script src="<?= asset('bootstrap/js/moment-timezone-with-data.js') ?>"></script>
	<!-- Bootstrap 3.3.7 -->
	<script src="<?= asset('bootstrap/js/bootstrap.min.js') ?>"></script>
	<!-- Select2 -->
	<script src="<?= asset('bootstrap/js/select2.full.min.js') ?>"></script>
	<!-- DataTables -->
	<script src="<?= asset('bootstrap/js/jquery.dataTables.min.js') ?>"></script>
	<script src="<?= asset('bootstrap/js/dataTables.bootstrap.min.js') ?>"></script>
	<script src="<?= asset('bootstrap/js/dataTables.rowsgroup.min.js') ?>"></script>
	<!-- bootstrap color picker -->
	<script src="<?= asset('bootstrap/js/bootstrap-colorpicker.min.js') ?>"></script>
	<!-- bootstrap Date time picker -->
	<script src="<?= asset('bootstrap/js/bootstrap-datetimepicker.min.js') ?>"></script>
	<script src="<?= asset('bootstrap/js/id.js') ?>"></script>
	<!-- bootstrap Date picker -->
	<script src="<?= asset('bootstrap/js/bootstrap-datepicker.min.js') ?>"></script>
	<script src="<?= asset('bootstrap/js/bootstrap-datepicker.id.min.js') ?>"></script>
	<!-- Bootstrap WYSIHTML5 -->
	<script src="<?= asset('bootstrap/js/bootstrap3-wysihtml5.all.min.js') ?>"></script>
	<!-- Slimscroll -->
	<script src="<?= asset('bootstrap/js/jquery.slimscroll.min.js') ?>"></script>
	<!-- FastClick -->
	<script src="<?= asset('bootstrap/js/fastclick.js') ?>"></script>
	<!-- AdminLTE App -->
	<script src="<?= asset('js/adminlte.min.js') ?>"></script>
	<script src="<?= asset('front/js/jquery.overlay.min.js') ?>"></script>
	<script src="<?= asset('front/js/jquery-confirm.min.js') ?>"></script>
	<!-- Validasi js -->
	<?php $this->load->view('global/validasi_form') ?>
	<!-- Numeral js -->
	<script src="<?= asset('js/numeral.min.js') ?>"></script>
	<!-- Khusus modul layanan mandiri -->
	<script src="<?= asset('front/js/mandiri.js') ?>"></script>

	<?php if ($cek_anjungan) : ?>
		<!-- keyboard widget script -->
		<script src="<?= base_url('assets/js/jquery.keyboard.min.js') ?>"></script>
		<script src="<?= base_url('assets/js/jquery.mousewheel.min.js') ?>"></script>
		<script src="<?= base_url('assets/js/jquery.keyboard.extension-all.min.js') ?>"></script>
		<script src="<?= base_url('assets/front/js/mandiri-keyboard.js') ?>"></script>
	<?php endif; ?>
	<script type="text/javascript">
		$(window).on('load', function() {
			$('#notif').modal('show');
		});

		$('document').ready(function() {

			window.setTimeout(function() {
				$(".callout").fadeTo(500, 0).slideUp(500, function() {
					$(this).remove();
				});
			}, 1000);

			setTimeout(function() {
				refresh_badge($("#b_pesan"), "<?= site_url('notif_web/inbox') ?>");
				refresh_badge($("#b_surat"), "<?= site_url('notif_web/surat_perlu_perhatian') ?>");
			}, 500);
		});
	</script>

	<?php if (cek_koneksi_internet()): ?>
	<!-- Form Wizard - jquery.smartWizard -->
	<script src="https://cdn.jsdelivr.net/npm/smartwizard@5/dist/js/jquery.smartWizard.min.js"></script>
	<?php endif ?>
</body>
</html>