<nav class="navbar navbar-vertical fixed-left navbar-expand-md " id="sidebar">
    <div class="container-fluid">
        <!-- Toggler -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidebarCollapse"
                aria-controls="sidebarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <!-- Brand -->
        <a class="navbar-brand" href="{{route('home')}}">
            <img src="{{asset('lassets/img/logo-1.png')}}" class="navbar-brand-img
          mx-auto" alt="...">
        </a>

        <!-- User (xs) -->
        <div class="navbar-user d-md-none">
            <!-- Dropdown -->
            <div class="dropdown">
                <!-- Toggle -->
                <a href="#" id="sidebarIcon" class="dropdown-toggle" role="button" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    <div class="avatar avatar-sm avatar-online">
                        <img src="{{asset('lassets/img/avatar-1.png')}}"
                             class="avatar-img rounded-circle" alt="...">
                    </div>
                </a>

                <!-- Menu -->
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="sidebarIcon">
                    <a href="profile-posts.html" class="dropdown-item">Profile</a>
                    <a href="account-general.html" class="dropdown-item">Settings</a>
                    <hr class="dropdown-divider">
                    <a href="javascript:void(0)" onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();"
                       class="dropdown-item">Logout</a>
                </div>

            </div>

        </div>

        <!-- Collapse -->
        <div class="collapse navbar-collapse" id="sidebarCollapse">

            <!-- Form -->
            <form class="mt-4 mb-3 d-md-none">
                <div class="input-group input-group-rounded input-group-merge">
                    <input type="search" class="form-control form-control-rounded form-control-prepended"
                           placeholder="Search" aria-label="Search">
                    <div class="input-group-prepend">
                        <div class="input-group-text">
                            <span class="fe fe-search"></span>
                        </div>
                    </div>
                </div>
            </form>

            <!-- Sidebar Navigation -->
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a href="{{route('home')}}" class="nav-link"> <i class="fe fe-home"></i> Dashboard</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sidebarDashboards" data-toggle="collapse" role="button"
                       aria-expanded="true" aria-controls="sidebarDashboards">
                        Sections
                    </a>
                    <div class="collapse show" id="sidebarDashboards">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{route('binshopsblog.admin.index')}}"
                                   class="nav-link @if(\Request::route()->getName() === 'binshopsblog.admin.index') active @endif">
                                    Accomodation
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="#!" class="nav-link ">
                                    Kitchen
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="#!" class="nav-link ">
                                    Bar
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sidebarPages" data-toggle="collapse" role="button" aria-expanded="false"
                       aria-controls="sidebarPages">
                        <i class="fe fe-user"></i> Rooms
                    </a>
                    <div class="collapse " id="sidebarPages">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{route('admin_all_rooms')}}" class="nav-link" role="button"
                                   aria-expanded="false" aria-controls="sidebarProfile">
                                    All Rooms
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('admin_new_room')}}" class="nav-link"  role="button"
                                   aria-expanded="false" aria-controls="sidebarProject">
                                    New Rooms
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item d-md-none">
                    <a class="nav-link" href="#sidebarModalActivity" data-toggle="modal">
                        <span class="fe fe-bell"></span> All Notifications
                    </a>
                </li>
            </ul>

            <!-- Divider -->
            <hr class="navbar-divider my-3">

            <!-- Heading -->
            <h6 class="navbar-heading">
                Contents
            </h6>

            <!-- Navigation -->
            <ul class="navbar-nav mb-md-4">
                <li class="nav-item">
                    <a class="nav-link" href="#sidebarComponents" data-toggle="collapse" role="button"
                       aria-expanded="false" aria-controls="sidebarComponents">
                        <i class="fe fe-book-open"></i> CheckIns
                    </a>
                    <div class="collapse " id="sidebarComponents">
                        <ul class="nav nav-sm flex-column">
                            <li>
                                <a href="{{ route('admin_new_checkins') }}"
                                   class="nav-link @if(\Request::route()->getName() === 'admin_new_checkins') active @endif ">
                                    New CheckIn
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('admin_all_checkins') }}"
                                   class="nav-link  @if(\Request::route()->getName() === 'binshopsblog.admin.create_post') active @endif  ">
                                    All CheckIns
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('binshopsblog.admin.comments.index') }}"
                                   class="nav-link @if(\Request::route()->getName() === 'binshopsblog.admin.comments.index' && !\Request::get("waiting_for_approval")) active @endif ">
                                    Reservations
                                </a>
                            </li>
                            <li>
                                <a href="#!" class=" active list-group-item list-group-color-warning">
                                    Pending Payments
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sidebarInventory" data-toggle="collapse" role="button"
                       aria-expanded="false" aria-controls="sidebarInventory">
                        <i class="fe fe-plus-square"></i> Inventory
                    </a>
                    <div class="collapse " id="sidebarInventory">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{route('admin_all_inventories')}}" class="nav-link" role="button" aria-expanded="false"
                                   aria-controls="sidebarRooms">
                                    All Inventory
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('admin_new_inventory')}}" class="nav-link" role="button" aria-expanded="false"
                                   aria-controls="sidebarRooms">
                                    New Inventory
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sidebarStock" data-toggle="collapse" role="button"
                       aria-expanded="false"
                       aria-controls="sidebarStock">
                        <i class="fe fe-plus-square"></i> Stock
                    </a>
                    <div class="collapse " id="sidebarStock">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{route('admin_all_stocks')}}" class="nav-link" role="button" aria-expanded="false"
                                   aria-controls="sidebarStock">
                                    All Stocks
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('admin_new_stock')}}" class="nav-link" role="button" aria-expanded="false"
                                   aria-controls="sidebarStock">
                                    New Stock
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sidebarCategories" data-toggle="collapse" role="button"
                       aria-expanded="false" aria-controls="sidebarCategories">
                        <i class="fe fe-layers"></i> Categories
                    </a>
                    <div class="collapse " id="sidebarCategories">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{route('admin_all_categories')}}" class="nav-link" role="button"
                                   aria-expanded="false" aria-controls="sidebarCategories">
                                    All Categories
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('admin_new_category')}}" class="nav-link" role="button"
                                   aria-expanded="false" aria-controls="sidebarCategories">
                                    New Category
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sidebarBrands" data-toggle="collapse" role="button"
                       aria-expanded="false"
                       aria-controls="sidebarBrands">
                        <i class="fe fe-layers"></i> Brands
                    </a>
                    <div class="collapse " id="sidebarBrands">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{route('admin_all_brands')}}" class="nav-link" role="button"
                                   aria-expanded="false" aria-controls="sidebarBrands">
                                    All Brands
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('admin_new_brand')}}" class="nav-link" role="button"
                                   aria-expanded="false" aria-controls="sidebarBrands">
                                    New Brand
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#sidebarProducts" data-toggle="collapse" role="button"
                       aria-expanded="false" aria-controls="sidebarProducts">
                        <i class="fe fe-layers"></i> Products
                    </a>
                    <div class="collapse " id="sidebarProducts">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{route('admin_all_products')}}" class="nav-link" role="button"
                                   aria-expanded="false" aria-controls="sidebarRooms">
                                    All Products
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('admin_new_product')}}" class="nav-link" role="button"
                                   aria-expanded="false" aria-controls="sidebarRooms">
                                    New Product
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>

            <!-- Push content down -->
            <div class="mt-auto"></div>


            <!-- Customize -->
            <div id="popoverDemo" data-toggle="popover" data-trigger="manual" title="Make DeNiche Your Own!"
                 data-content="Switch the demo to Dark Mode or adjust the navigation layout, icons, and colors!">
                <a href="#modalDemo" title="Settings" class="btn btn-block btn-primary mb-4" data-toggle="modal">
                    <i class="fe fe-sliders mr-2"></i>
                </a>
            </div>


            <!-- User (md) -->
            <div class="navbar-user d-none d-md-flex" id="sidebarUser">

                <!-- Icon -->
                <a href="#sidebarModalActivity" class="navbar-user-link" data-toggle="modal">
              <span class="icon">
                <i class="fe fe-bell"></i>
              </span>
                </a>

                <!-- Dropup -->
                <div class="dropup">

                    <!-- Toggle -->
                    <a href="#" id="sidebarIconCopy" class="dropdown-toggle" role="button" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">
                        <div class="avatar avatar-sm avatar-online">
                            <img src="{{asset('lassets/img/avatar-1.png')}}"
                                 class="avatar-img rounded-circle" alt="...">
                        </div>
                    </a>

                    <!-- Menu -->
                    <div class="dropdown-menu" aria-labelledby="sidebarIconCopy">
                        <a href="profile-posts.html" class="dropdown-item">Profile</a>
                        <a href="account-general.html" class="dropdown-item">Settings</a>
                        <hr class="dropdown-divider">
                        <a href="javascript:void(0)" class="dropdown-item"
                           onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Logout</a>
                    </div>

                </div>

                <!-- Icon -->
                <a href="#sidebarModalSearch" class="navbar-user-link" data-toggle="modal">
              <span class="icon">
                <i class="fe fe-search"></i>
              </span>
                </a>

            </div>


        </div> <!-- / .navbar-collapse -->

    </div>
