@php use Carbon\Carbon; @endphp

@extends('modules.speedlimit.layouts.base')
@section('title', __('modules.speedlimit.name'))

@section('content_body')

    <div class="flex flex-wrap items-center lg:items-end justify-between gap-5 pb-7.5">
        <div class="flex flex-col justify-center gap-2">
            <h1 class="text-xl font-medium leading-none text-mono">
                {{ __('speedlimit.dashboard') }}
            </h1>
        </div>
        <div class="flex items-center gap-2.5">
            <div class="flex items-center gap-2.5 kt-badge kt-badge-secondary kt-badge-outline py-4 px-3">
                <i class="ki-filled ki-calendar text-lg text-muted-foreground"></i>
                <span class="period text-sm font-medium text-gray-500"></span>
            </div>
            <a class="kt-btn kt-btn-outline" href="{{ route('speedlimit.list') }}">
                {{ __('speedlimit.view_details') }}
            </a>
            <a class="kt-btn kt-btn-outline" href="#" id="btn_generate_report">
                {{ __('speedlimit.generate_report') }}
            </a>
        </div>

    </div>

    <div class="grid gap-5 lg:gap-7.5">
        @include('modules.speedlimit.partials.stats')
        @include('modules.speedlimit.partials.map_graph')
    </div>
@endsection

@section('config')
    <script>
        window.SpeedLimitConfig = {};
        window.SpeedLimitConfig.indexUrl = "{{ route('speedlimit.index') }}";
    </script>
@endsection

@section('extra_scripts')
    <script src="{{ asset('assets/js/apps/speedlimit/index.js') }}"></script>
@endsection