<!doctype html>
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable" data-theme-assets-base="{{ rtrim(theme_asset(''), '/') }}/">
<head>
    <meta charset="utf-8" />
    <title>@yield('title', 'Dashboard') | {{ config('app.name', 'Accounting ERP') }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="GST Billing & Accounting System" name="description" />
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="shortcut icon" href="{{ theme_asset('images/favicon.ico') }}">
    <script src="{{ theme_asset('js/layout.js') }}"></script>
    <link href="{{ theme_asset('css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ theme_asset('css/icons.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ theme_asset('css/app.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ theme_asset('css/custom.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/billing-admin.css') }}" rel="stylesheet" type="text/css" />
    @stack('styles')
</head>
<body class="billing-admin">
    <div id="layout-wrapper">
        @include('partials.admin.topbar')
        @include('partials.admin.sidebar')

        <div class="vertical-overlay"></div>

        <div class="main-content">
            <div class="page-content">
                <div class="container-fluid">
                    @hasSection('page-header')
                        @yield('page-header')
                    @else
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                    <h4 class="mb-sm-0">@yield('page-title', 'Dashboard')</h4>
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                                            <li class="breadcrumb-item active">@yield('page-title', 'Dashboard')</li>
                                        </ol>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @include('partials.admin.alerts')
                    @yield('content')
                </div>
            </div>

            @include('partials.admin.footer')
        </div>
    </div>

    <button onclick="topFunction()" class="btn btn-danger btn-icon" id="back-to-top">
        <i class="ri-arrow-up-line"></i>
    </button>

    <div id="preloader">
        <div id="status">
            <div class="spinner-border text-primary avatar-sm" role="status">
                <span class="visually-hidden">Loading...</span>
            </div>
        </div>
    </div>

    @include('partials.admin.scripts')
    @stack('scripts')
</body>
</html>
