@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.details') }}
            </h1>
        </div>
        <div class="flex items-center gap-2.5">

            <button type="button" id="date" data-action="date" class="kt-btn kt-btn-light-primary">
                <i class="ki-duotone ki-calendar fs-2"></i>
                @php
                    $defaultStart = Carbon::now()->subDays(7)->format('Y-m-d');
                    $defaultEnd = Carbon::now()->subDays(1)->format('Y-m-d');
                @endphp
                {{ $defaultStart }} - {{ $defaultEnd }}
            </button>
            <a class="kt-btn kt-btn-outline" href="{{ route('sensors.index') }}">
                {{ __('sensors.back_to_list') }}
            </a>
        </div>
    </div>

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

@section('config')
    <script>
        window.SensorsConfig = {};
        window.SensorsConfig.detailsUrl = "{{ route('sensors.details') }}";
        window.SensorsInitialData = @json($data ?? null);
    </script>
@endsection

@section('extra_scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const sensors = new SensorsCommon();
            if (window.SensorsInitialData) {
                sensors.updateSensorStats(window.SensorsInitialData);
            }
        });
    </script>
@endsection