@extends('frontend.theme_2.app')

@section('title', __('Dashboard') . ' || ' . $companyName)
@push('styles')
    <link rel="stylesheet" href="{{ asset('frontend/assets/plugins/daterangepicker/daterangepicker.css') }}">
@endpush
@section('content')

	<div class="page-wrapper">

            <!-- Start Breadscrumb -->
            @include('frontend.pages.banner')
            <!-- End Breadscrumb -->

            <!-- Start Content -->
            <div class="content">
                <div class="container">

					<!-- start row -->
					<div class="row">

						@include('frontend.pages.customer.sidemenu')

						<div class="col-xl-9 col-lg-8">

							<div class="d-flex align-items-center justify-content-between flex-wrap gap-3 border-bottom pb-4 mb-4">
								<h4 class="mb-0">{{ __('Dashboard') }}</h4>
								<div id="reportrange" class="reportrange-picker bg-white d-flex align-items-center">
									<i class="isax isax-calendar-edit text-dark fs-14 me-1"></i><span class="reportrange-picker-field" id="date-range">1 Aug 25 - 31 Aug 25</span><i class="isax isax-arrow-down-14 ms-2"></i>
								</div>
							</div>
							<!-- Loader -->
							<div id="booking-list-container">
			                    <div class="spinner-loader"></div>
			                </div>

							<div id="dashboardStats"></div>

						</div>

					</div>

                </div>
            </div>
            <!-- End Content -->

        </div>
@endsection
@push('scripts')
	<script type="text/javascript" src="{{ asset('frontend/assets/js/custom/dashboard.js') }}"></script>
@endpush