��Root Mod By V1rus

Viewing: mini-sidebar.blade.php

<div>
    <aside :class="{ 'lg:!w-[25%] xl:!w-[20%] 2xl:!w-[17%]  overflow-y-auto ' : !show }"
           class=" fixed top-0 right-0 z-20  hidden lg:block  w-14 h-full      bg-sidebar-dark  ">
        <form id="logout-form" action="{{ route('adminLogout') }}" method="POST" style="display: none;">
            <input type="hidden" name="locale" value="{{app()->getLocale()}}">
            @csrf
        </form>
        <ul class="  ">
            <li @click="show = !show" :aria-expanded="show ? 'true' : 'false'" :class="{ ' !justify-end  ' : !show }"
                class="   relative     h-[3.2rem] flex items-center  justify-center    ">
                <div class="flex items-center justify-center text-white cursor-pointer">
                    <i :class="{ ' !text-4xl ml-3' : !show }" class='    text-2xl bx bx-menu'></i>
                </div>
            </li>
            <li :class="{ '!h-auto mb-5 !justify-start mr-3' : !show }"
                class="   relative     p-1   h-12   flex items-center  justify-center    ">
                <div class="flex items-center justify-center  cursor-pointer">
                    <i :class="{ '!text-5xl opacity-40 ml-3' : !show }"
                       class='    text-2xl bx bx-user-circle  text-blue-600'></i>
                    <div :class="{ '!block' : !show }" class="hidden">
                        <span class=" truncate block  text-white mb-2  text-xs 2xl:text-sm  bold"> @if(auth()->user()->first_name || auth()->user()->last_name)
                                {{  auth()->user()->first_name.' '.auth()->user()->last_name}}
                            @else
                                کاربر ادمین
                            @endif  </span>
                        <span
                            class="  truncate   block text-sidebar-sky  text-xs 2xl:text-sm  bold">  {{  auth()->user()->get_admin_roll() }}  </span>
                    </div>
                </div>
            </li>
            <li class="border-t pt-2 border-white ">
                <hr>
            </li>

            {{-- Dashboard --}}
            <li x-data="{ open: false }" @mouseover="open = true" @mouseover.away="open = false"
                @if($pageName && $pageName == 'panel')   :class="{ 'bg-sidebar-orange ' :  show   }"
                @endif class="   relative  p-1   h-12 flex items-center  justify-center   ">
                <a href="/admin"
                   @if($pageName && $pageName == 'panel')  :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-start py-2' : !show   }"
                   @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-start py-2' : !show   }"
                   @endif class="flex w-full items-center justify-center text-white cursor-pointer">
                    <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }" class='    text-lg bx bxs-dashboard'></i>
                    <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">داشبورد</span>
                </a>
                <a x-show="open & show" href="/admin"
                   class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                    <div class=" relative w-full">
                        <div class="flex justify-start items-center h-12">
                            <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                <i class='    text-lg bx bxs-dashboard'></i>
                            </div>
                            <span class="    text-white  text-sm  bold"> داشبورد </span>
                        </div>
                    </div>
                </a>
            </li>

            {{-- Config --}}

            @canany([
                'application.request_services'  ,
                'application.version' ,
                'application.report_payment'  ,
                'application.transaction' ,
                'application.machinery' ,
                'application.price' ,
                'application.link' ,
                'application.config'  ,
                'application.order-status' ,
                'application.service-status'  ,
                'application.slider' ,
                'application.app' ,
                'application.factor'  ,
                'application.setting'  ,
            ])
                <li x-data="{ open: false , collapse:false }" @mouseover="open = true" @mouseover.away="open = false"
                    @if(in_array($pageName,['services_setting','show_factor','show_app','add_app','show_slider','add_slider','show_services_status','add_services_status','show_order_status','add_order_status','show_config', 'show_link','show_price','show_machinery' ,'payment_user','payment_log','payment_log','version_show','services_request' ]))  :class="{ 'bg-sidebar-orange  flex justify-center items-center  h-12' : show   }"
                    @else :class="{ 'h-12 flex justify-center items-center ' : show   }"
                    @endif :class="{ '!block !h-auto' : !show }" class="relative p-2  ">
                    <div @click="collapse=!collapse"
                         @if(in_array($pageName,['services_setting','show_factor','show_app','add_app','show_slider','add_slider','show_services_status','add_services_status','show_order_status','add_order_status','show_config', 'show_link','show_price','show_machinery' ,'payment_user','payment_log','payment_log','version_show','services_request' ])) :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-between py-2' : !show   }"
                         @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-between py-2' : !show   }"
                         @endif class="flex w-full items-center justify-center  cursor-pointer">
                        <div class="flex items-center justify-center text-white">
                            <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }" class='   text-lg bx bxs-cog'></i>
                            <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold"> مدیریت اپلیکیشن </span>
                        </div>
                        <div :class="{ '!block' : !show }" class="hidden">
                            <i class='  ml-6 text-xl 2xl:text-2xl text-white bx bx-chevron-down'></i>
                        </div>
                    </div>
                    <div x-show="open & show"
                         class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx bxs-cog'></i>
                                </div>
                                <span class="    text-white  text-sm  bold">  مدیریت اپلیکیشن  </span>
                            </div>
                            <ul class="bg-sidebar-dark50 absolute w-[12.5rem] pr-1 rounded-bl-lg py-1 right-[3.4rem]">
                                @can('application.request_services')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'services_request')  !text-sidebar-orange  @endif text-gray-300 hover:text-white ">
                                        <a href="/admin/services/request"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">درخواست ثبت خدماتی</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.version')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'version_show')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/app-version/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  ورژن اپلیکیشن  </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.machinery')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_machinery')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/machinery/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  ماشین آلات </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.price')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_price')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/price/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">شرح خدمات</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.link')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_link')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/link/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">   لینک ها  </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.config')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_config')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/config/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  کانفیگ </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.order-status')
                                    <li class="p-1 mb-2    @if($pageName && ($pageName == 'show_order_status' || $pageName =='add_order_status'))  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/order-status/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  وضعیت سفارش  </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.service-status')
                                    <li class="p-1 mb-2    @if($pageName && ($pageName == 'show_services_status' || $pageName == 'add_services_status'))  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/service-status/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  وضعیت اجرا  </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.slider')
                                    <li class="p-1 mb-2    @if($pageName && ($pageName == 'show_slider' || $pageName == 'add_slider'))  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/slider/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">   مدیریت  اسلایدر </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.app')
                                    <li class="p-1 mb-2    @if($pageName && ($pageName == 'show_app' || $pageName == 'add_app'))  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/app/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">   مدیریت  اپلیکیشن </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.setting')
                                    <li class="p-1 mb-2    @if($pageName && ($pageName == 'services_setting' ))  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/services/setting"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold"> تنظیمات</span>
                                        </a>
                                    </li>
                                @endcan
                            </ul>
                        </div>
                    </div>
                    <ul x-show="collapse & !show" class="p-3 bg-sidebar-dark50 w-full">
                        @can('application.request_services'   )
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'services_request')  bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/services/request"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold"> درخواست ثبت خدماتی </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.version')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'version_show')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/app-version/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  ورژن اپلیکیشن  </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.machinery')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_machinery')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/machinery/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold"> ماشین آلات </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.price')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_price')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/price/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  شرح خدمات</span>
                                </a>
                            </li>
                        @endcan
                        @can('application.link')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_link')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/link/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  لینک ها </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.config')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_config')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/config/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold"> کانفیگ</span>
                                </a>
                            </li>
                        @endcan
                        @can('application.order-status')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && ($pageName == 'show_order_status' || $pageName =='add_order_status'))   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/order-status/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold"> وضعیت سفارش </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.service-status')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && ($pageName == 'show_services_status' || $pageName == 'add_services_status'))   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/service-status/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold"> وضعیت اجرا </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.slider')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && ($pageName == 'show_slider' || $pageName == 'add_slider'))   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/slider/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  مدیریت  اسلایدر </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.app')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && ($pageName == 'show_app' || $pageName == 'add_app'))   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/app/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  مدیریت  اپلیکیشن </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.setting')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && ($pageName == 'services_setting' ))   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/services/setting"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  تنظیمات</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
            @endcan

            {{-- Cuting Process --}}
            @can('processing.pending')
                <li x-data="{ open: false }" @mouseover="open = true" @mouseover.away="open = false"
                    @if($pageName && $pageName == 'panel')   :class="{ 'bg-sidebar-orange ' :  show   }"
                    @endif class="   relative  p-1   h-12 flex items-center  justify-center   ">
                    <a href="/admin/bots/information"
                       @if($pageName && $pageName == 'bots')  :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-start py-2' : !show   }"
                       @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-start py-2' : !show   }"
                       @endif class="flex w-full items-center justify-center text-white cursor-pointer">
                        <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }" class='    text-lg bx bx-bot'></i>
                        <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">اطلاعات ربات های پردازش</span>
                    </a>
                    <a x-show="open & show" href="/admin/bots/information"
                       class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx bx-bot'></i>
                                </div>
                                <span class="    text-white  text-sm  bold">اطلاعا ربات های پردازش</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li x-data="{ open: false , collapse:false }" @mouseover="open = true" @mouseover.away="open = false"
                    @if($pageName && ($pageName == 'chat_message' || $pageName == 'ticket_message' ))  :class="{ 'bg-sidebar-orange  flex justify-center items-center  h-12' : show   }"
                    @else :class="{ 'h-12 flex justify-center items-center ' : show   }"
                    @endif :class="{ '!block !h-auto' : !show }" class="relative p-2  ">
                    <div @click="collapse=!collapse"
                         @if($pageName && $pageName == 'cuting_process') :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-between py-2' : !show   }"
                         @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-between py-2' : !show   }"
                         @endif class="flex w-full items-center justify-center  cursor-pointer">
                        <div class="flex items-center justify-center text-white">
                            <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }" class='   text-lg bx  bx-buoy'></i>
                            <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">   مدیریت پردازشات در صف </span>
                        </div>
                        <div :class="{ '!block' : !show }" class="hidden">
                            <i class='  ml-6 text-xl 2xl:text-2xl text-white bx bx-chevron-down'></i>
                        </div>
                    </div>
                    <div x-show="open & show"
                         class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx  bx-buoy'></i>
                                </div>
                                <span class="text-white text-sm bold">مدیریت پردازشات در صف</span>
                            </div>
                            <ul class="bg-sidebar-dark50 absolute w-[12.5rem] pr-1 rounded-bl-lg py-1 right-[3.4rem]">
                                @can('processing.pending')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'cutunix_process')  !text-sidebar-orange  @endif text-gray-300 hover:text-white ">
                                        <a href="/admin/process-management/cutunix/list"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">پردازشات کات یونیکس</span>
                                        </a>
                                    </li>
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'mdfshot_process')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/process-management/mdfshot/list"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">پردازشات ام دی اف شات</span>
                                        </a>
                                    </li>
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'analyze_process')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/process-management/analyze/list"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">پردازشات آنالیز</span>
                                        </a>
                                    </li>
                                @endcan
                            </ul>
                        </div>
                    </div>
                    <ul x-show="collapse & !show" class="p-3 bg-sidebar-dark50 w-full">
                        @can('processing.pending')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'cutunix_process')  bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/process-management/cutunix/list"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">پردازشات کات یونیکس</span>
                                </a>
                            </li>
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'mdfshot_process')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/process-management/mdfshot/list"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">پردازشات ام دی اف شات</span>
                                </a>
                            </li>
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'analyze_process')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/process-management/analyze/list"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">پردازشات آنالیز</span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
                {{-- فثسف --}}

                {{--                    <li x-data="{ open: false }"  @mouseover="open = true"  @mouseover.away = "open = false"  @if($pageName && $pageName == 'cuting_process')   :class="{ 'bg-sidebar-orange ' :  show   }" @endif class="   relative  p-1   h-12 flex items-center  justify-center   ">--}}
                {{--                        <a   href="/admin/cuting-process"  @if($pageName && $pageName == 'cuting_process')  :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-start py-2' : !show   }" @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-start py-2' : !show   }" @endif class="flex w-full items-center justify-center text-white cursor-pointer">--}}
                {{--                            <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }" class='    text-lg bx bx-buoy'></i>--}}
                {{--                            <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">مدیریت پردازشات</span>--}}
                {{--                        </a>--}}
                {{--                        <a x-show="open & show"   href="/admin/cuting-process" class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">--}}
                {{--                            <div class=" relative w-full">--}}
                {{--                                <div class="flex justify-start items-center h-12">--}}
                {{--                                    <div class="flex  items-center justify-center text-white cursor-pointer w-14">--}}
                {{--                                        <i  class='    text-lg bx bx-buoy'></i>--}}
                {{--                                    </div>--}}
                {{--                                    <span class="    text-white  text-sm  bold">  پردازشات در صف اجرا </span>--}}
                {{--                                </div>--}}
                {{--                            </div>--}}
                {{--                        </a>--}}
                {{--                    </li>--}}
            @endcan
            {{-- Order --}}
            @can('orders')
                <li x-data="{ open: false }" @mouseover="open = true" @mouseover.away="open = false"
                    @if($pageName && $pageName == 'show_order')   :class="{ 'bg-sidebar-orange ' :  show   }"
                    @endif class="   relative  p-1   h-12 flex items-center  justify-center   ">
                    <a href="/admin/order/show"
                       @if($pageName && $pageName == 'show_order')  :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-start py-2' : !show   }"
                       @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-start py-2' : !show   }"
                       @endif class="flex w-full items-center justify-center text-white cursor-pointer">
                        <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }"
                           class='    text-lg bx bx-shopping-bag'></i>
                        <span :class="{ '!block' : !show }"
                              class=" hidden  text-xs 2xl:text-sm  bold">مدیریت سفارشات</span>
                    </a>
                    <a x-show="open & show" href="/admin/order/show"
                       class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx bx-shopping-bag'></i>
                                </div>
                                <span class="    text-white  text-sm  bold"> مدیریت سفارشات </span>
                            </div>
                        </div>
                    </a>
                </li>
            @endcan
            {{-- Messages --}}
            @canany([
                'messages.chat'  ,
                'messages.tickets' ,
            ])
                <li x-data="{ open: false , collapse:false }" @mouseover="open = true" @mouseover.away="open = false"
                    @if($pageName && ($pageName == 'chat_message' || $pageName == 'ticket_message' ))  :class="{ 'bg-sidebar-orange  flex justify-center items-center  h-12' : show   }"
                    @else :class="{ 'h-12 flex justify-center items-center ' : show   }"
                    @endif :class="{ '!block !h-auto' : !show }" class="relative p-2  ">
                    <div @click="collapse=!collapse"
                         @if($pageName && ($pageName == 'chat_message' || $pageName == 'ticket_message'  )) :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-between py-2' : !show   }"
                         @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-between py-2' : !show   }"
                         @endif class="flex w-full items-center justify-center  cursor-pointer">
                        <div class="flex items-center justify-center text-white">
                            <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }" class='   text-lg bx  bx-chat'></i>
                            <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">   مدیریت پیامرسان </span>
                        </div>
                        <div :class="{ '!block' : !show }" class="hidden">
                            <i class='  ml-6 text-xl 2xl:text-2xl text-white bx bx-chevron-down'></i>
                        </div>
                    </div>
                    <div x-show="open & show"
                         class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx  bx-chat'></i>
                                </div>
                                <span class="    text-white  text-sm  bold">  مدیریت پیامرسان  </span>
                            </div>
                            <ul class="bg-sidebar-dark50 absolute w-[12.5rem] pr-1 rounded-bl-lg py-1 right-[3.4rem]">
                                @can('messages.chat')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'chat_message')  !text-sidebar-orange  @endif text-gray-300 hover:text-white ">
                                        <a href="/admin/messages/all"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  پیام ها</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('messages.tickets')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'ticket_message')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/message/tickets"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  تیکت </span>
                                        </a>
                                    </li>
                                @endcan
                            </ul>
                        </div>
                    </div>
                    <ul x-show="collapse & !show" class="p-3 bg-sidebar-dark50 w-full">
                        @can('messages.chat')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'chat_message')  bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/messages/all"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">   پیام ها </span>
                                </a>
                            </li>
                        @endcan
                        @can('messages.tickets')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'ticket_message')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/message/tickets"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  تیکت </span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
            @endcan
            {{-- Financial --}}
            @canany([
                'financial.definition'  ,
                'financial.document' ,
            ])
                <li x-data="{ open: false , collapse:false }" @mouseover="open = true" @mouseover.away="open = false"
                    @if(in_array($pageName ,['payment_user','check_receive','check_pay','definition_index','document_index','cash_pay','cash_receive']))  :class="{ 'bg-sidebar-orange  flex justify-center items-center  h-12' : show   }"
                    @else :class="{ 'h-12 flex justify-center items-center ' : show   }"
                    @endif :class="{ '!block !h-auto' : !show }" class="relative p-2  ">
                    <div @click="collapse=!collapse"
                         @if(in_array($pageName ,['payment_user','check_receive','check_pay','definition_index','document_index','cash_pay','cash_receive'])) :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-between py-2' : !show   }"
                         @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-between py-2' : !show   }"
                         @endif class="flex w-full items-center justify-center  cursor-pointer">
                        <div class="flex items-center justify-center text-white">
                            <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }"
                               class='   text-lg bx bx-dollar-circle'></i>
                            <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">   مدیریت مالی </span>
                        </div>
                        <div :class="{ '!block' : !show }" class="hidden">
                            <i class='  ml-6 text-xl 2xl:text-2xl text-white bx bx-chevron-down'></i>
                        </div>
                    </div>
                    <div x-show="open & show"
                         class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx bx-dollar-circle'></i>
                                </div>
                                <span class="    text-white  text-sm  bold">  مدیریت مالی  </span>
                            </div>
                            <ul class="bg-sidebar-dark50 absolute w-[12.5rem] pr-1 rounded-bl-lg py-1 right-[3.4rem]">

                                @can('financial.definition')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'definition_index')  !text-sidebar-orange  @endif text-gray-300 hover:text-white ">
                                        <a href="/admin/financial/definition/index"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  تعریف حساب ها </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('financial.document')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'document_index')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/financial/document/index"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold"> سند حسابداری </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.report_payment')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'payment_log')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/payment/log"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  گزارش پرداخت درگاه  </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.transaction')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'payment_user')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/payment/users"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  تراکنش ها </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.transaction')
                                    <li class="p-3 mb-2  hover:bg-sidebar-orange rounded-l-xl @if($pageName && $pageName == 'show_cutunixshot_payment_list') !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="{{ route('user.cutunixshot.payment.all') }}"
                                           class="flex items-center justify-start text-white cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs bold">
                                        پرداختی های کاربران
                                    </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('application.factor')
                                    <li class="p-1 mb-2    @if($pageName && ($pageName == 'show_factor' ))  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/factor/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  مدیریت فاکتورها </span>
                                        </a>
                                    </li>
                                @endcan
                            </ul>
                        </div>
                    </div>
                    <ul x-show="collapse & !show" class="p-3 bg-sidebar-dark50 w-full">
                        @can('financial.definition')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'definition_index')  bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/financial/definition/index"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">    تعریف حساب ها  </span>
                                </a>
                            </li>
                        @endcan
                        @can('financial.document')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'document_index')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/financial/document/index"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">   سند حسابداری </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.report_payment')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'payment_log')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/payment/log"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  گزارش پرداخت درگاه </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.transaction')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'payment_user')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/payment/users"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  تراکنش ها</span>
                                </a>
                            </li>
                        @endcan
                        @can('application.transaction')
                            <li class="p-3 mb-2  hover:bg-sidebar-orange rounded-l-xl @if($pageName && $pageName == 'show_cutunixshot_payment_list') !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                <a href="{{ route('user.cutunixshot.payment.all') }}"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='bx bx-message-rounded ml-6'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">
                                        پرداختی های کاربران
                                    </span>
                                </a>
                            </li>
                        @endcan
                        @can('application.factor')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && ($pageName == 'show_factor' ))   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/factor/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  مدیریت فاکتورها </span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
            @endcan
            {{-- User-Admin --}}

            @canany([
                'roles' ,
                'roles.add' ,
                'roles.edit'  ,
                'users.admin' ,
                'users.all' ,
                'users.services' ,
                'users.marketer' ,
                'users.customer' ,
                'users.employee' ,
                'users.login' ,
                'users.add' ,
                'users.edit' ,
            ])
                <li x-data="{ open: false , collapse:false }" @mouseover="open = true" @mouseover.away="open = false"
                    @if(in_array($pageName,['show_employee','add_employee','edit_employee','edit_user','show_user','show_marketer','add_admin_user','services_admin_user','add_admin_user','show_admin_user','show_all_user','edit_user','show_user' ]))  :class="{ 'bg-sidebar-orange  flex justify-center items-center  h-12' : show   }"
                    @else :class="{ 'h-12 flex justify-center items-center ' : show   }"
                    @endif :class="{ '!block !h-auto' : !show }" class="relative p-2  ">
                    <div @click="collapse=!collapse"
                         @if(in_array($pageName,['show_employee','add_employee','edit_employee','edit_user','show_user','show_marketer','add_admin_user','services_admin_user','add_admin_user','show_admin_user','show_all_user','edit_user','show_user' ]) ) :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-between py-2' : !show   }"
                         @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-between py-2' : !show   }"
                         @endif class="flex w-full items-center justify-center  cursor-pointer">
                        <div class="flex items-center justify-center text-white">
                            <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }"
                               class='   text-lg bx bx-user-circle'></i>
                            <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">   مدیریت کاربران </span>
                        </div>
                        <div :class="{ '!block' : !show }" class="hidden">
                            <i class='  ml-6 text-xl 2xl:text-2xl text-white bx bx-chevron-down'></i>
                        </div>
                    </div>
                    <div x-show="open & show"
                         class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx bx-user-circle'></i>
                                </div>
                                <span class="    text-white  text-sm  bold">  مدیریت کاربران  </span>
                            </div>
                            <ul class="bg-sidebar-dark50 absolute w-[12.5rem] pr-1 rounded-bl-lg py-1 right-[3.4rem]">
                                @can('users.all')
                                    <li class="p-1 mb-2  hover:bg-sidebar-orange rounded-l-xl @if($pageName && $pageName == 'show_register_codes') !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="{{ route('user.register-codes.all') }}"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='bx bx-message-rounded ml-6'></i>
                                            <span class=" block text-xs  bold">کد ورود کاربران</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('roles')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'roles')  !text-sidebar-ping  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/roles" class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx  bxs-badge-dollar'></i>
                                            <span class=" block text-xs  bold">نقش ها</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('users.admin')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'add_admin_user' || $pageName == 'show_admin_user')  !text-sidebar-orange  @endif text-gray-300 hover:text-white ">
                                        <a href="/admin/user-admin/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-user-circle'></i>
                                            <span class=" block text-xs  bold">   ادمین   </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('users.all')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_cutunix_user')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="{{ route('user.platforms.cutunix') }}"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-user'></i>
                                            <span class=" block text-xs  bold"> کاربران کات یونیکس </span>
                                        </a>
                                    </li>
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_cutunixshot_user')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="{{ route('user.platforms.cutunixshot') }}"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-user'></i>
                                            <span class=" block text-xs  bold">  کاربران کات یونیکس شات </span>
                                        </a>
                                    </li>
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_all_user')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/user/all"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-user'></i>
                                            <span class=" block text-xs  bold">  برنامه </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('users.services')
                                    <li class="p-1 mb-2    @if($pageName && $pageName ==  'add_admin_user' || $pageName == 'services_admin_user' )  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/user-admin/services"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-user-pin'></i>
                                            <span class=" block text-xs  bold">  خدماتی </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('users.marketer')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_marketer')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/marketer/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bxs-user-rectangle'></i>
                                            <span class=" block text-xs  bold">  بازاریاب </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('users.customer')
                                    <li class="p-1 mb-2    @if($pageName && ($pageName == 'edit_user' || $pageName == 'show_user'))  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/user/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bxs-user-rectangle'></i>
                                            <span class=" block text-xs  bold">  مشتریان </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('users.employee')
                                    <li class="p-1 mb-2    @if($pageName && ($pageName == 'show_employee' || $pageName == 'add_employee' || $pageName == 'edit_employee'))  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/employee/show"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bxs-user-rectangle'></i>
                                            <span class=" block text-xs  bold">  کارمندان </span>
                                        </a>
                                    </li>
                                @endcan
                            </ul>
                        </div>
                    </div>
                    <ul x-show="collapse & !show" class="p-3 bg-sidebar-dark50 w-full">
                        @can('users.all')
                            <li class="p-3 mb-2  hover:bg-sidebar-orange rounded-l-xl @if($pageName && $pageName == 'show_register_codes') !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                <a href="{{ route('user.register-codes.all') }}"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='bx bx-message-rounded ml-6'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">
                                        کد ورود کاربران
                                    </span>
                                </a>
                            </li>
                        @endcan
                        @can('roles')
                            <li class="p-1 mb-2  hover:bg-sidebar-orange rounded-l-xl @if($pageName && $pageName == 'roles')  bg-sidebar-orange  @endif ">
                                <a href="/admin/roles"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-shield-alt-2'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">نقش ها</span>
                                </a>
                            </li>
                        @endcan
                        @can('users.admin')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'add_admin_user' || $pageName == 'show_admin_user')  bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/user-admin/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-user-circle'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">    ادمین    </span>
                                </a>
                            </li>
                        @endcan

                        @can('users.all')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_cutunix_user')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="{{ route('user.platforms.cutunix') }}"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx bx-user'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">
                                        کات یونیکس
                                    </span>
                                </a>
                            </li>
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_cutunixshot_user')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="{{ route('user.platforms.cutunixshot') }}"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx bx-user'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">
                                            کات یونیکس شات
                                        </span>
                                </a>
                            </li>
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_all_user')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/user/all"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx bx-user'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  برنامه </span>
                                </a>
                            </li>
                        @endcan
                        @can('users.services')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName ==  'add_admin_user' || $pageName == 'services_admin_user' )   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/user-admin/services"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-user-pin'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  خدماتی </span>
                                </a>
                            </li>
                        @endcan
                        @can('users.marketer')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_marketer')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/marketer/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bxs-user-rectangle'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  بازاریاب </span>
                                </a>
                            </li>
                        @endcan
                        @can('users.customer')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && ($pageName == 'edit_user' || $pageName == 'show_user'))   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/user/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bxs-user-rectangle'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  مشتریان </span>
                                </a>
                            </li>
                        @endcan
                        @can('users.employee')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && ($pageName == 'show_employee' || $pageName == 'add_employee' || $pageName == 'edit_employee'))   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/employee/show"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bxs-user-rectangle'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  کارمندان </span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>



                {{-- user tracking list item --}}
                <li x-data="{ open: false , collapse:false }"
                    @mouseover="open = true"
                    @mouseover.away="open = false"
                    @if(in_array($pageName,['show_employee','add_employee','edit_employee','edit_user','show_user','show_marketer','add_admin_user','services_admin_user','add_admin_user','show_register_codes','show_admin_user','show_all_user', 'show_cutunix_user', 'show_cutunixshot_user','edit_user','show_user' ]))  :class="{ 'bg-sidebar-orange  flex justify-center items-center  h-12' : show   }"
                    @else :class="{ 'h-12 flex justify-center items-center ' : show   }"
                    @endif :class="{ '!block !h-auto' : !show }" class="relative p-2  ">
                    <div @click="collapse=!collapse"
                         @if(in_array($pageName,['show_all_tracking', 'show_user_tracking', 'show_own_user_tracking']) )
                             :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-between py-2' : !show   }"
                         @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-between py-2' : !show   }"
                         @endif class="flex w-full items-center justify-center  cursor-pointer">
                        <div class="flex items-center justify-center text-white">
                            <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }"
                               class='   text-lg bx bxs-user-detail'></i>
                            <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">   پیگیری های کاربران </span>
                        </div>
                        <div :class="{ '!block' : !show }" class="hidden">
                            <i class='  ml-6 text-xl 2xl:text-2xl text-white bx bx-chevron-down'></i>
                        </div>
                    </div>
                    <div x-show="open & show"
                         class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx bxs-user-detail'></i>
                                </div>
                                <span class="    text-white  text-sm  bold">  پیگیری های کاربران  </span>
                            </div>
                            <ul class="bg-sidebar-dark50 absolute w-[12.5rem] pr-1 rounded-bl-lg py-1 right-[3.4rem]">

                                @can('users.all')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_all_tracking')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/user/trackings/all"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-user'></i>
                                            <span class=" block text-xs  bold">  پیگیری ها </span>
                                        </a>
                                    </li>
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'show_own_user_tracking')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/user/own/tracking"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-user'></i>
                                            <span class=" block text-xs  bold">  پیگیری های من </span>
                                        </a>
                                    </li>
                                @endcan
                            </ul>
                        </div>
                    </div>
                    <ul x-show="collapse & !show" class="p-3 bg-sidebar-dark50 w-full">
                        @can('users.all')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_all_tracking')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/user/trackings/all"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx bx-user'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  پیگیری ها </span>
                                </a>
                            </li>
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'show_own_user_tracking')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/user/own/tracking"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx bx-user'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  پیگیری های من </span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
            @endcan
            {{-- Analyze--}}
            @canany([
                'analyze.materials' ,
                'analyze.setting' ,
                'analyze.units' ,
                'analyze.config' ,
            ])
                <li x-data="{ open: false , collapse:false }" @mouseover="open = true" @mouseover.away="open = false"
                    @if($pageName && ($pageName == 'analyze_setting_index' || $pageName == 'analyze_units_index' || $pageName == 'analyze_materials_index' || $pageName == 'analyze_config_index' ))  :class="{ 'bg-sidebar-orange  flex justify-center items-center  h-12' : show   }"
                    @else :class="{ 'h-12 flex justify-center items-center ' : show   }"
                    @endif :class="{ '!block !h-auto' : !show }" class="relative p-2  ">
                    <div @click="collapse=!collapse"
                         @if($pageName && ($pageName == 'analyze_setting_index' || $pageName == 'analyze_units_index' || $pageName == 'analyze_materials_index' || $pageName == 'analyze_config_index' )) :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-between py-2' : !show   }"
                         @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-between py-2' : !show   }"
                         @endif class="flex w-full items-center justify-center  cursor-pointer">
                        <div class="flex items-center justify-center text-white">
                            <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }"
                               class='   text-lg bx bxs-analyse'></i>
                            <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">   آنالیز یونیت </span>
                        </div>
                        <div :class="{ '!block' : !show }" class="hidden">
                            <i class='  ml-6 text-xl 2xl:text-2xl text-white bx bx-chevron-down'></i>
                        </div>
                    </div>
                    <div x-show="open & show"
                         class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx bxs-analyse'></i>
                                </div>
                                <span class="    text-white  text-sm  bold">   آنالیز یونیت  </span>
                            </div>
                            <ul class="bg-sidebar-dark50 absolute w-[12.5rem] pr-1 rounded-bl-lg py-1 right-[3.4rem]">

                                @can('analyze.materials')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'analyze_materials_index')  !text-sidebar-orange  @endif text-gray-300 hover:text-white ">
                                        <a href="/admin/analyze/materials"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold"> متریال </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('analyze.setting')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'analyze_setting_index')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/analyze/setting"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">   تنظیمات اپلیکیشن  </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('analyze.units')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'analyze_units_index')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/analyze/units"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">   یونیت </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('analyze.config')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'analyze_config_index')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/analyze/config"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">   کانفیگ </span>
                                        </a>
                                    </li>
                                @endcan
                            </ul>
                        </div>
                    </div>
                    <ul x-show="collapse & !show" class="p-3 bg-sidebar-dark50 w-full">
                        @can('analyze.materials')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'analyze_materials_index')  bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/analyze/materials"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold"> متریال </span>
                                </a>
                            </li>
                        @endcan
                        @can('analyze.setting')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'analyze_setting_index')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/analyze/setting"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  تنظیمات اپلیکیشن </span>
                                </a>
                            </li>
                        @endcan
                        @can('analyze.units')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'analyze_units_index')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/analyze/units"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  یونیت </span>
                                </a>
                            </li>
                        @endcan
                        @can('analyze.config')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'analyze_config_index')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/analyze/config"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  کانفیگ </span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
            @endcan
            {{-- Products --}}
            @canany([
                'products.category' ,
                'products.type' ,
                'products' ,
            ])
                <li x-data="{ open: false , collapse:false }" @mouseover="open = true" @mouseover.away="open = false"
                    @if($pageName && ($pageName == 'products_type_index' || $pageName == 'products_category_index' || $pageName == 'edit_order_status' ))  :class="{ 'bg-sidebar-orange  flex justify-center items-center  h-12' : show   }"
                    @else :class="{ 'h-12 flex justify-center items-center ' : show   }"
                    @endif :class="{ '!block !h-auto' : !show }" class="relative p-2  ">
                    <div @click="collapse=!collapse"
                         @if($pageName && ($pageName == 'products_index' || $pageName == 'products_type_index' || $pageName == 'products_category_index' || $pageName == 'edit_order_status' )) :class="{ 'border-r-2 border-sidebar-sky bg-sidebar-orange  !justify-between py-2' : !show   }"
                         @else :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-between py-2' : !show   }"
                         @endif class="flex w-full items-center justify-center  cursor-pointer">
                        <div class="flex items-center justify-center text-white">
                            <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }"
                               class='   text-lg bx bx-spreadsheet'></i>
                            <span :class="{ '!block' : !show }" class=" hidden  text-xs 2xl:text-sm  bold">   مدیریت محصولات </span>
                        </div>
                        <div :class="{ '!block' : !show }" class="hidden">
                            <i class='  ml-6 text-xl 2xl:text-2xl text-white bx bx-chevron-down'></i>
                        </div>
                    </div>
                    <div x-show="open & show"
                         class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx bx-spreadsheet'></i>
                                </div>
                                <span class="    text-white  text-sm  bold">  مدیریت محصولات  </span>
                            </div>
                            <ul class="bg-sidebar-dark50 absolute w-[12.5rem] pr-1 rounded-bl-lg py-1 right-[3.4rem]">
                                @can('products.category')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'products_category_index')  !text-sidebar-orange  @endif text-gray-300 hover:text-white ">
                                        <a href="/admin/products/category"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  دسته بندی </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('products.type')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'products_type_index')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/products/type"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  نوع </span>
                                        </a>
                                    </li>
                                @endcan
                                @can('products')
                                    <li class="p-1 mb-2    @if($pageName && $pageName == 'products_index')  !text-sidebar-orange  @endif text-gray-300 hover:text-white  ">
                                        <a href="/admin/products"
                                           class="flex items-center justify-start  cursor-pointer">
                                            <i class='ml-3 text-base bx bx-left-arrow-alt'></i>
                                            <span class=" block text-xs  bold">  مشاهده </span>
                                        </a>
                                    </li>
                                @endcan
                            </ul>
                        </div>
                    </div>
                    <ul x-show="collapse & !show" class="p-3 bg-sidebar-dark50 w-full">
                        @can('products.category')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'products_category_index')  bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/products/category"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">   دسته بندی  </span>
                                </a>
                            </li>
                        @endcan
                        @can('products.type')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'products_type_index')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/products/type"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  نوع </span>
                                </a>
                            </li>
                        @endcan
                        @can('products')
                            <li class="p-1 mb-2 hover:bg-sidebar-orange hover:rounded-l-xl @if($pageName && $pageName == 'products_index')   bg-sidebar-orange   rounded-l-xl  @endif ">
                                <a href="/admin/products"
                                   class="flex items-center justify-start text-white cursor-pointer">
                                    <i class='ml-6 text-xl 2xl:text-2xl bx bx-left-arrow-alt'></i>
                                    <span class=" block text-xs 2xl:text-sm  bold">  مشاهده </span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
            @endcan
            {{-- Daste Rang --}}
            @can('dasteRang')
                <li x-data="{ open: false }" @mouseover="open = true" @mouseover.away="open = false"
                    class="   relative  p-1   h-12 flex items-center  justify-center   ">
                    <a href="https://dastrang.cutunix.com/admin"
                       :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100  !justify-start py-2' : !show   }"
                       class="flex w-full items-center justify-center text-white cursor-pointer">
                        <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }"
                           class='    text-lg bx bx-dialpad-alt'></i>
                        <span :class="{ '!block' : !show }"
                              class=" hidden  text-xs 2xl:text-sm  bold">  ادمین دسته رنگ </span>
                    </a>
                    <a x-show="open & show" href="https://dastrang.cutunix.com/admin"
                       class="  z-50 w-[16rem] bg-sidebar-dark100 rounded-tl-lg absolute right-0    border-r-2 border-sidebar-sky  top-0">
                        <div class=" relative w-full">
                            <div class="flex justify-start items-center h-12">
                                <div class="flex  items-center justify-center text-white cursor-pointer w-14">
                                    <i class='    text-lg bx bx-dialpad-alt'></i>
                                </div>
                                <span class="    text-white  text-sm  bold">   ادمین دسته رنگ  </span>
                            </div>
                        </div>
                    </a>
                </li>
            @endcan
            <li class="p-1   h-12 flex items-center  justify-center  ">
                <a href="{{ route('adminLogout') }}" onclick="event.preventDefault();
                    document.getElementById('logout-form').submit();"
                   :class="{ 'hover:border-r-2 hover:border-sidebar-sky hover:bg-sidebar-dark100 !justify-start py-2' : !show }"
                   class="flex w-full items-center justify-center text-white cursor-pointer">
                    <i :class="{ 'ml-6 mr-3 text-xl 2xl:text-2xl' : !show }" class='   text-lg bx bx-exit'></i>
                    <span :class="{ '!block' : !show }"
                          class=" hidden  text-xs 2xl:text-sm  bold">خروج از حساب کاربری</span>
                </a>
            </li>

        </ul>
    </aside>
</div>
User / IP	: 216.73.217.78
Host / Server	: 195.214.235.115 / npln.ir
System	: Linux damavand.pws-dns.net 5.14.0-503.35.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 4 05:23:43 EDT 2025 x86_64
���Root Mod By V1rus_Alfa

Viewing: mini-sidebar.blade.php

��Root Mod By V1rus_Alfa
