@extends('layouts.admin.admin')
@section('title', 'Dashboard')
@section('content')

 <main>
        <div class="container-fluid p-0">
            <div class="row g-0">
                @include('partials.header')
                @include('partials.sidebar')
                <section class="content-section col primary-bg-light p-xl-4 p-3">
                    <div class="row g-3">
                        <div class="col-12">
                            <div class="bg-white rounded-3 p-3 shadow-sm h-100">
                                <div class="mb-4">
                                   @include('admin.filters')
                                </div>
                                <div class="row g-2">
                                    <livewire:calibration-box />
                                    <livewire:wrench-condition-box/>
                                     <livewire:open-orders-box />
                                    
                                    
                                </div>
                            </div>
                        </div> 
                        
                        <livewire:overallstats-box/>
                    </div>
                </section>
            </div>
        </div>
    </main>

@push('script')

 <script>
var module = 'dashboard';
document.getElementById('filterBtn').addEventListener('click', ()=>{
    StatsFilters();
});
function StatsFilters() {
        const filters = {
            division: document.getElementById('division_id').value,
            region: document.getElementById('region_id').value,
            area: document.getElementById('areas_id').value,
            store: document.getElementById('StoreId').value,
        };

        Livewire.dispatch('updateStatsFilters', filters);
    }
url = new URL(window.location.href);
if (!url.searchParams.has('division') && !url.searchParams.has('region') && !url.searchParams.has('areas') && !url.searchParams.has('store')) {
   
    sessionStorage.clear();
}
// sessionStorage.clear()
</script>
<script src="{{ asset('Assets/js/customscript.js') }}"></script>

@endpush





@stop