<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>@yield('title', 'Cannki Kicker | Admin')</title>

    <!-- Custom fonts for this template-->
    <!-- <link href="assets/css/all.min.css" rel="stylesheet" type="text/css" /> -->
    <link
        href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
        rel="stylesheet" />

    <link href="{{ asset('backend/') }}/assets/css/admin.css" rel="stylesheet" />
    <link href="{{ asset('backend/') }}/assets/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('backend/') }}/assets/css/select2.min.css" />
    <link rel="stylesheet" href="{{ asset('backend/') }}/assets/css/toastr.min.css" />
    <link rel="stylesheet" href="{{ asset('backend/') }}/assets/css/bootstrap4-toggle.min.css" />
    <!-- <link rel="stylesheet" href="assets/css/summernote-bs4.css" /> -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs4.min.css" />
    <link rel="stylesheet" href="{{ asset('backend/') }}/assets/css/jquery.timepicker.min.css" />
    <link rel="stylesheet" href="{{ asset('backend/') }}/assets/css/prescription.css" />
    <link rel="stylesheet" href="{{ asset('backend/') }}/assets/css/style.css" />
    <link rel="stylesheet" href="{{ asset('backend/') }}/assets/css/spacing.css" />
    <link rel="stylesheet" href="{{ asset('backend/') }}/assets/tags/amsify.suggestags.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
    <link rel="stylesheet" href="{{ asset('backend/') }}/assets/css/fontawesome-iconpicker.min.css" />
    <link rel="stylesheet" type="text/css" href="{{ asset('backend/') }}/assets/css/flaticon.min.css" />
    <script src="{{ asset('backend/') }}/assets/js/jquery_jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">


    <style>
        .fade.in {
            opacity: 1 !important;
        }
    </style>
    <!-- Scripts -->
    {{-- @vite(['resources/css/app.css', 'resources/js/app.js']) --}}
</head>

<body id="page-top" class="body_bg">

    <div id="wrapper">
        @include('admin.layouts.partials.sidebar')
        <div id="content-wrapper" class="d-flex flex-column">

            <div id="content">
                @include('admin.layouts.partials.navbar')

                <!-- Begin Page Content -->
                <div class="container-fluid">
                    {{ $slot }}
                </div>
            </div>
        </div>
    </div>

    <!-- Scroll to Top Button-->
    <a class="scroll-to-top rounded" href="##page-top">
        <i class="fas fa-angle-up"></i>
    </a>
    @include('admin.layouts.partials.script')
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>

    <script type="text/javascript">
        $('.summernote').summernote({
            height: 150
        });
    </script>

    @yield('script')
</body>

</html>