</nav>


<nav class="navbar navbar-vertical navbar-vertical-sm fixed-left navbar-expand-md " id="sidebarSmall">
    <div class="container-fluid">


        <div class="collapse navbar-collapse" id="sidebarSmallCollapse">


        </div>


        <!-- User (md) -->
        <div class="navbar-user d-none d-md-flex flex-column" id="sidebarSmallUser">


        </div>


    </div> <!-- / .navbar-collapse -->

    </div>
</nav>


<nav class="navbar navbar-expand-lg " id="topnav">
    <div class="container">

        <!-- Toggler -->
        <button class="navbar-toggler mr-auto" type="button" data-toggle="collapse" data-target="#navbar"
                aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <!-- Brand -->
        <a class="navbar-brand mr-auto" href="{{route('home')}}">
            <img src="{{asset('assets/images/footer-logo2.png')}}" alt="..." class="navbar-brand-img">
        </a>

        <!-- Form -->
        <form class="form-inline mr-4 d-none d-lg-flex">
            <div class="input-group input-group-rounded input-group-merge" data-list='{"valueNames": ["name"]}'>

                <!-- Input -->
                <input type="search" class="form-control form-control-prepended  dropdown-toggle list-search"
                       data-toggle="dropdown" placeholder="Search" aria-label="Search">
                <div class="input-group-prepend">
                    <div class="input-group-text">
                        <i class="fe fe-search"></i>
                    </div>
                </div>

                <!-- Menu -->
                <div class="dropdown-menu dropdown-menu-card">
                    <div class="card-body">

                        <!-- List group -->
                        <div class="list-group list-group-flush list-group-focus list my-n3">
                            <a class="list-group-item" href="team-overview.html">
                                <div class="row align-items-center">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar">
                                            <img src="{{asset('assets/backassets/img/avatars/teams/team-logo-1.jpg')}}"
                                                 alt="..." class="avatar-img rounded">
                                        </div>

                                    </div>
                                    <div class="col ml-n2">

                                        <!-- Title -->
                                        <h4 class="text-body text-focus mb-1 name">
                                            Airbnb
                                        </h4>

                                        <!-- Time -->
                                        <p class="small text-muted mb-0">
                                            <span class="fe fe-clock"></span>
                                            <time datetime="2018-05-24">Updated 2hr ago</time>
                                        </p>

                                    </div>
                                </div> <!-- / .row -->
                            </a>
                        </div>

                    </div>
                </div> <!-- / .dropdown-menu -->

            </div>
        </form>

        <!-- User -->
        <div class="navbar-user">

            <!-- Dropdown -->
            <div class="dropdown mr-4 d-none d-lg-flex">

                <!-- Toggle -->
                <a href="#" class="navbar-user-link" role="button" data-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false">
              <span class="icon active">
                <i class="fe fe-bell"></i>
              </span>
                </a>

                <!-- Menu -->
                <div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
                    <div class="card-header">

                        <!-- Title -->
                        <h5 class="card-header-title">
                            Notifications
                        </h5>

                        <!-- Link -->
                        <a href="#!" class="small">
                            View all
                        </a>

                    </div> <!-- / .card-header -->
                    <div class="card-body">

                        <!-- List group -->
                        <div class="list-group list-group-flush list-group-activity my-n3">
                            <a class="list-group-item text-reset" href="#!">
                                <div class="row">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar avatar-sm">
                                            <img src="{{asset('assets/backassets/img/avatars/profiles/dvaa1.jpg')}}"
                                                 alt="..." class="avatar-img rounded-circle">
                                        </div>

                                    </div>
                                    <div class="col ml-n2">

                                        <!-- Content -->
                                        <div class="small">
                                            <strong>Dr. Victor A. Adoji</strong> shared your post with Ab Hadley, Adolfo
                                            Hess, and 3 others.
                                        </div>

                                        <!-- Time -->
                                        <small class="text-muted">
                                            2m ago
                                        </small>

                                    </div>
                                </div> <!-- / .row -->
                            </a>
                        </div>

                    </div>
                </div> <!-- / .dropdown-menu -->

            </div>

            <!-- Dropdown -->
            <div class="dropdown">

                <!-- Toggle -->
                <a href="#" class="avatar avatar-sm avatar-online dropdown-toggle" role="button" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    <img src="{{asset('assets/backassets/img/avatars/profiles/dvaa1.jpg')}}" alt="..."
                         class="avatar-img rounded-circle">
                </a>

                <!-- Menu -->
                <div class="dropdown-menu dropdown-menu-right">
                    <a href="#!" class="dropdown-item">Profile</a>
                    <a href="#!" class="dropdown-item">Settings</a>
                    <hr class="dropdown-divider">
                    <a href="javascript:void(0);" class="dropdown-item"
                       onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Logout</a>
                </div>

            </div>

        </div>

        <!-- Collapse -->
        <div class="collapse navbar-collapse mr-lg-auto order-lg-first" id="navbar">

            <!-- Form -->
            <form class="mt-4 mb-3 d-md-none">
                <input type="search" class="form-control form-control-rounded" placeholder="Search" aria-label="Search">
            </form>
            <!-- Navigation -->
            <ul class="navbar-nav mr-lg-auto">
                <li class="nav-item"><a class="nav-link active" href="{{route('home')}}">Dashboard</a></li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="topnavDashboards" role="button"
                       data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Admin
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="topnavDashboards">
                        <li>
                            <a class="dropdown-item" href="{{route('binshopsblog.admin.index')}}">
                                Posts
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item " href="#!">
                                Foundation
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item " href="#!">
                                WINP
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle " href="#" id="topnavPages" role="button" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">
                        Content
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="topnavPages">
                        <li class="dropright">
                            <a class="dropdown-item dropdown-toggle " href="#" id="topnavProfile" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Posts
                            </a>
                            <div class="dropdown-menu" aria-labelledby="topnavProfile">
                                <a href="{{ route('binshopsblog.admin.index') }}"
                                   class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.index') active @endif  ">
                                    All Posts
                                </a>
                                <a href="{{ route('binshopsblog.admin.create_post') }}"
                                   class="dropdown-item  @if(\Request::route()->getName() === 'binshopsblog.admin.create_post') active @endif  ">
                                    Create Post
                                </a>
                                <a href="{{ route('binshopsblog.admin.comments.index') }}"
                                   class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.comments.index' && !\Request::get("waiting_for_approval")) active @endif ">
                                    All Comments
                                </a>
                                <?php $comment_approval_count = \BinshopsBlog\Models\BinshopsComment::withoutGlobalScopes()->where("approved", false)->count(); ?>
                                <a href="{{ route('binshopsblog.admin.comments.index') }}?waiting_for_approval=true"
                                   class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.comments.index' && \Request::get("waiting_for_approval")) active @elseif($comment_approval_count>0) list-group-item list-group-color-warning @endif  ">
                                    Pending Comments
                                </a>
                                <a href="{{ route('binshopsblog.admin.categories.index') }}"
                                   class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.categories.index') active @endif  ">
                                    All Categories
                                </a>
                                <a href="{{ route('binshopsblog.admin.categories.create_category') }}"
                                   class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.categories.create_category') active @endif  ">
                                    New Categories
                                </a>
                                <a href="{{ route('binshopsblog.admin.languages.index') }}"
                                   class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.languages.index') active @endif  ">
                                    All Languages
                                </a>
                                <a href="{{ route('binshopsblog.admin.languages.create_language') }}"
                                   class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.languages.create_language') active @endif  ">
                                    New Language
                                </a>
                                @if(config("binshopsblog.image_upload_enabled"))
                                    <a href="{{ route('binshopsblog.admin.images.all') }}"
                                       class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.images.all') active @endif  ">
                                        All Image
                                    </a>
                                    <a href="{{ route('binshopsblog.admin.images.upload') }}"
                                       class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.images.upload') active @endif  ">
                                        New Image
                                    </a>
                                    <a href="{{route('binshopsblog.admin.images.store')}}"
                                       class="dropdown-item @if(\Request::route()->getName() === 'binshopsblog.admin.images.store') active @endif  ">
                                        Uploaded Images
                                    </a>
                                @endif
                                <a class="dropdown-item " href="#!">
                                    Subscribers
                                </a>
                            </div>
                        </li>
                        <li class="dropright">
                            <a class="dropdown-item dropdown-toggle " href="#" id="topnavProject" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Project
                            </a>
                            <div class="dropdown-menu" aria-labelledby="topnavProject">
                                <a class="dropdown-item " href="">
                                    Overview
                                </a>
                                <a class="dropdown-item " href="project-files.html">
                                    Files
                                </a>
                                <a class="dropdown-item " href="project-reports.html">
                                    Reports
                                </a>
                                <a class="dropdown-item " href="project-new.html">
                                    New project
                                </a>
                            </div>
                        </li>
                        <li class="dropright">
                            <a class="dropdown-item dropdown-toggle " href="#" id="topnavTeam" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Team
                            </a>
                            <div class="dropdown-menu" aria-labelledby="topnavTeam">
                                <a class="dropdown-item " href="team-overview.html">
                                    Overview
                                </a>
                                <a class="dropdown-item " href="team-projects.html">
                                    Projects
                                </a>
                                <a class="dropdown-item " href="team-members.html">
                                    Members
                                </a>
                                <a class="dropdown-item " href="team-new.html">
                                    New team
                                </a>
                            </div>
                        </li>
                        <li class="dropright">
                            <a class="dropdown-item dropdown-toggle " href="#" id="topnavFeed" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Feed
                            </a>
                            <div class="dropdown-menu" aria-labelledby="topnavFeed">
                                <a class="dropdown-item " href="feed.html">
                                    Platform
                                </a>
                                <a class="dropdown-item " href="social-feed.html">
                                    Social
                                </a>
                            </div>
                        </li>
                        <li class="dropright">
                            <a class="dropdown-item dropdown-toggle " href="#" id="topnavAccount" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Account
                            </a>
                            <div class="dropdown-menu" aria-labelledby="topnavAccount">
                                <a class="dropdown-item " href="account-general.html">
                                    General
                                </a>
                                <a class="dropdown-item " href="account-billing.html">
                                    Billing
                                </a>
                                <a class="dropdown-item " href="account-members.html">
                                    Members
                                </a>
                                <a class="dropdown-item " href="account-security.html">
                                    Security
                                </a>
                                <a class="dropdown-item " href="account-notifications.html">
                                    Notifications
                                </a>
                            </div>
                        </li>
                        <li class="dropright">
                            <a class="dropdown-item dropdown-toggle " href="#" id="topnavCrm" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                CRM
                            </a>
                            <div class="dropdown-menu" aria-labelledby="topnavCrm">
                                <a class="dropdown-item " href="crm-contacts.html">
                                    Contacts
                                </a>
                                <a class="dropdown-item " href="crm-companies.html">
                                    Companies
                                </a>
                                <a class="dropdown-item " href="crm-deals.html">
                                    Deals
                                </a>
                            </div>
                        </li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#modalDemo" data-toggle="modal">
                        <i class="fe fe-settings"></i>
                    </a>
                </li>
            </ul>

        </div>

    </div> <!-- / .container -->
</nav>