@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('layouts.admin.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">
                                <form action="" class="mb-4">
                                    <div class="row g-2">
                                        <div class="col-md col-sm-4">
                                            <select name="division_id" id="division_id" class="form-select rounded-pill shadow-none custom-select-pill">
                                                 <option value="" selected disabled>Division</option>
                                                @foreach($divisions as $division)
                                                <option value="{{$division->id}}">{{$division->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md col-sm-4">
                                            <select name="region_id" id="region_id" class="form-select rounded-pill shadow-none custom-select-pill">
                                               <option value="" selected disabled>Region</option>
                                            </select>
                                        </div>
                                        <div class="col-md col-sm-4">
                                            <select name="areas_id" id="areas_id" class="form-select rounded-pill shadow-none custom-select-pill">
                                                <option value="" selected disabled>Area</option>
                                            </select>
                                        </div>
                                        <div class="col-md col-sm-4">
                                            <select name="StoreId" id="StoreId" class="form-select rounded-pill shadow-none custom-select-pill">
                                                <option value="" selected disabled>Store</option>
                                            </select>
                                        </div>
                                        <div class="col-md col-sm-4">
                                            <button type="button" class="btn btn-type1 rounded-pill py-1 filterstats">Filter</button>
                                        </div>
                                    </div>
                                </form>
                                <div class="row g-2">
                                    <div class="col-md-4 upcomming"></div>
                                    <div class="col-md-4 wrenchstats"></div>
                                    <div class="col-md-4 orderstats"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="row g-3 overview"></div>
                        </div>

                        
                    
                    </div>
                </section>
            </div>
        </div>
    </main>

@push('script')
 <script>
var orderurl = "{{ route('order.stats') }}";
var wrenchurl = "{{ route('wrench.stats') }}";
var caliburl = "{{ route('calibration.stats') }}";
var statsurl = "{{ route('overall.stats') }}";
var module = 'dashboard';
</script>
<script src="{{ asset('Assets/js/dashboard.js') }}"></script>
<script src="{{ asset('Assets/js/customscript.js') }}"></script>

@endpush
@stop