@php
    $allowedDepartments = collect($permissions)->pluck('department')->toArray();
@endphp

<style>
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
        padding: 14px 30px;
        box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
    }
</style>

<div class="sidebar-wrapper" sidebar-layout="stroke-svg">
    <div>
        <div class="logo-wrapper" style="text-align-last: center;">
            <a href="{{ url('m/my-dashboard') }}">
                <img class="img-fluid for-light" src="{!! asset('assets/img/' . $logo->img_1) !!}" alt="" width="230">
                <img class="img-fluid for-dark" src="{!! asset('assets/img/' . $logo->img_1) !!}" alt="">
            </a>
            <div class="back-btn"><i class="fa fa-angle-left"></i></div>
        </div>
        <div class="logo-icon-wrapper">
            <a href="/m/dashboard">
                <img class="img-fluid" src="../admin/assets/images/logo/logo-icon.png" alt="">
            </a>
        </div>
        <nav class="sidebar-main">
            <div class="left-arrow" id="left-arrow"><i data-feather="arrow-left"></i></div>
            <div id="sidebar-menu">
                <ul class="sidebar-links" id="simple-bar">

                    <li class="sidebar-list">
                        <a class="sidebar-link sidebar-title link-nav" href="#!">
                            <svg class="stroke-icon">
                                <use href="{!! asset('admin/assets/svg/icon-sprite.svg#stroke-project') !!}"></use>
                            </svg>
                            <svg class="fill-icon">
                                <use href="{!! asset('admin/assets/svg/icon-sprite.svg#fill-form') !!}"> </use>
                            </svg>
                            <span>Dashboard</span>
                        </a>
                    </li>

                    <li class="sidebar-list" >
                        <a class="sidebar-link sidebar-title link-nav" href="/m/my-dashboard">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14 21C13.4477 21 13 20.5523 13 20V12C13 11.4477 13.4477 11 14 11H20C20.5523 11 21 11.4477 21 12V20C21 20.5523 20.5523 21 20 21H14ZM4 13C3.44772 13 3 12.5523 3 12V4C3 3.44772 3.44772 3 4 3H10C10.5523 3 11 3.44772 11 4V12C11 12.5523 10.5523 13 10 13H4ZM9 11V5H5V11H9ZM4 21C3.44772 21 3 20.5523 3 20V16C3 15.4477 3.44772 15 4 15H10C10.5523 15 11 15.4477 11 16V20C11 20.5523 10.5523 21 10 21H4ZM5 19H9V17H5V19ZM15 19H19V13H15V19ZM13 4C13 3.44772 13.4477 3 14 3H20C20.5523 3 21 3.44772 21 4V8C21 8.55228 20.5523 9 20 9H14C13.4477 9 13 8.55228 13 8V4ZM15 5V7H19V5H15Z"></path></svg>
                            <span>Dashboard</span>
                        </a>
                    </li>

                        @if(in_array('location', $allowedDepartments))
                        <li class="sidebar-list" data-department="location">
                            <a class="sidebar-link sidebar-title" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-map-pin">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />
                                    <path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" />
                                </svg>
                                <span>Location</span>
                                <div class="according-menu"><i class="fa fa-angle-down"></i></div>
                            </a>
                            <ul class="sidebar-submenu">
                                <li><a href="{{ url('m/location') }}">List Location</a></li>
                                <li><a href="{{ url('m/location/create') }}">Create Location</a></li>
                            </ul>
                        </li>
                        @endif

                        @if(in_array('features', $allowedDepartments))
                        <li class="sidebar-list" data-department="features">
                            <a class="sidebar-link sidebar-title" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-map-pin">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />
                                    <path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z" />
                                </svg>
                                <span>Features</span>
                                <div class="according-menu"><i class="fa fa-angle-down"></i></div>
                            </a>
                            <ul class="sidebar-submenu">
                                <li><a href="{{ url('m/features') }}">Future List</a></li>
                                <li><a href="{{ url('m/features/create') }}">Create Future</a></li>
                            </ul>
                        </li>
                        @endif

                        @if(in_array('users', $allowedDepartments))
                        <li class="sidebar-list" data-department="users">
                            <a class="sidebar-link sidebar-title" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-users">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" />
                                    <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
                                    <path d="M16 3.13a4 4 0 0 1 0 7.75" />
                                    <path d="M21 21v-2a4 4 0 0 0 -3 -3.85" />
                                </svg>
                                <span>Users</span>
                                <div class="according-menu"><i class="fa fa-angle-down"></i></div>
                            </a>
                            <ul class="sidebar-submenu">
                                <li><a href="{{ url('m/users') }}">List Users</a></li>
                                <li><a href="{{ url('m/users/create') }}">Create Location</a></li>
                            </ul>
                        </li>
                        @endif

                        <li class="sidebar-list" data-department="real-estate">
                            <a class="sidebar-link sidebar-title" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-building">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M3 21l18 0" />
                                    <path d="M9 8l1 0" />
                                    <path d="M9 12l1 0" />
                                    <path d="M9 16l1 0" />
                                    <path d="M14 8l1 0" />
                                    <path d="M14 12l1 0" />
                                    <path d="M14 16l1 0" />
                                    <path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" />
                                </svg>
                                <span>Real Estate</span>
                                <div class="according-menu"><i class="fa fa-angle-down"></i></div>
                            </a>
                            <ul class="sidebar-submenu">
                                <li><a href="{{ url('m/property/create') }}">Create Property</a></li>
                                <li><a href="{{ url('m/my-property') }}">Own Property</a></li>
                            </ul>
                        </li>

                        @if(in_array('real-estate', $allowedDepartments))
                        <li class="sidebar-list" data-department="real-estate">
                            <a class="sidebar-link sidebar-title" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-building">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M3 21l18 0" />
                                    <path d="M9 8l1 0" />
                                    <path d="M9 12l1 0" />
                                    <path d="M9 16l1 0" />
                                    <path d="M14 8l1 0" />
                                    <path d="M14 12l1 0" />
                                    <path d="M14 16l1 0" />
                                    <path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16" />
                                </svg>
                                <span>Manage Real Estate</span>
                                <div class="according-menu"><i class="fa fa-angle-down"></i></div>
                            </a>
                            <ul class="sidebar-submenu">
                                <li><a href="{{ url('m/manage-property') }}">Property List</a></li>
                                <li><a href="{{ url('m/approved-property') }}">Approved Property</a></li>
                                <li><a href="{{ url('m/pending-property') }}">Pending Property</a></li>
                                <li><a href="{{ url('m/rejected-property') }}">Rejected Property</a></li>
                            </ul>
                        </li>
                        @endif

                        @if(in_array('contact-message', $allowedDepartments))
                        <li class="sidebar-list" data-department="contact-message">
                            <a class="sidebar-link sidebar-title" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-mail">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" />
                                    <path d="M3 7l9 6l9 -6" />
                                </svg>
                                <span>Contact Message</span>
                                <div class="according-menu"><i class="fa fa-angle-down"></i></div>
                            </a>
                            <ul class="sidebar-submenu">
                                <li><a href="{{ url('m/contact-form') }}">Contact Requests</a></li>
                            </ul>
                        </li>
                        @endif

                        @if(in_array('website-settings', $allowedDepartments))
                        <li class="sidebar-list" data-department="website-settings">
                            <a class="sidebar-link sidebar-title" href="#">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-layers-intersect">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                <path d="M8 4m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" />
                                <path d="M4 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" />
                            </svg>
                                <span>Website Settings</span>
                                <div class="according-menu"><i class="fa fa-angle-down"></i></div>
                            </a>
                            <ul class="sidebar-submenu">
                                <li><a href="{{ url('m/edit/london-logo') }}">Logo</a></li>
                                <li><a href="{{ url('m/edit/london-logo-dark') }}">Logo Dark</a></li>
                                <li><a href="{{ url('m/table/london-homepage-slider-item') }}">Homepage Slider</a></li>
                                <li><a href="{{ url('m/edit/london-homepage-section-one') }}">Homepage Section One</a></li>
                                <li><a href="{{ url('m/edit/london-homepage-stats') }}">Homepage Stats Section</a></li>
                                <li><a href="{{ url('m/table/london-homepage-plan-item') }}">Homepage Plans</a></li>
                                <!-- Tenants -->
                                <li><a href="{{ url('m/edit/london-tenants-section-one') }}">Tenants Section One</a></li>
                                <li><a href="{{ url('m/edit/london-tenants-section-why') }}">Tenants Why Us</a></li>
                                <li><a href="{{ url('m/table/london-tenants-section-two-item') }}">Tenants Why Us Item</a></li>
                                <li><a href="{{ url('m/table/london-tenants-faq-section') }}">Tenants FAQ</a></li>
                                <li><a href="{{ url('m/table/london-tenants-faq-item') }}">Tenants FAQ Item</a></li>
                                <li><a href="{{ url('m/edit/london-tenants-faq-how-it-works-section') }}">Tenants Works</a></li>
                                <li><a href="{{ url('m/table/london-tenants-faq-how-it-works-item') }}">Tenants Works Item</a></li>
                                <!-- Tenants -->

                                <li><a href="{{ url('m/edit/london-landlords-section-one') }}">Landlords Section One</a></li>
                                <li><a href="{{ url('m/edit/london-landlords-section-why') }}">Landlords Why Us</a></li>
                                <li><a href="{{ url('m/table/london-landlords-section-two-item') }}">Landlords Why Us Item</a></li>
                                <li><a href="{{ url('m/table/london-landlords-faq-section') }}">Tenants FAQ</a></li>
                                <li><a href="{{ url('m/table/london-landlords-faq-item') }}">Tenants FAQ Item</a></li>

                                <li><a href="{{ url('m/edit/london-aboutus-section-one') }}">About Us</a></li>

                                <li><a href="{{ url('m/edit/london-tenants-book-section') }}">Book Section</a></li>
                                
                                <li><a href="{{ url('m/edit/london-homepage-footer-section-one') }}">Footer Section One</a></li>
                                <li><a href="{{ url('m/edit/london-homepage-footer-section-two') }}">Footer Section Two</a></li>
                                <li><a href="{{ url('m/edit/london-homepage-copyright') }}">Copyright</a></li>
                            </ul>
                        </li>
                        @endif

                        @if(in_array('seo-settings', $allowedDepartments))
                        <li class="sidebar-list" data-department="seo-settings">
                            <a class="sidebar-link sidebar-title" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-google">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M20.945 11a9 9 0 1 1 -3.284 -5.997l-2.655 2.392a5.5 5.5 0 1 0 2.119 6.605h-4.125v-3h7.945z" />
                                </svg>
                                <span>Seo Settings</span>
                                <div class="according-menu"><i class="fa fa-angle-down"></i></div>
                            </a>
                            <ul class="sidebar-submenu">
                                <li><a href="{{ url('m/edit/london-homeage-seo') }}">Homepage</a></li>
                                <li><a href="{{ url('m/edit/london-rooms-seo') }}">Rooms</a></li>
                                <li><a href="{{ url('m/edit/london-tenants-seo') }}">Tenants</a></li>
                                <li><a href="{{ url('m/edit/london-landlords-seo') }}">Landlords</a></li>
                                <li><a href="{{ url('m/edit/london-aboutus-seo') }}">About Us</a></li>
                                <li><a href="{{ url('m/edit/london-contactus-seo') }}">Contact</a></li>
                            </ul>
                        </li>
                        @endif

                        @if(in_array('system-settings', $allowedDepartments))
                        <!-- <li class="sidebar-list" data-department="system-settings">
                            <a class="sidebar-link sidebar-title" href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-settings">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" />
                                    <path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />
                                </svg>
                                <span>System Settings</span>
                                <div class="according-menu"><i class="fa fa-angle-down"></i></div>
                            </a>
                            <ul class="sidebar-submenu">
                                <li><a href="{{ url('m/edit/london-logo') }}">Create Property</a></li>
                                <li><a href="{{ url('m/edit/london-logo') }}">Own Property</a></li>
                                <li><a href="{{ url('m/edit/london-logo') }}">Agent All Properties</a></li>
                            </ul>
                        </li> -->
                        @endif



                    <li class="sidebar-list">
                        <a class="sidebar-link sidebar-title link-nav" href="/m/profile-settings">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-address-book">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                <path d="M20 6v12a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2z" />
                                <path d="M10 16h6" />
                                <path d="M13 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
                                <path d="M4 8h3" />
                                <path d="M4 12h3" />
                                <path d="M4 16h3" />
                            </svg>
                            <span>Profile Settings</span>
                        </a>
                    </li>
                    <li class="sidebar-list">
                        <a class="sidebar-link sidebar-title link-nav" href="/m/logout">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 11H13V13H5V16L0 12L5 8V11ZM3.99927 18H6.70835C8.11862 19.2447 9.97111 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.97111 4 8.11862 4.75527 6.70835 6H3.99927C5.82368 3.57111 8.72836 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C8.72836 22 5.82368 20.4289 3.99927 18Z"></path></svg>
                            <span>Logout</span>
                        </a>
                    </li>

                </ul>
            </div>
            <div class="right-arrow" id="right-arrow"><i data-feather="arrow-right"></i></div>
        </nav>
    </div>
</div>