File: /var/www/javago-portal-updates/resources/views/cafe/dashboard.blade.php
<x-app-layout>
<x-slot name="css">
<link rel="stylesheet" href="{{ asset('assets/css/components/custom-modal.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/flatpickr/flatpickr.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/flatpickr/custom-flatpickr.css') }}">
<style>
.layout-top-spacing {
min-height: calc(100vh - 190px) !important;
}
/*240223*/
.customCard {
background-color: #F5F3F0;
border-radius: 15px;
border: 0;
position: relative;
padding: 30px;
min-height: 260px;
overflow: hidden;
}
.bottomIcon {
background: #9B6842;
border-radius: 15px 0px;
padding: 15px;
width: 60px;
position: absolute;
right: 0;
bottom: 0;
}
.contentcard {
padding-top: 25px;
}
.contentcard p {
font-size: 18px;
line-height: 27px;
color: #9B6842;
text-transform: uppercase;
}
.contentcard h4 {
font-size: 25px;
line-height: 38px;
color: #461C10;
font-weight: 600;
}
.contentcard h3 {
font-size: 46px;
line-height: 75px;
color: #461C10;
font-weight: 900;
}
.bgLogoImg {
position: absolute;
right: -26px;
top: 30px;
transition: .6s;
}
.customCard:hover .bgLogoImg {
right: 0;
}
/* > Process Styles */
.process-wrap {
width: 50%;
margin: 100px auto;
padding-top: 100px;
}
.process-main {
width: 100%;
min-width: 320px;
display: flex;
}
.col-4 {
width: 25%;
position: relative;
}
.process-main .col-4:not(:first-child):before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 2px;
top: 32%;
left: calc(-50% + 20px);
right: 0;
background: #ebebeb;
border: 2px #ebebeb solid;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
}
.process-step-cont {
font-family: sans-serif;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
align-content: space-between;
}
.process-step {
border: 3px #ebebeb solid;
border-radius: 100%;
line-height: 0;
background: #D9D9D9;
text-align: center;
align-items: center;
justify-content: center;
align-self: center;
display: flex;
color: var(--coffee-dark) !important;
width: 65px;
height: 65px;
font-weight: 700;
margin-bottom: 7px;
z-index: 4;
cursor: pointer;
font-size: 30px;
}
.active-step {
background: var(--coffee-dark) !important;
border: 3px var(--coffee-medium) solid !important;
}
.process-label {
color: #959595;
font-weight: 600;
width: 100%;
text-align: center;
}
.active-step2 .col-4:first-child,
.active-step3 .col-4:nth-child(-n+2),
.active-step4 .col-4:nth-child(-n+3) {
opacity: 0.5;
}
.active-step2 .col-4:first-child .process-step:before,
.active-step3 .col-4:nth-child(-n+2) .process-step:before,
.active-step4 .col-4:nth-child(-n+3) .process-step:before {
content: '\2713';
padding: 7px;
}
.active-step2 .col-4:nth-child(-n+2) .process-step,
.active-step2 .col-4:nth-child(-n+2) .process-dots,
.active-step3 .col-4:nth-child(-n+3) .process-step,
.active-step3 .col-4:nth-child(-n+3) .process-dots,
.active-step4 .col-4:nth-child(-n+4) .process-step,
.active-step4 .col-4:nth-child(-n+4) .process-dots {
background-color: #f89828;
}
.active-step2 .col-4:nth-child(-n+2) .process-label,
.active-step3 .col-4:nth-child(-n+3) .process-label,
.active-step4 .col-4:nth-child(-n+4) .process-label {
color: #f89828;
}
.active-step2 .col-4:nth-child(-n+2):before,
.active-step3 .col-4:nth-child(-n+3):before,
.active-step4 .col-4:nth-child(-n+4):before {
background: #f89828 !important;
}
@media screen and (max-width: 640px) {
.process-main {
flex-wrap: wrap;
}
.col-4 {
width: 50%;
}
.process-main .col-4:nth-of-type(3):not(:first-child):before {
top: -19.5px;
left: calc(-50% + 145px);
transform: rotate(150deg);
}
}
.modalDilogFilter {
margin: 114px 44px 0 auto !important;
}
.modal-sm {
max-width: 450px;
}
.flatpickr-calendar.open {
z-index: 1050;
}
.blink {
animation: blinker 2s linear infinite;
text-align: center;
font-weight: 700;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.blink:hover {
animation: none;
}
</style>
</x-slot>
@if ($cafeDetail->profile_completed == 1 && $cafeDetail->menu_completed == 1 && $cafeDetail->loyalty_completed == 1)
<!-- Modal -->
<div class="modal fade" id="filterModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-sm modalDilogFilter" role="document">
<div class="modal-content">
<div class="modal-header border-remove-model">
<h3 class="modal-title fw-bold" id="exampleModalLabel">
<strong>{{ __('common.filter') }}</strong>
</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</button>
</div>
<form id="filter_form">
@csrf
<div class="modal-body py-0 row">
<div class="col-6">
<div class="form-group mb-0">
<label for="order_from" class="form-label">{{ __('common.from') }}</label>
<input id="order_from" class="form-control flatpickr flatpickr-input active" type="text"
placeholder="Select from date.." name="order_from" readonly="readonly">
</div>
</div>
<div class="col-6">
<div class="form-group mb-0">
<label for="order_to" class="form-label">{{ __('common.to') }}</label>
<input id="order_to" class="form-control flatpickr flatpickr-input active" type="text"
placeholder="Select to date.." name="order_to" readonly="readonly">
</div>
</div>
</div>
<div class="modal-footer justify-content-start border-remove-model">
<a href="" id="filter-reset" class="btn btn-coffee-dark">{{ __('common.clear') }}</a>
<button id="filter-save" class="btn btn-coffee-light"
style="text-transform: capitalize !important;" data-dismiss="modal"
aria-label="Close">{{ __('common.applyFilter') }}</button>
</div>
</form>
</div>
</div>
</div>
@if($cafeDetail->is_admin_approved == 0)
<div class="admin_approval">
<h3 class="blink">Cafe has not been approved by admin yet. Admin approval is still pending.</h3>
</div>
@endif
<div class="page-header">
<div class="page-title">
<h3>Dashboard</h3>
</div>
</div>
<div class="layout-top-spacing">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 layout-spacing">
<div class="card customCard customCard-1">
<img src="{{ asset('assets/img/card-bg-img.svg') }}" class="bgLogoImg" alt="" width="80">
<div class="contentcard">
<p>{{ __('common.TotalNumberOf') }}</p>
<h4>{{ __('common.AllOrders') }}</h4>
<h3>{{ isset($allOrder) ? $allOrder : 0 }}</h3>
</div>
<div class="bottomIcon">
<svg width="30" height="30" viewBox="0 0 38.674 38.672">
<path id="all_order" data-name="all order"
d="M37.969,41.836h-22.5A3.867,3.867,0,0,1,11.6,37.969v-.633a10.9,10.9,0,0,1,0-21.234V7.031a3.867,3.867,0,0,1,3.867-3.867H31.177A3.853,3.853,0,0,1,33.919,4.3L40.7,11.081a3.853,3.853,0,0,1,1.139,2.813V37.969a3.867,3.867,0,0,1-3.867,3.867ZM13.711,37.617v.352a1.758,1.758,0,0,0,1.758,1.758h22.5a1.758,1.758,0,0,0,1.758-1.758V15.117H33.75a3.867,3.867,0,0,1-3.867-3.867V5.273H15.469a1.758,1.758,0,0,0-1.758,1.758V15.82h.351a10.9,10.9,0,1,1,0,21.8Zm.351-19.687A8.789,8.789,0,1,0,20.277,20.5,8.789,8.789,0,0,0,14.063,17.93ZM31.992,5.47v5.78a1.758,1.758,0,0,0,1.758,1.758h5.78a1.952,1.952,0,0,0-.323-.436L32.428,5.794a1.954,1.954,0,0,0-.436-.323Zm3.164,26.522H28.125a1.055,1.055,0,0,1,0-2.109h7.031a1.055,1.055,0,1,1,0,2.109Zm-23.2-2.109a1.04,1.04,0,0,1-.7-.351,1.055,1.055,0,0,1,0-1.406l1.8-1.8V22.5a1.055,1.055,0,1,1,2.109,0v4.219a1.054,1.054,0,0,1-.309.745l-2.194,2.067a1.04,1.04,0,0,1-.7.351Zm23.2-3.516H29.531a1.055,1.055,0,1,1,0-2.109h5.625a1.055,1.055,0,1,1,0,2.109Zm0-5.625H28.125a1.055,1.055,0,0,1,0-2.109h7.031a1.055,1.055,0,1,1,0,2.109Zm-9.844-5.625H21.094a1.055,1.055,0,1,1,0-2.109h4.219a1.055,1.055,0,1,1,0,2.109Z"
transform="translate(-3.163 -3.164)" fill="#fff" />
</svg>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 layout-spacing">
<div class="card customCard customCard-1">
<img src="{{ asset('assets/img/card-bg-img.svg') }}" class="bgLogoImg" alt="" width="80">
<div class="contentcard">
<p>{{ __('common.TotalNumberOf') }}</p>
<h4>{{ __('common.Today\'sOrders') }}</h4>
<h3>{{ isset($todayOrder) ? $todayOrder : 0 }}</h3>
</div>
<div class="bottomIcon">
<svg width="25" height="30" viewBox="0 0 35.355 45.001">
<path id="today-orders"
d="M7883.678,1095.165h-26.355a4.307,4.307,0,0,1-4.5-4.072V1060.4a4.557,4.557,0,0,1,4.5-4.339h4.072v-1.821c0-.592.592-.857,1.178-.857h3.106a4.893,4.893,0,0,1,4.584-3.219c.061,0,.123,0,.183,0a4.8,4.8,0,0,1,4.769,3.215h3.16c.594,0,1.233.268,1.233.857v1.821h4.07a4.557,4.557,0,0,1,4.5,4.339v30.693A4.307,4.307,0,0,1,7883.678,1095.165Zm-26.355-36.963a2.407,2.407,0,0,0-2.356,2.2v30.693a2.164,2.164,0,0,0,2.356,1.928h26.355a2.165,2.165,0,0,0,2.358-1.928l0-30.693a2.407,2.407,0,0,0-2.356-2.2h-4.07v2.732a1.184,1.184,0,0,1-1.167,1.019l-.066,0h-15.8l-.06,0a1.118,1.118,0,0,1-1.118-1.019V1058.2Zm6.214-2.678v4.286h13.927v-4.286h-3.053a1.175,1.175,0,0,1-1.071-.964,3.047,3.047,0,0,0-2.895-2.409,3.109,3.109,0,0,0-2.946,2.409,1.181,1.181,0,0,1-1.018.964Zm-2.122,32.944a.965.965,0,0,1-.717-.321l-2.2-2.251a1.123,1.123,0,0,1,0-1.552,1.072,1.072,0,0,1,1.5.053l1.447,1.5,3.427-3.266a1.072,1.072,0,0,1,1.5.053c.021.019.042.039.063.061a1.021,1.021,0,0,1-.063,1.439l-4.177,3.963a1.066,1.066,0,0,1-.75.321Zm20.334-1.339h-12.321a1.071,1.071,0,0,1,0-2.142h12.321a1.071,1.071,0,1,1,0,2.142Zm-20.334-7.231a.965.965,0,0,1-.717-.321l-2.2-2.251a1.123,1.123,0,0,1,0-1.552,1.072,1.072,0,0,1,1.5.053l1.447,1.5,3.427-3.266a1.072,1.072,0,0,1,1.5.053c.02.018.042.039.063.062a1.021,1.021,0,0,1-.063,1.439l-4.177,3.963a1.067,1.067,0,0,1-.75.321Zm20.334-1.339h-12.321a1.072,1.072,0,0,1,0-2.144h12.321a1.072,1.072,0,0,1,0,2.144Zm-20.329-7.231a.968.968,0,0,1-.723-.323l-2.2-2.249a1.128,1.128,0,0,1,0-1.554,1.072,1.072,0,0,1,1.5.053l1.447,1.5,3.427-3.268a1.072,1.072,0,0,1,1.5.053c.02.018.041.039.063.063a1.021,1.021,0,0,1-.063,1.437L7862.2,1071a1.068,1.068,0,0,1-.75.323Zm20.329-1.341h-12.321a1.071,1.071,0,0,1,0-2.142h12.321a1.071,1.071,0,1,1,0,2.142Z"
transform="translate(-7852.823 -1050.163)" fill="#fff" />
</svg>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 layout-spacing">
<div class="card customCard customCard-1">
<img src="{{ asset('assets/img/card-bg-img.svg') }}" class="bgLogoImg" alt="" width="80">
<div class="contentcard">
<p>{{ __('common.TotalNumberOf') }}</p>
<h4>{{ __('common.AllRevenue') }}</h4>
<h3>{!! __('common.pound') !!} {{ isset($allRevenue) ? $allRevenue : 0 }}</h3>
</div>
<div class="bottomIcon">
<svg width="30" height="30" viewBox="0 0 39.646 45">
<path id="All_Revenue" data-name="All Revenue"
d="M7829,1096a9.713,9.713,0,0,1-2-.207l-.017,0-.033-.008-9.078-2.548a2.609,2.609,0,0,0-1.948.213l-1.521.815-.018.615a.731.731,0,0,1-.736.717h-.022l-5.853-.16a.739.739,0,0,1-.717-.758l.353-12.846a.734.734,0,0,1,.736-.717h.022l5.853.161a.74.74,0,0,1,.719.758l-.034,1.229a9.582,9.582,0,0,1,8.874-.008l.542.282a5.7,5.7,0,0,0,2.426.626l5.339.146a4.724,4.724,0,0,1,4.016,2.477l5.782-2.731a3.692,3.692,0,0,1,1.673-.4,3.735,3.735,0,0,1,3.25,1.9.738.738,0,0,1-.242.983l-13.165,8.515a.586.586,0,0,1-.092.051A9.921,9.921,0,0,1,7829,1096Zm-11.835-4.341a4.045,4.045,0,0,1,1.11.155l9.057,2.542a8.407,8.407,0,0,0,1.673.168,8.307,8.307,0,0,0,3.445-.742l12.448-8.05a2.254,2.254,0,0,0-2.55-.358.069.069,0,0,1-.018.008l-5.932,2.8a4.649,4.649,0,0,1,.071.959.731.731,0,0,1-.736.717h-.022l-8.773-.24a.739.739,0,0,1,.021-1.477h.019l7.952.221a3.229,3.229,0,0,0-3.078-2.58l-5.337-.148a7.174,7.174,0,0,1-3.064-.792l-.543-.282a8.112,8.112,0,0,0-8.243.441l-.207,7.558.776-.416A4.1,4.1,0,0,1,7817.168,1091.659Zm-8.293-9.052-.311,11.369,4.376.122.313-11.369-4.378-.122Zm18.476-.374a10.7,10.7,0,1,1,10.7-10.7A10.716,10.716,0,0,1,7827.351,1082.233Zm0-19.931a9.227,9.227,0,1,0,9.226,9.228A9.254,9.254,0,0,0,7827.351,1062.3Zm3.46,13.726h-6.481l-.28-.868a3.665,3.665,0,0,0,1.148-2.8,2.623,2.623,0,0,0-.071-.587h-1.54v-1.107h1.189a5.1,5.1,0,0,1-.293-1.707,2.921,2.921,0,0,1,3.178-3.052,3,3,0,0,1,2.315.887,3.116,3.116,0,0,1,.751,2.094h-1.458a1.675,1.675,0,0,0-.418-1.229,1.618,1.618,0,0,0-1.19-.408c-.622,0-1.666.233-1.666,1.792a5.129,5.129,0,0,0,.321,1.623h2.718v1.107h-2.395a2.97,2.97,0,0,1,.069.6,3.338,3.338,0,0,1-.937,2.351h5.04v1.3Zm2.076-16.54a.74.74,0,0,1-.739-.739v-3.32a.739.739,0,1,1,1.477,0v3.32A.739.739,0,0,1,7832.887,1059.488Zm-5.536,0a.74.74,0,0,1-.739-.739v-7.011a.738.738,0,1,1,1.475,0v7.011A.738.738,0,0,1,7827.351,1059.488Zm-5.536,0a.74.74,0,0,1-.739-.739v-3.32a.738.738,0,1,1,1.475,0v3.32A.738.738,0,0,1,7821.815,1059.488Z"
transform="translate(-7807.067 -1051)" fill="#fff" />
</svg>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 layout-spacing">
<div class="card customCard customCard-1">
<img src="{{ asset('assets/img/card-bg-img.svg') }}" class="bgLogoImg" alt="" width="80">
<div class="contentcard">
<p>{{ __('common.TotalNumberOf') }}</p>
<h4>{{ __('common.Today\'sCustomers') }}</h4>
<h3>{{ isset($todayUser) ? $todayUser : 0 }}</h3>
</div>
<div class="bottomIcon">
<svg width="35" height="30" viewBox="0 0 45 39.199">
<path id="Today_s_Customers" data-name="Today's Customers"
d="M7784.287,1089.2h-17.574a3.082,3.082,0,0,1-3.066-2.812h-8.061a2.583,2.583,0,0,1-2.585-2.575v-9.6a5.956,5.956,0,0,1,5.967-5.932h2.039a5.994,5.994,0,0,1,5.423,3.458,10.66,10.66,0,0,1,7.842-3.458h2.458a10.66,10.66,0,0,1,7.842,3.458,5.993,5.993,0,0,1,5.423-3.458h2.037a5.957,5.957,0,0,1,5.969,5.932v9.507a2.674,2.674,0,0,1-2.677,2.666h-7.969a3.084,3.084,0,0,1-3.067,2.812Zm-10.016-18.281a8.009,8.009,0,0,0-8,8v7.2a.443.443,0,0,0,.442.442h17.574a.442.442,0,0,0,.44-.442v-7.2a8.009,8.009,0,0,0-8-8Zm13.5,12.832h6.153a12.375,12.375,0,0,0,1.441-.018s0,0,0-.006a.015.015,0,0,1,0-.008v-9.507a3.318,3.318,0,0,0-3.333-3.3h-2.037a3.318,3.318,0,0,0-3.333,3.3v.9c.744,1.933.736,3.174.713,6.493v.143c0,.589-.008,1.257-.008,2Zm-28.808-12.832a3.317,3.317,0,0,0-3.331,3.3v9.537h8c0-.813-.005-1.55-.009-2.143-.022-3.319-.031-4.559.712-6.492v-.9a3.317,3.317,0,0,0-3.331-3.3Zm32-5.625a4.834,4.834,0,1,1,4.834-4.834A4.839,4.839,0,0,1,7790.969,1065.293Zm0-7.032a2.2,2.2,0,1,0,2.2,2.2A2.2,2.2,0,0,0,7790.969,1058.262Zm-15.469,7.032a7.647,7.647,0,1,1,7.646-7.646A7.655,7.655,0,0,1,7775.5,1065.293Zm0-12.656a5.009,5.009,0,1,0,5.01,5.01A5.016,5.016,0,0,0,7775.5,1052.637Zm-15.468,12.656a4.834,4.834,0,1,1,4.834-4.834A4.839,4.839,0,0,1,7760.032,1065.293Zm0-7.032a2.2,2.2,0,1,0,2.2,2.2A2.2,2.2,0,0,0,7760.032,1058.262Z"
transform="translate(-7753 -1049.999)" fill="#fff" />
</svg>
</div>
</div>
</div>
<div class="page-header col-12 row">
<div class="page-title col-12 d-flex ml-3">
<h3 class="my-auto">{{ __('common.Today\'sOrders') }}</h3>
{{-- <button class="d-flex ml-auto btn btn-coffee-dark py-2 px-3" data-toggle="modal"
data-target="#filterModel">
<svg class="mr-2 my-1" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-bar-chart" style="transform: rotate(270deg);">
<line x1="12" y1="20" x2="12" y2="10"></line>
<line x1="18" y1="20" x2="18" y2="4"></line>
<line x1="6" y1="20" x2="6" y2="16"></line>
</svg>
<span class="my-1">{{ __('common.filter') }}</span>
</button> --}}
<a href="{{ $orderHistoryUrl }}" class="d-flex ml-auto btn btn-coffee-dark py-2 px-3">
<span class="my-1">{{ __('common.viewMore') }}</span>
</a>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
<div class="widget-content widget-content-area br-6">
<table id="order_history" class="table dt-table-hover" style="width:100%">
<thead>
<tr>
<th>{{ __('common.no.') }}</th>
<th>{{ __('common.orderId') }}</th>
<th>{{ __('common.customerName') }}</th>
<th>{{ __('common.orderAmount') }}</th>
<th>{{ __('common.orderTime') }}</th>
<th>Order Items</th>
<th>{{ __('common.status') }}</th>
<th>Order Completed</th>
<th>Estimated Arrival Time</th>
<th class="no-content"></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
@else
<div class="layout-top-spacing">
<div class="process-wrap active-step1">
<div class="process-main">
<div class="col-4">���
<div class="process-step-cont">
<div class="process-step step-1 {{ $cafeDetail->menu_completed == 1 ? 'active-step' : '' }}">
<a href="{{ route('cafe.cafe-menu-item.index') }}">
@if ($cafeDetail->menu_completed == 1)
<svg width="35" height="35" viewBox="0 0 35 35" fill="none">
<path d="M29.1666 8.75L13.1249 24.7917L5.83325 17.5" stroke="white" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
@else
1
@endif
</a>
</div>
<span class="process-label">{{ __('common.addMenu') }}</span>
</div>
</div>
<div class="col-4">
<div class="process-step-cont">
<div class="process-step step-2 {{ $cafeDetail->profile_completed == 1 ? 'active-step' : '' }}">
<a href="{{ route(Auth::getDefaultDriver() . '.myProfile') }}">
@if ($cafeDetail->profile_completed == 1)
<svg width="35" height="35" viewBox="0 0 35 35" fill="none">
<path d="M29.1666 8.75L13.1249 24.7917L5.83325 17.5" stroke="white" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
@else
2
@endif
</a>
</div>
<span class="process-label">Cafe Profile</span>
</div>
</div>
<div class="col-4">
<div class="process-step-cont">
<div class="process-step step-3 {{ $cafeDetail->loyalty_completed == 1 ? 'active-step' : '' }}">
<a href="{{ route('cafe.manage-loyalty-stamp.index') }}">
@if ($cafeDetail->loyalty_completed == 1)
<svg width="35" height="35" viewBox="0 0 35 35" fill="none">
<path d="M29.1666 8.75L13.1249 24.7917L5.83325 17.5" stroke="white" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
@else
3
@endif
</a>
</div>
<span class="process-label">Add Stamps</span>
</div>
</div>
</div>
<div class="process-main">
<div class="col-12 text-center pt-10" style="padding-top: 150px">
<h2 style="color:#747474;">Currently Not Listed</h2>
</div>
</div>
</div>
</div>
@endif
<x-slot name="script">
<script>
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': "{{ csrf_token() }}"
}
});
const getData = "{{ $dataUrl }}";
const tableElement = document.getElementById('order_history');
</script>
<script src="{{ asset('plugins/flatpickr/flatpickr.js') }}"></script>
<script src="{{ asset('plugins/fullcalendar/moment.min.js') }}"></script>
<script src="{{ asset('assets/js/cafe/dashboard/order-history.js') }}"></script>
<script src="{{ asset('assets/js/tableAction.js') }}"></script>
</x-slot>
</x-app-layout>