@extends('modules.settings.layouts.base')

@section('title', __('translation.settings.name'))

@section('extra_styles')
    <link href="{{ asset('assets/css/speedlimits.css') }}?v={{ time() }}" rel="stylesheet" />
@endsection
@section('content_body')
    <div class="flex flex-col gap-5 lg:gap-7.5 w-full">
        {{-- Top Toolbar --}}
        <div class="flex flex-col justify-center gap-2">
            <h1 class="text-xl font-medium leading-none text-mono">
                {{ __('translation.settings.name') }}
            </h1>
        </div>

        {{-- Content --}}
        <div class="kt-card">
            <div id="cardHeader" class="kt-card-header">
                <div class="flex items-center gap-2.5" data-kt-tabs="true">
                    <button class="kt-btn kt-btn-ghost active" data-kt-tab-toggle="#tab_general">
                        General
                    </button>
                    <!-- <button class="kt-btn kt-btn-ghost" data-kt-tab-toggle="#tab_maps">
                            Maps
                        </button>
                        <button class="kt-btn kt-btn-ghost" data-kt-tab-toggle="#tab_smtp">
                            Email & SMTP
                        </button>
                        <button class="kt-btn kt-btn-ghost" data-kt-tab-toggle="#tab_maintenance">
                            Maintenance
                        </button> -->
                    <button class="kt-btn kt-btn-ghost" data-kt-tab-toggle="#tab_speedlimits">
                        Speed Limits
                    </button>
                </div>
            </div>
            <div class="kt-card-content p-0">
                @include('modules.settings.partials.general')
                @include('modules.settings.partials.maps')
                @include('modules.settings.partials.smtp')
                @include('modules.settings.partials.maintenance')
                @include('modules.settings.partials.speedlimits')
            </div>
        </div>
    </div>
@endsection
@section('extra_scripts')
    <script src="{{ asset('assets/js/apps/settings/speedlimits.js') }}?v={{ time() }}"></script>
@endsection