admin.dukany.io/resources/views/inc/sidebar_resto.blade.php

@php
    $current_page = strtolower(Route::currentRouteName());

    $permissions = [];

  $role = \Illuminate\Support\Facades\Auth::user()->role;



    $main_pages = ['dashboard','orderlisting','show_order','outlets','outlets-form','outlets-address',
    'outlets-delivery','outlets-ordering-mode','outlets-pickup','outlets-contactless-dining','payment-links','reports'];
$outlet = ['outlets','outlets-form','outlets-address','outlets-delivery','outlets-ordering-mode','outlets-pickup','outlets-contactless-dining'];
$menu_pages = ['recipes','categories'];
$operations = ['order-history','inventory','pause-orders'];
$marketing = ['marketing','discounts','loyalties','bio-link'];
$resto_id = \App\Helpers\CommonMethods::getRestuarantID();

$datepickercss_conflict = ['reports'];


$mta = \App\Models\RestoMetas::where('bussiness_id',$resto_id)->where('meta_def_id',84)->first();


    @endphp
     <style type="text/css">
.light-skin .main-sidebar{
    box-shadow: none !important;
}
        .resto-name-long{
                max-width: 150px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    top: 4px;
    position: relative;
			color:#000;
        }

        @if(app()->getLocale()=="ar")
        .treeview-menu > li > a{
            padding: 5px 25px 5px 25px;
        }
        @endif

		 .theme-primary.light-skin .sidebar-menu > li:hover svg, .theme-primary.light-skin .sidebar-menu > li:active svg, .theme-primary.light-skin .sidebar-menu > li.active svg{
			 fill:#FFF !important;
		 }

        @if(!in_array($current_page,$datepickercss_conflict))
		 .sidebar-menu  li svg{
			 margin-top:0;

		 }
        @else
         .sidebar-menu  li svg{
            margin-top:8px;

        }
span.light-logo img {
    max-width: 75%;
    position: relative;
    top: 18px;
}
        @endif
         .close-button{
             position: absolute;
         }

        .sidebar-menu li > a > .pull-right-container, .sidebar-menu li > a > .pull-left-container{
            font-size: 1.5714285714rem;
            top:40%
        }
        .theme-primary.light-skin .sidebar-menu > li.active.treeview > a{
            color:#FFF !important;
        }
        .treeview li.active a{
            color:#FFF !important;
        }
        .sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-right, .sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left{
            color:#FFAB00
        }
        .sidebar-menu .menu-open > a > .pull-left-container > .fa-angle-left {
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
        }
        .treeview-menu li:hover a,.treeview-menu li:hover svg{
            color:#fff !important;
        }

        .treeview-menu li.active a,.treeview-menu li.active svg{
            color:#fff !important;
        }
        .main-sidebar{
            padding-top:0px !important;
        }
        .sidebar-menu{
            padding: 73px 0px 50px 0px;
        }


    </style>
