<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>@yield('title', 'Dashboard') &middot; {{ config('app.name') }}</title>

    {{-- Fonts + Bootstrap 5 + Icons --}}
    <link rel="preconnect" href="https://cdn.jsdelivr.net">
    <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    {{-- DataTables + Select2 (Bootstrap 5 themed) --}}
    <link href="https://cdn.datatables.net/1.13.8/css/dataTables.bootstrap5.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@1.5.2/dist/select2-bootstrap4.min.css" rel="stylesheet">

    <link href="{{ asset('css/sms.css') }}?v={{ @filemtime(public_path('css/sms.css')) ?: '1' }}" rel="stylesheet">
    @stack('styles')
</head>
<body>
<div class="sms-layout">
    @include('layouts.partials.sidebar')

    <div class="sms-content">
        @include('layouts.partials.navbar')
        @include('layouts.partials.topmenu')

        <main class="sms-page">
            <div class="page-head d-flex flex-wrap justify-content-between align-items-center">
                <div>
                    <h1>@yield('page_title', View::yieldContent('title', 'Dashboard'))</h1>
                    @hasSection('breadcrumbs')
                        <nav><ol class="breadcrumb">@yield('breadcrumbs')</ol></nav>
                    @endif
                </div>
                <div>@yield('page_actions')</div>
            </div>

            @include('layouts.partials.flash')

            @yield('content')
        </main>

        @include('layouts.partials.footer')
    </div>
</div>
<div class="sms-backdrop" data-sidebar-close></div>

{{-- @include('layouts.partials.assistant') --}}

{{-- jQuery + Bootstrap + plugins --}}
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
<script src="{{ asset('js/sms.js') }}?v={{ @filemtime(public_path('js/sms.js')) ?: '1' }}"></script>
@stack('scripts')
</body>
</html>
