@php use Carbon\Carbon; @endphp

@extends('modules.sensors.layouts.base')
@section('title', __('modules.sensors.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">
                {{ __('sensors.dashboard') }}
            </h1>
            <div class="flex items-center gap-2 text-sm font-normal text-secondary-foreground">
                <span id="sensor-vehicle-name">-</span>
            </div>
        </div>
    </div>

    <div class="grid lg:grid-cols-3 gap-y-5 lg:gap-7.5 items-stretch">
        @include('modules.sensors.partials.stats')

        <div class="lg:col-span-1">
            <div class="grid gap-5 lg:gap-7.5">
                @include('modules.sensors.partials.map')
                @include('modules.sensors.partials.graph')
            </div>
        </div>

    </div>
    @include('modules.sensors.partials.add_service_modal')
@endsection

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

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