<aside class="main-sidebar d-none d-sm-none d-md-none d-lg-block">
    <!-- sidebar-->
    <section class="sidebar position-relative">
        <div class="multinav">
            <div class="multinav-scroll">
                <!-- sidebar menu-->
                <ul class="sidebar-menu" data-widget="tree">
                    <li class="@if(in_array($current_page,$main_pages) && $current_page=="dashboard") active @endif">
                        <a href="{!! env('APP_URL') !!}dashboard">
                            <i class="icon-Library">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 5h4v6H5zm10 8h4v6h-4zM5 17h4v2H5zM15 5h4v2h-4z" opacity=".3"/><path fill="currentColor" d="M3 13h8V3H3v10zm2-8h4v6H5V5zm8 16h8V11h-8v10zm2-8h4v6h-4v-6zM13 3v6h8V3h-8zm6 4h-4V5h4v2zM3 21h8v-6H3v6zm2-4h4v2H5v-2z"/></svg>	</i>
                            <span>{{__('label.dashboard')}}</span>

                        </a>

                    </li>

                    <li class="@if(in_array($current_page,$main_pages)  && ($current_page=="orderlisting" || $current_page=="show_order")) active @endif">

                        <a href="{!! env('APP_URL') !!}orders">
                            <i class="icon-Clipboard-check"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M6 20q-1.25 0-2.125-.875T3 17H1V6q0-.825.588-1.412Q2.175 4 3 4h14v4h3l3 4v5h-2q0 1.25-.875 2.125T18 20q-1.25 0-2.125-.875T15 17H9q0 1.25-.875 2.125T6 20Zm0-2q.425 0 .713-.288Q7 17.425 7 17t-.287-.712Q6.425 16 6 16t-.713.288Q5 16.575 5 17t.287.712Q5.575 18 6 18Zm-3-3h.8q.425-.45.975-.725Q5.325 14 6 14t1.225.275q.55.275.975.725H15V6H3Zm15 3q.425 0 .712-.288Q19 17.425 19 17t-.288-.712Q18.425 16 18 16t-.712.288Q17 16.575 17 17t.288.712Q17.575 18 18 18Zm-1-5h4.25L19 10h-2Zm-8-2.5Z"/></svg></i>
                            @php
                                $order = \App\Models\Orders::select(DB::raw(' count(status) as status_count'),'status')->where('resto_id',$resto_id)
                                ->where('status','Placed')->groupBy('status')->first();
                          $count = isset($order)?$order->status_count:0;
                            @endphp
                            <span>{{__('label.live_orders')}}</span><span class="notification-badge" @if(app()->getLocale()=="ar") dir="rtl" @endif  id="order-counter" style="font-size: 75%; @if($count == 0) display:none; background-color: red !important @endif">{!! $count !!}</span>

                        </a>

                    </li>


                    <li class="@if(in_array($current_page,$outlet)) active @endif">
                        <a href="{!! env('APP_URL') !!}outlets">
                            <i class="icon-Cart"><!--<span class="path1"></span><span class="path2"></span>-->

