<!doctype html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title>ALEFI</title>
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="<?php echo e(asset('assets/img/favicon/favicon.ico')); ?>" />
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
        href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
        rel="stylesheet" />
    <!-- Icons. Uncomment required icon fonts -->
    <link rel="stylesheet" href="<?php echo e(asset('assets/vendor/fonts/boxicons.css')); ?>" />
    <!-- bootstrap 5 and datatable -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css">
    <!-- Core CSS -->
    <link rel="stylesheet" href="<?php echo e(asset('assets/vendor/css/core.css')); ?>" class="template-customizer-core-css" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/vendor/css/theme-default.css')); ?>"
        class="template-customizer-theme-css" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/css/demo.css')); ?>" />

    <?php echo $__env->yieldPushContent('styles'); ?>

    <style>
        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            justify-content: flex-start;
        }

        .dataTables_length,
        .dataTables_filter {
            display: none;
        }

        .dataTables_wrapper .bottom {
            margin-left: 10px;
        }
    </style>
</head>

<body>
    <!-- Layout wrapper -->
    <div class="layout-wrapper layout-content-navbar">
        <div class="layout-container">
            <!-- Menu -->
            <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
                <div class="app-brand demo">
                    <a href="<?php echo e(route('/')); ?>" class="app-brand-link">
                        <span class="app-brand-text menu-text fw-bolder ms-2" style="font-size:1.75rem;">ALEFI</span>
                    </a>
                    <a href="javascript:void(0);"
                        class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
                        <i class="bx bx-chevron-left bx-sm align-middle"></i>
                    </a>
                </div>

                <div class="menu-inner-shadow"></div>

                <ul class="menu-inner py-1">
                    <!-- Dashboard -->
                    <li class="menu-item <?php echo e(Route::is('admin.dashboard') ? 'active' : ''); ?>">
                        <a href="<?php echo e(route('admin.dashboard')); ?>" class="menu-link">
                            <i class="menu-icon tf-icons bx bx-home-circle"></i>
                            <div data-i18n="Analytics">Dashboard</div>
                        </a>
                    </li>

                    <!-- Layouts -->
                    <?php if(Auth::user()->role == 'admin'): ?>
                        <li
                            class="menu-item <?php echo e(in_array(Route::currentRouteName(), ['admin.branchmanager', 'admin.listmanager']) ? 'active open' : ''); ?>">
                            <a href="javascript:void(0);" class="menu-link menu-toggle">
                                <i class="menu-icon tf-icons bx bx-building"></i>
                                <div data-i18n="Layouts">Branch Manger</div>
                            </a>

                            <ul class="menu-sub">
                                <li class="menu-item">
                                    <a href="<?php echo e(route('admin.branchmanager')); ?>" class="menu-link">
                                        <div data-i18n="Without menu">Add New Manager</div>
                                    </a>
                                </li>
                                <li class="menu-item">
                                    <a href="<?php echo e(route('admin.listmanager')); ?>" class="menu-link">
                                        <div data-i18n="Without navbar"> Manager List</div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    <?php endif; ?>

                    <li
                        class="menu-item <?php echo e(in_array(Route::currentRouteName(), ['admin.agent', 'admin.listagent']) ? 'active open' : ''); ?>">
                        <a href="javascript:void(0);" class="menu-link menu-toggle">
                            <i class="menu-icon tf-icons bx bx-user"></i>
                            <div data-i18n="Agent">Agent</div>
                        </a>
                        <ul class="menu-sub">
                            <li class="menu-item">
                                <a href="<?php echo e(route('admin.agent')); ?>" class="menu-link">
                                    <div data-i18n="Basic">Add New Agent</div>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="<?php echo e(route('admin.listagent')); ?>" class="menu-link">
                                    <div data-i18n="Basic">Agent List</div>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li
                        class="menu-item <?php echo e(in_array(Route::currentRouteName(), ['admin.enrollmentList', 'admin.enrollmentApproved', 'admin.enrollmentPending']) ? 'active open' : ''); ?>">
                        <a href="javascript:void(0);" class="menu-link menu-toggle">
                            <i class="menu-icon tf-icons bx bx-file"></i>
                            <div data-i18n="Account Settings">Enrollments</div>
                        </a>
                        <ul class="menu-sub">
                            <li class="menu-item">
                                <a href="<?php echo e(route('admin.enrollmentList')); ?>" class="menu-link">
                                    <div data-i18n="Account"> All Enrollment</div>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="<?php echo e(route('admin.enrollmentApproved')); ?>" class="menu-link">
                                    <div data-i18n="Notifications">Approved Enrollment</div>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="<?php echo e(route('admin.enrollmentPending')); ?>" class="menu-link">
                                    <div data-i18n="Connections">Pending Enrollment</div>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <?php if(Auth::user()->role == 'admin'): ?>
                        <li
                            class="menu-item <?php echo e(in_array(Route::currentRouteName(), ['admin.sitesetting']) ? 'active' : ''); ?>">
                            <a href="<?php echo e(route('admin.sitesetting')); ?>" class="menu-link">
                                <i class="menu-icon tf-icons bx bx-collection"></i>
                                <div data-i18n="Basic">Site Settings</div>
                            </a>
                        </li>
                    <?php endif; ?>


                    



                    <!-- Components -->
                    
                    <!-- Cards -->
                    
                    <!-- User interface -->
                    

                    <!-- Extended components -->
                    

                    

                    <!-- Forms & Tables -->
                    
                    <!-- Forms -->
                    

                    

                    <!-- Tables -->
                    
                    <!-- Misc -->
                    
                </ul>
            </aside>
            <!-- / Menu -->
            <!-- Layout container -->
            <div class="layout-page">
                <!-- Navbar -->

                <nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
                    id="layout-navbar">
                    <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
                        <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
                            <i class="bx bx-menu bx-sm"></i>
                        </a>
                    </div>

                    <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
                        <!-- Search -->
                        
                        <!-- /Search -->

                        <ul class="navbar-nav flex-row align-items-center ms-auto">
                            <!-- Place this tag where you want the button to render. -->
                            

                            <!-- User -->
                            <li class="nav-item navbar-dropdown dropdown-user dropdown">
                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);"
                                    data-bs-toggle="dropdown">
                                    <div class="avatar avatar-online">
                                        <img src="<?php echo e(asset('assets/img/avatars/dumy.jpeg')); ?>" alt
                                            class="w-px-40 h-auto rounded-circle" />
                                    </div>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li>
                                        <a class="dropdown-item" href="#">
                                            <div class="d-flex">
                                                <div class="flex-shrink-0 me-3">
                                                    <div class="avatar avatar-online">
                                                        <img src="<?php echo e(asset('assets/img/avatars/dumy.jpeg')); ?>" alt
                                                            class="w-px-40 h-auto rounded-circle" />
                                                    </div>
                                                </div>
                                                <div class="flex-grow-1">
                                                    <span class="fw-semibold d-block"><?php echo e(Auth::user()->name); ?></span>
                                                    <small class="text-muted">Admin</small>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <div class="dropdown-divider"></div>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="<?php echo e(route('admin.profile')); ?>">
                                            <i class="bx bx-user me-2"></i>
                                            <span class="align-middle">My Profile</span>
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <div class="dropdown-divider"></div>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="<?php echo e(route('logout')); ?>"
                                            onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                            <i class="bx bx-power-off me-2"></i><span class="align-middle">Log
                                                Out</span>
                                        </a>
                                    </li>

                                    <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST"
                                        class="d-none">
                                        <?php echo csrf_field(); ?>
                                    </form>

                                </ul>
                            </li>
                            <!--/ User -->
                        </ul>
                    </div>
                </nav>

                <!-- / Navbar -->

                <!-- Content wrapper -->
                <div class="content-wrapper">

                    <?php echo $__env->yieldContent('content'); ?>

                    <!-- Footer -->
                    <footer class="content-footer footer bg-footer-theme">
                        <div
                            class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
                            <div class="mb-2 mb-md-0">
                                ©
                                <script>
                                    document.write(new Date().getFullYear());
                                </script>
                                , made with ❤️ by
                                <a href="#" target="_blank" class="footer-link fw-bolder">ALEFI</a>
                            </div>
                        </div>
                    </footer>
                    <!-- / Footer -->

                    <div class="content-backdrop fade"></div>
                </div>
                <!-- Content wrapper -->
            </div>
            <!-- / Layout page -->
        </div>

        <!-- Overlay -->
        <div class="layout-overlay layout-menu-toggle"></div>
    </div>
    <!-- / Layout wrapper -->

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
    <script src="<?php echo e(asset('assets/vendor/js/bootstrap.js')); ?>"></script>
    <!-- Helpers -->
    <script src="<?php echo e(asset('assets/vendor/js/helpers.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/vendor/js/menu.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/js/main.js')); ?>"></script>

    <script>
        $(document).ready(function() {
            var dataTable = $('#myDataTable').DataTable({
                "dom": '<"top"lf>t<"bottom"ip>',
                // "dom": 'lftipr',
                // "lengthMenu": [
                //     [10, 25, 50, -1],
                //     [10, 25, 50, "All"]
                // ],
                // "bFilter": false,
                "lengthMenu": false,
            });

            // var dataTable = $('#myDataTable').DataTable({
            //     // "dom": '<"top"lf>t<"bottom"ip>',
            //     "dom": 'lftipr',
            //     // "lengthMenu": [
            //     //     [10, 25, 50, -1],
            //     //     [10, 25, 50, "All"]
            //     // ], 
            //     "bFilter": false,
            //     "lengthMenu": false,
            // });


            // Add search input fields for each column
            // dataTable.columns().every(function() {
            //     var column = this;
            //     var columnIndex = column.index();
            //     var headerCell = $(dataTable.column(columnIndex).header());



            //     // Create and append the input field
            //     // var input = $('<input type="text" class="form-control"  placeholder="Search ' + headerCell.text() + '">')
            //     //     .appendTo(headerCell)
            //     //     .on('keyup change', function() {
            //     //         column.search(this.value).draw();
            //     //     });
            // });

            $('#entries').on('change', function() {
                var entries = $(this).val();
                dataTable.page.len(entries).draw();
            });

            // Search input event
            $('#search').on('keyup', function() {
                var searchValue = $(this).val();
                dataTable.search(searchValue).draw();
            });
        });
    </script>

    <?php echo $__env->yieldPushContent('scripts'); ?>
</body>

</html>
<?php /**PATH /home/netmente/Desktop/Alefi/resources/views/layouts/app.blade.php ENDPATH**/ ?>