81 lines
3.5 KiB
PHP
81 lines
3.5 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> Semua Pesanan
|
|
</h4>
|
|
|
|
<!-- Card Master Menu -->
|
|
<div class="card">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<h5 class="mb-0">Semua Pesanan <strong id="confirm_semua_pesanan_time"></strong></h5>
|
|
<div class="d-flex align-items-center gap-2">
|
|
<button type="button" class="btn btn-sm btn-outline-secondary" onclick="exportSemuaPesanan()">
|
|
<i class="fa fa-download me-1"></i> Export
|
|
</button>
|
|
<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>
|
|
<div class="card-body">
|
|
<table class="table" id="datatableSemuaPesanan"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<x-infoPesanan modalId="infoPesanan" judulModal="Info Pesanan" />
|
|
<x-modalExport modalId="exportSemuaPesananModal" form="/dashboard/export/semua-pesanan" confirm="Semua Pesanan"/>
|
|
|
|
<script src="{{ ver('/js/semua_pesanan/_init.js') }}"></script>
|
|
<script src="{{ ver('/js/semua_pesanan/dt.js') }}"></script>
|
|
<script src="{{ ver('/js/semua_pesanan/action.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}`;
|
|
})
|
|
initDt(selectedFormattedDates)
|
|
if(selectedFormattedDates.length > 0){
|
|
const tanggalList = selectedFormattedDates;
|
|
|
|
let tanggalRapi = '';
|
|
if (tanggalList.length === 1) {
|
|
tanggalRapi = tanggalList[0];
|
|
} else if (tanggalList.length === 2) {
|
|
tanggalRapi = tanggalList.join(' dan ');
|
|
} else if (tanggalList.length > 2) {
|
|
tanggalRapi = tanggalList.slice(0, -1).join(', ') + ', dan ' + tanggalList.slice(-1);
|
|
}
|
|
$("#confirm_semua_pesanan_time").text(': ' + tanggalRapi)
|
|
|
|
}else{
|
|
$("#confirm_semua_pesanan_time").text('');
|
|
}
|
|
}
|
|
});
|
|
$("#confirm_semua_pesanan_time").text('Hari ini');
|
|
initDt()
|
|
});
|
|
</script>
|
|
@endsection
|