<!--end::Header-->
<!--begin::Toolbar-->
<div class="toolbar py-5 py-lg-15" id="kt_toolbar">
<!--begin::Container-->
<div id="kt_toolbar_container" class="container d-flex flex-stack flex-wrap">
<!--begin::Page title-->
<div class="page-title d-flex flex-column me-3">
<!--begin::Title-->
<h1 class="d-flex text-white fw-bolder my-1 fs-3">Daftar Permohonan Salinan Putusan</h1>
<!--end::Title-->
<!--begin::Breadcrumb-->
<ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">
<!--begin::Item-->
<li class="breadcrumb-item text-white opacity-75">
<a href="#" class="text-white text-hover-primary">Home</a>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item">
<span class="bullet bg-white opacity-75 w-5px h-2px"></span>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item text-white opacity-75">Permohonan</li>
<!--end::Item-->
</ul>
<!--end::Breadcrumb-->
</div>
<!--end::Page title-->
<!--begin::Actions-->
<!--end::Actions-->
</div>
<!--end::Container-->
</div>
<!--end::Toolbar-->
<!--begin::Container-->
<div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container">
<!--begin::Post-->
<div class="content flex-row-fluid" id="kt_content">
<div class="col-xxl-12">
<!--begin::Tables Widget 5-->
<div class="card card-xxl-stretch mb-5 mb-xxl-8">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Data</span>
<span class="text-muted mt-1 fw-bold fs-7">Permohonan</span>
</h3>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<div class="tab-content">
<!--begin::Modal - New Card-->
<?php
foreach ($data as $permohonan)
{
?>
<div class="modal fade" id="modal_bayar<?php echo $permohonan->id_permohonan;?>" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-1000px">
<!--begin::Modal content-->
<div class="modal-content">
<!--begin::Modal header-->
<!--begin::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y m-5">
<!--begin::Stepper-->
<div class="d-flex flex-column flex-xl-row">
<!--begin::Content-->
<div class="flex-lg-row-fluid me-xl-18 mb-10 mb-xl-0">
<!--begin::Invoice 2 content-->
<div class="mt-n1">
<!--begin::Top-->
<div class="d-flex flex-stack pb-10">
<!--begin::Logo-->
<a href="#">
<img alt="Logo" src="<?php echo base_url() ?>assets/default.png" width="70"/>
</a>
<!--end::Logo-->
<!--begin::Action-->
<!--end::Action-->
</div>
<!--end::Top-->
<!--begin::Wrapper-->
<div class="m-0">
<!--begin::Label-->
<div class="fw-bolder fs-3 text-gray-800 mb-8">Pengadilan Negeri Tanjung</div>
<!--end::Label-->
<!--begin::Row-->
<div class="row g-5 mb-11">
<!--end::Col-->
<div class="col-sm-6">
<!--end::Label-->
<div class="fw-bold fs-7 text-gray-600 mb-1">Tanggal:</div>
<!--end::Label-->
<!--end::Col-->
<div class="fw-bolder fs-6 text-gray-800">12 Apr 2021</div>
<!--end::Col-->
</div>
<!--end::Col-->
<!--end::Col-->
<div class="col-sm-6">
<!--end::Label-->
<div class="fw-bold fs-7 text-gray-600 mb-1">Batas Pembayaran:</div>
<!--end::Label-->
<!--end::Info-->
<div class="fw-bolder fs-6 text-gray-800 d-flex align-items-center flex-wrap">
<span class="pe-2">02 May 2021</span>
</div>
<!--end::Info-->
</div>
<!--end::Col-->
</div>
<!--end::Row-->
<!--begin::Row-->
<div class="row g-5 mb-12">
<!--end::Col-->
<div class="col-sm-6">
<!--end::Label-->
<div class="fw-bold fs-7 text-gray-600 mb-1">Pengirim:</div>
<!--end::Label-->
<!--end::Text-->
<div class="fw-bolder fs-6 text-gray-800">Pengadilan Negeri Tanjung</div>
<!--end::Text-->
<!--end::Description-->
<div class="fw-bold fs-7 text-gray-600">JL. Jendral Sudirman NO.18 Kabupaten Tabalong Kalimantan Selatan, Indonesia.
<br />+6285347848880</div>
<!--end::Description-->
</div>
<!--end::Col-->
<!--end::Col-->
<div class="col-sm-6">
<!--end::Label-->
<div class="fw-bold fs-7 text-gray-600 mb-1">Tujuan:</div>
<!--end::Label-->
<!--end::Text-->
<div class="fw-bolder fs-6 text-gray-800"><?php echo $this->session->userdata['nama']; ?></div>
<!--end::Text-->
<!--end::Description-->
<div class="fw-bold fs-7 text-gray-600"><?php echo $this->session->userdata['alamat']; ?> <br><?php echo $this->session->userdata['kota']; ?>, <?php echo $this->session->userdata['provinsi']; ?><br><?php echo $this->session->userdata['phone']; ?>
</div>
<!--end::Description-->
</div>
<!--end::Col-->
</div>
<!--end::Row-->
<!--begin::Content-->
<div class="flex-grow-1">
<!--begin::Table-->
<div class="py-5">
<table class="table table-row-dashed table-row-gray-300 gy-7">
<thead>
<tr class="fw-bolder fs-6 text-gray-800">
<th>No</th>
<th>Deskripsi</th>
<th>Biaya</th>
<th>Sub Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
Nomor Perkara <?php echo $permohonan->nomor_perkara; ?></td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>2</td>
<td>PNPBP Putusan</td>
<td>Rp. 10.000</td>
<td>Rp. 10.000</td>
</tr>
<tr>
<td>3</td>
<td>Leges <?php echo $permohonan->jumlah_lembar; ?> Halaman</td>
<td>Rp. 500/Lembar</td>
<td id="lembar"><?php echo "Rp " . number_format( 500*$permohonan->jumlah_lembar , 0 , "" , '.' ); ?></td>
</tr>
<tr>
<td>3</td>
<td>Materai</td>
<td>Rp. 10.000</td>
<td>Rp. 10.000</td>
</tr>
<tr>
<td>3</td>
<td>Biaya Penggandaan</td>
<td>Rp. 500/Lembar</td>
<td><?php echo "Rp " . number_format( 500*$permohonan->jumlah_lembar , 0 , "" , '.' ); ?></td>
</tr>
</tbody>
</table>
</div>
<!--end::Table-->
<!--begin::Container-->
<div class="row g-5 mb-11">
<!--end::Col-->
<div class="col-sm-6">
<!--end::Label-->
<label class="required fs-6 fw-bold mb-2">Pilih Pengiriman</label>
<select class="form-select form-select-solid" data-control="select2" data-hide-search="true" id="opKirim">
<option value="">Pilih</option>
<option value="kekantor">Ambil Kekantor</option>
<option value="pos">POS</option>
<option value="jne">JNE</option>
</select>
<br>
<br>
<select id="ongkos" name="ongkos" class="form-control" style="display:none">
</select>
<!--end::Col-->
</div>
<!--end::Col-->
<!--end::Col-->
<div class="col-sm-6">
<!--end::Label-->
<div class="mw-300px">
<!--begin::Item-->
<div class="d-flex flex-stack mb-3">
<!--begin::Accountname-->
<?php
$pnbp=10000;
$leges=500*$permohonan->jumlah_lembar;
$materai=10000;
$biayapenggandaan=500*$permohonan->jumlah_lembar;
$total_biaya=$pnbp+$leges+$materai+$biayapenggandaan;
?>
<input type="text" name="" id="total" value="<?php echo $total_biaya ?>" hidden>
<div class="fw-bold pe-10 text-gray-600 fs-7">Subtotal:</div>
<!--end::Accountname-->
<!--begin::Label-->
<div class="text-end fw-bolder fs-6 text-gray-800"><?php echo "Rp " . number_format( $total_biaya , 0 , "" , '.' ); ?></div>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack mb-3">
<!--begin::Accountname-->
<div class="fw-bold pe-10 text-gray-600 fs-7">Ongkor Kirim</div>
<!--end::Accountname-->
<!--begin::Label-->
<div class="text-end fw-bolder fs-6 text-gray-800">Rp. <span id="ongkir" ></span></div>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Code-->
<div class="fw-bold pe-10 text-gray-600 fs-7">Total</div>
<!--end::Code-->
<!--begin::Label-->
<div class="text-end fw-bolder fs-6 text-gray-800">Rp. <span id="subtotal"></div>
<!--end::Label-->
</div>
<!--end::Item-->
</div>
<!--end::Info-->
</div>
<a href="#" id="submitBtn" class="btn btn-sm btn-success" style="display:none">Proses</a>
<!--end::Col-->
</div>
<!--end::Container-->
</div>
<!--end::Content-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Invoice 2 content-->
</div>
<!--end::Content-->
<!--begin::Sidebar-->
<div class="m-0">
<!--begin::Invoice 2 sidebar-->
<div class="d-print-none border border-dashed border-gray-300 card-rounded h-lg-100 min-w-md-250px p-9 bg-lighten">
<!--begin::Labels-->
<!--end::Labels-->
<!--begin::Title-->
<h6 class="mb-8 fw-boldest text-gray-600 text-hover-primary">Detail Pembayaran</h6>
<!--end::Title-->
<!--begin::Item-->
<div class="mb-6">
<div class="fw-bolder text-gray-800 fs-6">Silahkan Lakukan Pembayaran Ke Bank BNI</div>
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="mb-6">
<div class="fw-bold text-gray-600 fs-7">Account:</div>
<div class="fw-bolder text-gray-800 fs-6">RPL PENGADILAN NEGERI TANJUNG</div>
</div>
<!--end::Item-->
<!--begin::Item-->
<!--end::Item-->
<!--begin::Title-->
<div class="fw-bolder text-gray-800 fs-6">Atau Pembayaran melalui QRIS:<br>RPL PENGADILAN NEGERI TANJUNG</div>
<div class="fw-bold text-gray-600 fs-7"><center><img alt="Logo" src="<?php echo base_url() ?>assets/qr.png" width="200"/></center></div>
<div class="m-0">
</div>
<!--end::Item-->
</div>
<!--end::Invoice 2 sidebar-->
</div>
<!--end::Sidebar-->
</div>
</div>
<!--begin::Modal body-->
</div>
</div>
</div>
<?php } ?>
<!--end::Modal - Offer A Deal-->
<!--end::Modal - New Card-->
<!--begin::Tap pane-->
<div class="tab-pane fade show active" id="kt_table_widget_5_tab_1">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table id="kt_datatable_example_5" class="table table-striped table-row-bordered gy-5 gs-7 border rounded">
<thead>
<tr class="fw-bolder fs-6 text-gray-800 px-7">
<th>No</th>
<th>Id Permohonan</th>
<th>Nomor Perkara</th>
<th>Kurir</th>
<th>Ongkos Kirim</th>
<th>Total Bayar</th>
<th>Resi Pengiriman</th>
<th>Tanggal Permohonan</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<?php
$no=1;
foreach ($data as $p)
{
?>
<tr>
<td><?php echo $no ?></td>
<td><?php echo $p->id_permohonan; ?></td>
<td><?php echo $p->nomor_perkara; ?><br><b><?php echo $p->jumlah_lembar; ?> Lembar<b></td>
<td><?php echo $p->kurir; ?></td>
<td><?php echo $p->ongkos_kirim; ?></td>
<td><?php echo $p->total_bayar; ?></td>
<td><?php echo $p->resi; ?></td>
<td><?php echo $p->tanggal_permohonan; ?></td>
<td><?php echo $p->status; ?><a href="#" target="_blank" data-bs-toggle="modal" data-bs-target="#modal_bayar<?php echo $p->id_permohonan;?>" class="badge badge-light-danger fs-7 fw-bold">BAYAR SEKARANG</a></td>
</tr>
</tbody>
<?php
$no++;
}
?>
</table>
</div>
<!--end::Table-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<div class="tab-pane fade" id="kt_table_widget_5_tab_2">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr class="border-0">
<th class="p-0 w-50px"></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-140px"></th>
<th class="p-0 min-w-110px"></th>
<th class="p-0 min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<!--end::Table body-->
</table>
</div>
<!--end::Table-->
</div>
<!--end::Tap pane-->
<!--begin::Tap pane-->
<!--end::Tap pane-->
</div>
</div>
<!--end::Body-->
</div>
<!--end::Tables Widget 5-->
</div>
<!--begin::Row-->
<!--end::Row-->
<!--begin::Row-->
<!--end::Row-->
<!--begin::Row-->
<!--end::Row-->
<!--begin::Row-->
<!--end::Row-->
</div>
<!--end::Post-->
</div>
<!--end::Container-->
<script>
// menampilkan kota tujuan pengiriman
$(document).ready(function() {
$('#destination_provice').change(function() {
var province_id = $('#destination_provice').val();
$.get('<?php echo site_url('Profil/get_city_by_province/') ?>' + province_id, function(resp) {
// console.log(resp);
$('#destination_city').html(resp);
});
});
});
$(document).ready(function() {
$('#opKirim').change(function() {
var opKirim = $(this).val();
var province = $('#province').val();
var city = $('#destination_city').val();
var weight = $('#weight').val();
var ongkosSelect = $("#ongkos");
var submitBtn = $('#submitBtn');
if (opKirim === "kekantor") {
console.log(0);
// var subtotal2 = subtotal + ongkos;
ongkosSelect.hide();
submitBtn.css('display', 'block');
$("#ongkir").text(0);
var total = $('#total').val();
$("#subtotal").text(formatNumber(total));
}
else if (opKirim === "") {
ongkosSelect.hide();
submitBtn.css('display', 'none');
$("#ongkir").text(0);
var total = 0;
$("#subtotal").text(formatNumber(total));
}
else if (opKirim === "pos") {
ongkosSelect.show();
submitBtn.css('display', 'none');
$.get('<?php echo site_url('Profil/get_ongkos/') ?>' + city + '/' + weight + '/' + opKirim, function(resp) {
$('#ongkos').html(resp);
});
}
else {
ongkosSelect.hide();
submitBtn.disabled = false;
}
});
function formatNumber(num) {
return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.')
}
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#example').DataTable();
$("#tmbl-pesan").click(function(e) {
$("#form-pesanan").slideToggle('slow');
e.preventDefault();
});
$("#province").on('change', function() {
var province = $(this).val();
console.log(province);
// $.post('<?= base_url(); ?>Produk/city', {
// key1: province
// }, function(result) {
// alert('successfully posted key1=value1&key2=value2 to foo.php');
// });
$.post("<?= base_url(); ?>Profil/city?province=" + province, $("form").serialize(), function(hasil) {
alert('successfully posted key1=value1&key2=value2 to foo.php');
});
});
$("#qty").on('change', function() {
var harga = $('#harga').val();
//var bahan = $('#bahan').val();
var ongkos = $('#ongkos').val();
var qty = $(this).val();
// var subtotal = harga * qty;
// var subBahan = bahan * qty;
var subtotal = harga * qty;
// var subtotal2 = subtotal + ongkos;
$("#subtotal").text(formatNumber(subtotal));
// var weight;
// // if (qty <= 1000) {
// // weight = 1000;
// // } else if ((qty >= 1000) && (qty <= 2000)) {
// // weight = 2000;
// // } else if ((qty >= 2000) && (qty <= 3000)) {
// // weight = 3000;
// // } else if ((qty >= 3000) && (qty <= 4000)) {
// // weight = 4000;
// // } else if ((qty >= 4000) && (qty <= 5000)) {
// // weight = 5000;
// // }
// document.getElementById("weight").value = weight;
});
$("#ongkos").on('change', function() {
var ongkos = $(this).val();
var harga = $('#harga').val();
//var bahan = $('#bahan').val();
var qty = $('#qty').val();
var ongkir = parseInt(ongkos);
var submitBtn = $('#submitBtn');
// console.log("ongkos " + ongkos);
if (ongkos === "") {
submitBtn.css('display', 'none');
$("#ongkir").text(0);
var total = 0;
$("#subtotal").text(formatNumber(total));
} else {
submitBtn.css('display', 'block');
$("#ongkir").text(formatNumber(ongkir));
var total = $('#total').val();
var subtotal = parseInt(total) + parseInt(ongkir);
$("#subtotal").text(formatNumber(subtotal));
}
});
function formatNumber(num) {
return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.')
}
});
</script>