<!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/icon.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>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</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') }}">
                   <img style="width: 165px;" title="Towny" alt="Towny" src="/admin/assets/img/newlogo1.jpg" class="toggle-none hidden-xs">
                   </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">
        
 <!-- This header is styled by "styles.css". 
           <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-item">
                <a class="nav-link" href="/admin/application-setting">  
                <img src="/admin/assets/img/cog-solid.svg"/>
                 Application Setting </a>
              </li>
              
                <li><a class="nav-link" href="#">  <img src="/admin/assets/img/users-solid.svg"/> Management <span class="fa arrow"></span></a>
                   <ul>
                     <li><a class="nav-link" href="/admin/app-users"><img src="/admin/assets/img/users-cog-solid.svg"/> Users Management</a></li>
                     <li><a class="nav-link" href="/admin/content-management"> <img src="/admin/assets/img/tasks-solid.svg"/>  Content Management</a></li>
                    <li><a class="nav-link" href="/admin/chat-message-group">  <img src="/admin/assets/img/user-friends-solid.svg"/> Group Management </a>
                    <li><a class="nav-link" href="/admin/group-join-request"> <img src="/admin/assets/img/request-management-icon.svg"/>  Request Management</a></li>
                </ul>
                </li>

             {{-- <li  class="nav-item">
                 <a class="nav-link" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">   <img src="/admin/assets/img/users-solid.svg"/> Management <span class="fa arrow"></span></a>
               </li>
           
             <li class="nav-item mb-0">
                 <ul class="collapse child-menu" id="collapseExample">
                     <li><a class="nav-link" href="/admin/app-users"><img src="/admin/assets/img/users-cog-solid.svg"/> Users Management</a></li>
                     <li><a class="nav-link" href="/admin/content-management"> <img src="/admin/assets/img/tasks-solid.svg"/>  Content Management</a></li>
                    <li><a class="nav-link" href="/admin/chat-message-group">  <img src="/admin/assets/img/user-friends-solid.svg"/> Group Management </a>
                    <li><a class="nav-link" href="/admin/group-join-request"> <img src="/admin/assets/img/request-management-icon.svg"/>  Request Management</a></li>
                </ul>
             </li>--}}
             <li><a class="nav-link"  href="/admin/faq"><img src="/admin/assets/img/faqs-icon.svg"/>  FAQ's</a></li>
             <li><a class="nav-link" href="/admin/support-list">  <img src="/admin/assets/img/team-support.svg"/> Support</a></li>
             <li><a class="nav-link" href="#"> <img src="/admin/assets/img/report-file.svg"/> Reports  <span class="fa arrow"></span> </a>
                <ul>
                     <li><a class="nav-link" href="/admin/user-report-list"> <img src="/admin/assets/img/userreport-icon.svg"/>  User Report </a>
                     <li><a class="nav-link" href="/admin/group-report-list"> <img src="/admin/assets/img/groupreports-icon.svg"/>  Group Report</a></li>
                </ul>
             </li>
             
            </ul>


        {{--
          <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> -->