<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M4 6V4h16v2Zm0 14v-6H3v-2l1-5h16l1 5v2h-1v6h-2v-6h-4v6Zm2-2h6v-4H6Zm-.95-6h13.9Zm0 0h13.9l-.6-3H5.65Z"/></svg>
							</i>

                            <span>{{__('label.outlets')}} </span>

                        </a>

                    </li>




                    <li class="treeview @if(in_array($current_page,$menu_pages))  active menu-open @endif">
                        <a href="#">
                            <i class="icon-Clipboard-check">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-menu-button-fill" viewBox="0 0 16 16">
                                    <path d="M1.5 0A1.5 1.5 0 0 0 0 1.5v2A1.5 1.5 0 0 0 1.5 5h8A1.5 1.5 0 0 0 11 3.5v-2A1.5 1.5 0 0 0 9.5 0h-8zm5.927 2.427A.25.25 0 0 1 7.604 2h.792a.25.25 0 0 1 .177.427l-.396.396a.25.25 0 0 1-.354 0l-.396-.396zM0 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8zm1 3v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2H1zm14-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2h14zM2 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
                                </svg>
                            </i>
                            <span>{{__('label.main_menu')}}</span>
                            <span class=" @if(app()->getLocale()=="ar") pull-left-container @else pull-right-container @endif">
					  <i class=" @if(app()->getLocale()=="ar") fa fa-angle-left pull-left @else fa fa-angle-right pull-right @endif"></i>
					</span>
                        </a>
                        <ul class="treeview-menu" @if(in_array($current_page,$menu_pages)) style="display: block;" @else style="display: none;" @endif>
                            <li @if(in_array($current_page,$menu_pages) && $current_page=="categories") class="active" @endif><a href="{!! env('APP_URL') !!}categories"><i class="icon-Commit">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><circle cx="17.5" cy="17.5" r="2.5" fill="currentColor" opacity=".3"/><path fill="currentColor" d="M5 15.5h4v4H5zm7-9.66L10.07 9h3.86z" opacity=".3"/><path fill="currentColor" d="m12 2l-5.5 9h11L12 2zm0 3.84L13.93 9h-3.87L12 5.84zM17.5 13c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5s4.5-2.01 4.5-4.5s-2.01-4.5-4.5-4.5zm0 7a2.5 2.5 0 0 1 0-5a2.5 2.5 0 0 1 0 5zM11 13.5H3v8h8v-8zm-2 6H5v-4h4v4z"/></svg>
                                    </i>{{__('label.categories')}}</a></li>
                            <li @if(in_array($current_page,$menu_pages) && $current_page=="recipes") class="active" @endif><a href="{!! env('APP_URL') !!}recipes"><i class="icon-Commit">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><circle cx="5" cy="19" r="1" fill="currentColor"/><path fill="currentColor" d="M4 4h2v9H4z"/><path fill="currentColor" d="M7 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Zm0 19H3V3h4Z"/><circle cx="12" cy="19" r="1" fill="currentColor"/><path fill="currentColor" d="M11 4h2v9h-2z"/><path fill="currentColor" d="M14 2h-4a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Zm0 19h-4V3h4Z"/><circle cx="19" cy="19" r="1" fill="currentColor"/><path fill="currentColor" d="M18 4h2v9h-2z"/><path fill="currentColor" d="M21 2h-4a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1Zm0 19h-4V3h4Z"/></svg>
                                    </i>{{__('label.items')}}</a></li>
                        </ul>
                    </li>

                    <li class="treeview @if(in_array($current_page,$operations))  active menu-open @endif">
                        <a href="#">
                            <i class="icon-Clipboard-check">
                                <svg data-v-6f8a3f5f="" fill="currentColor" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg" class="sidebar-menu-item__link-icon" style="width: 21px; height: 21px;"><path d="M2.791 1.778c.345-.34.81-.528 1.292-.528h10.834c.482 0 .947.189 1.292.528.345.34.541.803.541 1.289V18a.75.75 0 01-1.276.534l-1.64-1.615-1.641 1.615a.75.75 0 01-1.053 0L9.5 16.92l-1.64 1.615a.75.75 0 01-1.053 0l-1.64-1.615-1.64 1.615A.75.75 0 012.25 18V3.067c0-.486.196-.95.541-1.289zm1.292.972a.342.342 0 00-.24.097.308.308 0 00-.093.22v13.142l.89-.877a.75.75 0 011.053 0l1.64 1.616 1.64-1.616a.75.75 0 011.053 0l1.64 1.616 1.641-1.616a.75.75 0 011.053 0l.89.877V3.067c0-.08-.032-.16-.094-.22a.342.342 0 00-.24-.097H4.084zm.334 2.983a.75.75 0 01.75-.75H9.5a.75.75 0 110 1.5H5.167a.75.75 0 01-.75-.75zm.75 2.45a.75.75 0 000 1.5H9.5a.75.75 0 000-1.5H5.167zm-.75 3.95a.75.75 0 01.75-.75H9.5a.75.75 0 110 1.5H5.167a.75.75 0 01-.75-.75zm8.062-7.15a.75.75 0 000 1.5h.813a.75.75 0 000-1.5h-.813zm-.75 3.95a.75.75 0 01.75-.75h.813a.75.75 0 010 1.5h-.813a.75.75 0 01-.75-.75zm.75 2.45a.75.75 0 100 1.5h.813a.75.75 0 000-1.5h-.813z"></path></svg>
                            </i>
                            <span>{{__('label.operations')}}</span>
                            <span class=" @if(app()->getLocale()=="ar") pull-left-container @else pull-right-container @endif">
					  <i class=" @if(app()->getLocale()=="ar") fa fa-angle-left pull-left @else fa fa-angle-right pull-right @endif"></i>
					</span>
                        </a>
                        <ul class="treeview-menu" @if(in_array($current_page,$operations)) style="display: block;" @else style="display: none;" @endif>
                            <li @if(in_array($current_page,$operations) && $current_page=="inventory") class="active" @endif><a href="{!! env('APP_URL') !!}inventory"><i class="icon-Commit">
                                        </i>{{__('label.inventory')}}</a></li>
                            <li @if(in_array($current_page,$operations) && $current_page=="pause-orders") class="active" @endif><a href="{!! env('APP_URL') !!}pause/orders"><i class="icon-Commit">
                                    </i>{{__('label.pause_orders')}}</a></li>
                            <li @if(in_array($current_page,$operations) && $current_page=="") class="active" @endif><a href="{!! env('APP_URL') !!}order/history"><i class="icon-Commit">
                                    </i>{{__('label.order_history')}}</a></li>
                        </ul>
                    </li>




                    <li class="treeview @if(in_array($current_page,$marketing))  active menu-open @endif">
                        <a href="#">
                            <i class="icon-Clipboard-check">
                                <svg xmlns="http://www.w3.org/2000/svg" height="26" width="26"><path d="M18 13v-2h4v2Zm1.2 7L16 17.6l1.2-1.6 3.2 2.4Zm-2-12L16 6.4 19.2 4l1.2 1.6ZM5 19v-4H4q-.825 0-1.412-.588Q2 13.825 2 13v-2q0-.825.588-1.413Q3.175 9 4 9h4l5-3v12l-5-3H7v4Zm9-3.65v-6.7q.675.6 1.088 1.463.412.862.412 1.887t-.412 1.887q-.413.863-1.088 1.463ZM4 11v2h4.55L11 14.45v-4.9L8.55 11Zm3.5 1Z"/></svg>

                            </i>
                            <span>{{__('label.marketing')}}</span>
                            <span class=" @if(app()->getLocale()=="ar") pull-left-container @else pull-right-container @endif">
					  <i class=" @if(app()->getLocale()=="ar") fa fa-angle-left pull-left @else fa fa-angle-right pull-right @endif"></i>
					</span>
                        </a>
                        <ul class="treeview-menu" @if(in_array($current_page,$marketing)) style="display: block;" @else style="display: none;" @endif>
                            <li @if(in_array($current_page,$marketing) && $current_page=="marketing") class="active" @endif><a href="{!! env('APP_URL') !!}marketing"><i class="icon-Commit">
                                    </i>{{__('label.sales_channels')}}</a></li>
                            <li @if(in_array($current_page,$marketing) && $current_page=="discounts") class="active" @endif><a href="{!! env('APP_URL') !!}discounts"><i class="icon-Commit">
                                    </i>{{__('label.discounts')}}</a></li>
                            <li @if(in_array($current_page,$marketing) && $current_page=="loyalties") class="active" @endif><a href="{!! env('APP_URL') !!}loyalties"><i class="icon-Commit">
                                    </i>{{__('label.loyalties')}}</a></li>
                            <li class="@if(in_array($current_page,$marketing) && ($current_page=="bio-link")) active @endif">
                                <a href="{!! env('APP_URL') !!}bio/link">
                                    <i class="icon-Chart-pie">
                                      </i>{{__('label.bio_link')}}</a></li>



                        </ul>
                    </li>





                    <li class="@if(in_array($current_page,$main_pages)  && ($current_page=="payment-links")) active @endif">
                        <a href="{!! env('APP_URL') !!}payment/links">
                            <i class="icon-Group">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-credit-card-fill" viewBox="0 0 16 16">
                                    <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1H0V4zm0 3v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7H0zm3 2h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z"/>
                                </svg>
                            </i>
                            <span>{{__('label.paymentlinks')}} </span>

                        </a>

                    </li>
                    <li class="@if(in_array($current_page,$main_pages)  && ($current_page=="reports")) active @endif">
                        <a href="{!! env('APP_URL') !!}reports">
                            <i class="icon-Group">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 21h6m-6 0v-5m0 5H3.6a.6.6 0 0 1-.6-.6v-3.8a.6.6 0 0 1 .6-.6H9m6 5V9m0 12h5.4a.6.6 0 0 0 .6-.6V3.6a.6.6 0 0 0-.6-.6h-4.8a.6.6 0 0 0-.6.6V9m0 0H9.6a.6.6 0 0 0-.6.6V16"/></svg>
                            </i>
                            <span>{{__('label.reports')}} </span>

                        </a>

                    </li>

					@if(isset($mta))
