@extends('layout.index', [
    'title' => __('Core.dashboard'),
])

@include('boilerplate::logs.style')

@section('content')
    <div class="btn-group mb-3" role="group" aria-label="" class="d-none">
        <button type="button" class="btn btn-sm btn-secondary text-nowrap" data-id="day">jour</button>
        <button type="button" class="btn btn-sm btn-secondary text-nowrap" data-id="month">mois</button>
        <button type="button" class="btn btn-sm btn-secondary text-nowrap" data-id="year">année</button>
        <button type="button" class="btn btn-sm btn-secondary text-nowrap" data-id="yesterday">jour-1</button>
        <button type="button" class="btn btn-sm btn-secondary text-nowrap" data-id="lastmonth">mois-1</button>
        <button type="button" class="btn btn-sm btn-secondary text-nowrap" data-id="lastyear">année-1</button>
        @include('components.form.daterangepicker', [
            'name' => 'period',
        ])
    </div>

    <div class="row dashboard">
        <div class="col-lg-3 col-sm-6 col-xs-12">
            @include('Admin.Shop.Dashboard._partials.counter')
        </div>
        <div class="col-lg-9">
            @include('Admin.Shop.Dashboard._partials.report')
        </div>
    </div>
@endsection

@include('load.form.daterangepicker')

@push('js')
    @apexchartsScripts
    {!! $chart->script() !!}
    <script>
        initDaterangepicker();
    </script>
@endpush