<!DOCTYPE html>
<html lang="en" dir="ltr" data-nav-layout="vertical" data-vertical-style="detached" data-toggled="detached-close" data-theme-mode="dark" data-header-styles="dark" data-menu-styles="dark" data-card-style="style1" data-card-background="background1" >

    <head>

        <!-- Meta Data -->
		<meta charset="UTF-8">
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="Description" content="SciFi - PHP Premium Bootstrap 5 Admin Dashboard Template">
        <meta name="Author" content="Spruko Technologies Private Limited">
        <meta name="keywords" content="dashboard, dashboard template, php my admin, php admin dashboard, php admin template, php, admin panel, php dashboard, php backend, php admin, template admin, admin, bootstrap dashboard, admin panel template, bootstrap dashboard, bootstrap 5 admin template">
        
        <!-- TITLE -->
		<title>405MoneyHaist - Admin Controller </title>

        <!-- FAVICON -->
        <link rel="icon" href="<?php echo $baseUrl; ?>/assets/images/brand-logos/favicon.ico" type="image/x-icon">

        <!-- BOOTSTRAP CSS -->
	    <link  id="style" href="<?php echo $baseUrl; ?>/assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	    
	    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">

        <!-- ICONS CSS -->
        <link href="<?php echo $baseUrl; ?>/assets/css/icons.css" rel="stylesheet">
        
        <!-- STYLES CSS -->
        <link href="<?php echo $baseUrl; ?>/assets/css/styles.css" rel="stylesheet">

        <!-- MAIN JS -->
        <script src="<?php echo $baseUrl; ?>/assets/js/main.js"></script>

        <?php include 'layouts/components/styles.php'; ?>

        <?php echo $styles; ?>

	</head>

    <body>

        <!-- SWITCHER -->
        <?php include 'layouts/components/switcher.php'; ?>

        <!-- END SWITCHER -->

        <!-- LOADER -->
        <div id="loader">
            <img src="<?php echo $baseUrl; ?>/assets/images/media/loader.svg" alt="">
        </div>
        <!-- END LOADER -->

        <!-- PAGE -->
        <div class="page">

            <!-- HEADER -->
            <?php include 'layouts/components/header.php'; ?>

            <!-- END HEADER -->

            <!-- SIDEBAR -->
            <?php include 'layouts/components/sidebar.php'; ?>

            <!-- END SIDEBAR -->

            <!-- MAIN-CONTENT -->
            <?php echo $content; ?>

            <!-- END MAIN-CONTENT -->

            <!-- SEARCH-MODAL -->
            <?php include 'layouts/components/search-modal.php'; ?>
            
            <!-- END SEARCH-MODAL -->

            <!-- Offcanvas -->
            <?php include 'layouts/components/offcanvas.php'; ?>

            <!-- END Offcanvas -->

            <!-- FOOTER -->
            <?php include 'layouts/components/footer.php'; ?>

            <!-- END FOOTER -->

        </div>
        <!-- END PAGE-->

        <!-- SCRIPTS -->
        <?php include 'layouts/components/scripts.php'; ?>

        <?php echo $scripts; ?>

        <!-- STICKY JS -->
        <script src="<?php echo $baseUrl; ?>/assets/js/sticky.js"></script>

        <!-- DEFAULTMENU JS -->
        <script src="<?php echo $baseUrl; ?>/assets/js/defaultmenu.js"></script>

        <!-- CUSTOM JS -->
        <script src="<?php echo $baseUrl; ?>/assets/js/custom.js"></script>

        <!-- CUSTOM-SWITCHER JS -->
        <script src="<?php echo $baseUrl; ?>/assets/js/custom-switcher.js"></script>

        <!-- END SCRIPTS -->

    </body>
</html>