<!DOCTYPE html>
<html lang="en" dir="ltr" data-nav-layout="vertical" data-theme-mode="dark" data-header-styles="dark"
data-menu-styles="dark" data-toggled="close">
<head>
<!-- Meta Data -->
<meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{% block title %}Welcome!{% endblock %}</title>
<meta name="Description" content="Bootstrap Responsive Admin Web Dashboard HTML5 Template">
<meta name="Author" content="Spruko Technologies Private Limited">
<meta name="keywords"
content="admin,admin dashboard,admin panel,admin template,bootstrap,clean,dashboard,flat,jquery,modern,responsive,premium admin templates,responsive admin,ui,ui kit.">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('assets/favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('assets/favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Main Theme Js -->
<script src="{{ asset("theme/assets/js/main.js") }}"></script>
<!-- Bootstrap Css -->
<link id="style" href="{{ asset("theme/assets/libs/bootstrap/css/bootstrap.min.css") }}" rel="stylesheet">
<!-- Style Css -->
<link href="{{ asset("theme/assets/css/styles.min.css") }}" rel="stylesheet">
<!-- Icons Css -->
<link href="{{ asset("theme/assets/css/icons.css") }}" rel="stylesheet">
<!-- Node Waves Css -->
<link href="{{ asset("theme/assets/libs/node-waves/waves.min.css") }}" rel="stylesheet">
<!-- Simplebar Css -->
<link href="{{ asset("theme/assets/libs/simplebar/simplebar.min.css") }}" rel="stylesheet">
<!-- Color Picker Css -->
<link rel="stylesheet" href="{{ asset("theme/assets/libs/flatpickr/flatpickr.min.css") }}">
<link rel="stylesheet" href="{{ asset("theme/assets/libs/@simonwep/pickr/themes/nano.min.css") }}">
<!-- Animate Css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
{{ encore_entry_link_tags('bo') }}
{% block stylesheets %}{% endblock %}
</head>
<body>
{{ include("bo/layout/_switcher.html.twig") }}
<div class="page">
{{ include("bo/layout/_header.html.twig") }}
{{ include("bo/layout/_sidebar.html.twig") }}
<!-- Start::app-content -->
<div class="main-content app-content">
<div class="container-fluid">
{% block body %}{% endblock %}
</div>
</div>
<!-- End::app-content -->
{{ include("bo/layout/_headersearch_modal.html.twig") }}
{{ include("bo/layout/_footer.html.twig") }}
</div>
<div class="scrollToTop">
<span class="arrow"><i class="ri-arrow-up-s-fill fs-20"></i></span>
</div>
<div id="responsive-overlay"></div>
<!-- Popper JS -->
<script src="{{ asset("theme/assets/libs/@popperjs/core/umd/popper.min.js") }}"></script>
<!-- Bootstrap JS -->
<script src="{{ asset("theme/assets/libs/bootstrap/js/bootstrap.bundle.min.js") }}"></script>
<!-- Defaultmenu JS -->
<script src="{{ asset("theme/assets/js/defaultmenu.min.js") }}"></script>
<!-- Node Waves JS-->
<script src="{{ asset("theme/assets/libs/node-waves/waves.min.js") }}"></script>
<!-- Sticky JS -->
<script src="{{ asset("theme/assets/js/sticky.js") }}"></script>
<!-- Simplebar JS -->
<script src="{{ asset("theme/assets/libs/simplebar/simplebar.min.js") }}"></script>
<script src="{{ asset("theme/assets/js/simplebar.js") }}"></script>
<!-- Color Picker JS -->
<script src="{{ asset("theme/assets/libs/@simonwep/pickr/pickr.es5.min.js") }}"></script>
<!-- Custom-Switcher JS -->
<script src="{{ asset("theme/assets/js/custom-switcher.min.js") }}"></script>
<!-- Custom JS -->
<script src="{{ asset("theme/assets/js/custom.js") }}"></script>
{{ encore_entry_script_tags('bo') }}
{% block javascripts %}{% endblock %}
</body>
</html>