<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noindex, nofollow">
    <meta name="csrf-token" content="{{ csrfToken }}">
    <title>Admin Panel | {{ config('constants.APP_NAME') }}</title>
    <link rel="icon" type="image/png" sizes="16x16" href="/admin/assets/img/towny-logo.png">
    <link rel="stylesheet" href="/admin/assets/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/admin/assets/lib/toast/jquery.toast.min.css">
    <link rel="stylesheet" href="/admin/assets/scss/style.css">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/alertify.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="/admin/assets/lib/bootstrap/js/popper.min.js"></script>
    <script src="/admin/assets/lib/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div id="overlay"></div>
<div class="top-bar primary-top-bar">
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <a class="admin-logo" href="{{ route('admin.dashboard') }}">
                    <h1 style="margin-top:10px;">
                        <img style="width: 165px;" title="Towny" alt="Towny" src="/admin/assets/img/towny-logo.png" class="toggle-none hidden-xs">
                    </h1>
                </a>
                <div class="left-nav-toggle" >
                    <a  href="#" class="nav-collapse"><i class="fa fa-bars"></i></a>
                </div>
{{--                <div class="left-nav-collapsed" >--}}
{{--                    <a  href="#" class="nav-collapsed"><i class="fa fa-bars"></i></a>--}}
{{--                </div>--}}
                <ul class="list-inline top-right-nav">
                    <li class="dropdown icons-dropdown d-none-m">
{{--                        <a class="dropdown-toggle " data-toggle="dropdown" href="#"><i class="fa fa-bell"></i> <div class="notify setpos"> <span class="heartbit"></span> <span class="point"></span> </div></a>--}}
                        <ul class="dropdown-menu top-dropdown lg-dropdown notification-dropdown">
                            <li>
                                <div class="dropdown-header">
                                    <a class="float-right" href="#"><small>View All</small></a> Notification
                                </div>
                                <div class="scrollDiv">
                                    <div class="notification-list">
                                        <a class="clearfix" href="javascript:void(0);">
                                            <span class="notification-icon">
                                                <img alt="" class="rounded-circle" src="/admin/assets/img/avtar-2.png" width="50">
                                            </span>
                                            <span class="notification-title">John Doe</span>
                                            <span class="notification-description">Lorem Ipsum is simply dummy text of the printing.</span>
                                            <span class="notification-time">15 minutes ago</span>
                                        </a>
                                        <a class="clearfix" href="javascript:void(0);">
                                            <span class="notification-icon">
                                                <img alt="" class="rounded-circle" src="/admin/assets/img/avtar-2.png" width="50">
                                            </span>
                                            <span class="notification-title">John Doe</span>
                                            <span class="notification-description">Lorem Ipsum is simply dummy text of the printing.</span>
                                            <span class="notification-time">15 minutes ago</span>
                                        </a>
                                        <a class="clearfix" href="javascript:void(0);">
                                            <span class="notification-icon">
                                                <img alt="" class="rounded-circle" src="/admin/assets/img/avtar-2.png" width="50">
                                            </span>
                                            <span class="notification-title">John Doe</span>
                                            <span class="notification-description">Lorem Ipsum is simply dummy text of the printing.</span>
                                            <span class="notification-time">15 minutes ago</span>
                                        </a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown avtar-dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <img alt="" class="rounded-circle" src="{{ user.imageUrl ? config('constants.BASE_URL') + '/' + user.imageUrl : '/admin/assets/img/avtar-2.png' }}" width="30">
                            {{ session.get('user').name }}
                        </a>
                        <ul class="dropdown-menu top-dropdown">
                            <li>
                                <a class="dropdown-item" href="{{ route('admin.profile') }}"><i class="icon-user"></i> Profile</a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="{{ route('admin.change-password') }}"><i class="icon-lock"></i> Change Password</a>
                            </li>
                            <li class="dropdown-divider"></li>
                            <li>
                                <a class="dropdown-item" href="{{ route('admin.logout') }}"><i class="icon-logout"></i> Logout</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="main-sidebar-nav default-navigation">
    <div class="nano">
        <div class="nano-content sidebar-nav">
            <div class="card-body border-bottom text-center nav-profile">
                <img style="border-radius: 50%;width: 100px;object-fit: contain;" alt="profile" class="margin-b-10" src="{{ user.imageUrl ? config('constants.BASE_URL') + '/' + user.imageUrl : '/admin/assets/img/avtar-2.png' }}" width="30">
                <p class="lead margin-b-0 toggle-none">{{ session.get('user').name }}</p>
                <p class="text-muted mv-0 toggle-none">Welcome</p>
            </div>
            <ul class="metisMenu nav flex-column" id="menu">
                <li class="nav-heading"><span>MODULE</span></li>
                @if( getCmsModules )
                  @each(cmsModules in getCmsModules)
                    @if( cmsModules.childModules.length > 0 )
                      <li class="nav-item">
                          <a class="nav-link" href="javascript: void(0);" aria-expanded="false">
                            <i class="{{ cmsModules.icon }}"></i>
                            <span class="toggle-none"> {{ cmsModules.name }} <span class="fa arrow"></span></span>
                          </a>
                          <ul class="nav-second-level nav flex-column sub-menu collapse" aria-expanded="false" style="height: 0px;">
                              @each(childModules in cmsModules.childModules)
                                <li class="nav-item"><a class="nav-link" href="{{ route(childModules.route_name) }}">{{ childModules.name }}</a></li>
                              @end
                          </ul>
                      </li>
                    @else
                      <li data-type="parent" class="nav-item">
                          <a class="nav-link" href="{{ route(cmsModules.route_name) }}">
                              <i class="{{ cmsModules.icon }}"></i> <span class="toggle-none">{{ cmsModules.name }}</span>
                          </a>
                      </li>
                    @end
                  @end
                @end
            </ul>
        </div>
    </div>
</div>
<div class="row page-header">
    <div class="col-lg-6 align-self-center ">
        <h2>Dashboard</h2>
    </div>
</div>