<li class="@if(in_array($current_page,$main_pages) && ($current_page=="categories") && isset($_GET['menu'])) active @endif">
                        <a href="{!! env('APP_URL') !!}categories?menu=tablet">
                            <i class="icon-Chart-pie">
							<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M6.5 11 12 2l5.5 9Zm11 11q-1.875 0-3.188-1.312Q13 19.375 13 17.5q0-1.875 1.312-3.188Q15.625 13 17.5 13q1.875 0 3.188 1.312Q22 15.625 22 17.5q0 1.875-1.312 3.188Q19.375 22 17.5 22ZM3 21.5v-8h8v8ZM17.5 20q1.05 0 1.775-.725Q20 18.55 20 17.5q0-1.05-.725-1.775Q18.55 15 17.5 15q-1.05 0-1.775.725Q15 16.45 15 17.5q0 1.05.725 1.775Q16.45 20 17.5 20ZM5 19.5h4v-4H5ZM10.05 9h3.9L12 5.85ZM12 9Zm-3 6.5Zm8.5 2Z"/></svg>
							</i>
                            <span>{{__('label.tablet_menu')}} </span>

                        </a>

                    </li>
@endif

                    {{--<li class="treeview">
                        <a href="#">
                            <i class="icon-Clipboard-check"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>
                            <span>Settings</span>
                            <span class="pull-right-container">
					  <i class="fa fa-angle-right pull-right"></i>
					</span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="{!! env('APP_URL') !!}restaurant/edit/{!! \App\Helpers\CommonMethods::encrypt($resto_id) !!}"><i class="icon-Commit"><span class="path1"></span><span class="path2"></span></i>Restaurant's Settings</a></li>
                        </ul>
                    </li>--}}
                </ul>

            </div>
        </div>
        <div class="sidebar-footer">
            <!-- <ul class="sidebar-menu tree" data-widget="tree">
                <li>
                       <a >
                           <i class="icon-User"><span class="path1"></span><span class="path2"></span></i>
                           <span>Users</span>
                       </a>
                     </li>
            </ul> -->
            <div class="dropdown">

                <button class="footer-drop btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="icon-User"><span class="path1"></span><span class="path2"></span></i>
                    <span class="resto-name-long">
                    @php

                        $resto = \App\Models\Restaurants::find($resto_id);
                @endphp
						@if($resto->default_lang=="en")
                			{!! $resto->name !!}
						@endif
						@if($resto->default_lang=="ar")
                			{!! $resto->arabic_name !!}
						@endif

            </span>

                    <span class="pull-right-container">
								  <i class="fa fa-angle-right pull-right"></i>
								</span>
                </button>

                <ul class="dropdown-menu footer-drop" aria-labelledby="dropdownMenu2" data-popper-placement="top-start">
                    @if(\Illuminate\Support\Facades\Auth::user()->role=="restaurant")
                   <li><button class="dropdown-item" onclick="location.href='{!! env('APP_URL') !!}users'" type="button">{{__('label.users')}} </button></li>
                    <li><button class="dropdown-item" type="button" onclick="location.href='{!! env('APP_URL') !!}restaurant/edit/{!! \App\Helpers\CommonMethods::encrypt($resto_id) !!}'">{{__('label.business_settings')}}</button></li>
                    @endif
					<li><button class="dropdown-item" type="button" onclick="location.href='{!! env('APP_URL') !!}change/password'">{{__('label.change_password')}}</button></li>
                    <li><button class="dropdown-item" type="button" onclick="location.href='{!! env('APP_URL') !!}logout'">{{__('label.logout')}}</button></li>
                </ul>
            </div>
        </div>
    </section>
</aside>