60 lines
2.4 KiB
PHP
60 lines
2.4 KiB
PHP
@extends('dashboard.layouts.main')
|
|
|
|
@section('body_main')
|
|
<div class="container-xxl flex-grow-1 container-p-y">
|
|
<!-- Breadcrumb -->
|
|
<h4 class="fw-bold py-3 mb-4">
|
|
<span class="text-muted fw-light">Dashboard /</span> Pesanan Selesai
|
|
</h4>
|
|
|
|
<!-- Card Master Menu -->
|
|
<div class="card">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<h5 class="mb-0">Pesanan Selesai</h5>
|
|
<div class="input-group input-group-sm" style="width: 240px;">
|
|
<span class="input-group-text bg-white">
|
|
<i class="fa fa-calendar-alt"></i>
|
|
</span>
|
|
<input
|
|
type="text"
|
|
class="form-control tanggal-input"
|
|
id="tanggal"
|
|
placeholder="Pilih tanggal"
|
|
readonly>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<table class="table" id="datatablePesananSelesai"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@include('dashboard.pesanan.selesai.modal.actionPesananSelesai')
|
|
|
|
<script src="{{ ver('/js/pesanan_selesai/_init.js') }}"></script>
|
|
<script src="{{ ver('/js/pesanan_selesai/dt.js') }}"></script>
|
|
<script src="{{ ver('/js/pesanan_selesai/detail_order.js') }}"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
flatpickr('#tanggal', {
|
|
dateFormat: "Y-m-d",
|
|
mode: "multiple",
|
|
locale: "id", // opsional: agar hari/bulan dalam Bahasa Indonesia
|
|
onValueUpdate: function(selectedDates, dateStr, instance) {
|
|
const selectedFormattedDates = selectedDates.map(d => {
|
|
const year = d.getFullYear();
|
|
const month = String(d.getMonth() + 1).padStart(2, '0');
|
|
const day = String(d.getDate()).padStart(2, '0');
|
|
return `${year}-${month}-${day}`;
|
|
})
|
|
if(selectedFormattedDates.length > 0){
|
|
$("#confirm_date_pesanan_pending").text('Pada Tanggal : ' + selectedFormattedDates)
|
|
}else{
|
|
$("#confirm_date_pesanan_pending").text('');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
@endsection
|