<ul class="mt-6">


    {{-- dashboard --}}
    <x-menu-item title="لوحة القيادة" route="dashboard">
        <x-heroicon-o-template class="w-5 h-5" />
    </x-menu-item>

    @role('admin')
        <x-menu-item title="البنرات الإعلانية" route="banners">
            <x-heroicon-o-photograph class="w-5 h-5" />
        </x-menu-item>


        <x-group-menu-item routePath="categories*" title="الأقسام" categories="true">

            <x-menu-item title="الأقسام" route="categories">
                <x-heroicon-o-folder class="w-5 h-5" />
            </x-menu-item>
            <x-menu-item title="الأقسام الفرعية" route="subcategories">
                <x-heroicon-o-document-duplicate class="w-5 h-5" />
            </x-menu-item>
        </x-group-menu-item>
    @endrole

    {{-- Vendors --}}
    <x-menu-item title="المتاجر" route="vendors">
        <x-heroicon-o-shopping-cart class="w-5 h-5" />
    </x-menu-item>
    @role('manager')
        <x-menu-item title="المناديب" route="drivers">
            <x-heroicon-o-user-group class="w-5 h-5" />
        </x-menu-item>
    @endhasanyrole

    @role('admin')
        <x-menu-item title="التقييمات" route="reviews">
            <x-heroicon-o-thumb-up class="w-5 h-5" />
        </x-menu-item>
    @endrole



    {{-- Products --}}
    @showProduct
        <x-group-menu-item routePath="product/*" title="المنتجات" products="true">

            <x-menu-item title="المنتجات" route="products">
                <x-heroicon-o-archive class="w-5 h-5" />
            </x-menu-item>

            <x-menu-item title="القوائم" route="products.menus">
                <x-heroicon-o-book-open class="w-5 h-5" />
            </x-menu-item>

            <x-menu-item title="مجموعات الخيارات" route="products.options.group">
                <x-heroicon-o-collection class="w-5 h-5" />
            </x-menu-item>

            <x-menu-item title="الخيارات" route="products.options">
                <x-heroicon-o-dots-horizontal class="w-5 h-5" />
            </x-menu-item>
            @role('admin')
                <x-menu-item title="المفضلة" route="favourites">
                    <x-heroicon-o-star class="w-5 h-5" />
                </x-menu-item>
            @endrole
        </x-group-menu-item>
    @endshowProduct

    {{-- Package --}}
    @showPackage
        <x-group-menu-item routePath="package/*" title="توصيل الطرود" package="true">

            @hasanyrole('city-admin|admin')
                <x-menu-item title="أنواع الطرود" route="package.types">
                    <x-heroicon-o-archive class="w-5 h-5" />
                </x-menu-item>

                <x-menu-item title="الدول" route="package.countries">
                    <x-heroicon-o-globe class="w-5 h-5" />
                </x-menu-item>

                <x-menu-item title="المحافظات" route="package.states">
                    <x-heroicon-o-globe-alt class="w-5 h-5" />
                </x-menu-item>

                <x-menu-item title="المدن" route="package.cities">
                    <x-heroicon-o-map class="w-5 h-5" />
                </x-menu-item>
            @endhasanyrole

            {{-- manager package delivery options --}}
            @role('manager')
                <x-menu-item title="التسعير" route="package.pricing">
                    <x-heroicon-o-currency-dollar class="w-5 h-5" />
                </x-menu-item>

                <x-menu-item title="المدن" route="package.cities.my">
                    <x-heroicon-o-location-marker class="w-5 h-5" />
                </x-menu-item>

                <x-menu-item title="المحافظات" route="package.states.my">
                    <x-heroicon-o-globe-alt class="w-5 h-5" />
                </x-menu-item>

                <x-menu-item title="الدول" route="package.countries.my">
                    <x-heroicon-o-globe class="w-5 h-5" />
                </x-menu-item>

            @endhasanyrole

        </x-group-menu-item>

    @endshowPackage

    {{-- orders --}}
    <x-group-menu-item routePath="order/*" title="الطلبات" orders="true">

        <x-menu-item title="الطلبات" route="orders">
            <x-heroicon-o-shopping-bag class="w-5 h-5" />
        </x-menu-item>
        @hasanyrole('city-admin|admin')
            <x-menu-item title="عناوين التوصيل" route="delivery.addresses">
                <x-heroicon-o-location-marker class="w-5 h-5" />
            </x-menu-item>
        @endhasanyrole

    </x-group-menu-item>

    @hasanyrole('city-admin|admin')
        <x-menu-item title="الكوبونات" route="coupons">
            <x-heroicon-o-receipt-tax class="w-5 h-5" />
        </x-menu-item>

    @endhasanyrole

    {{-- Users --}}
    @hasanyrole('city-admin|admin')
        <x-menu-item title="المستخدمين" route="users">
            <x-heroicon-o-user-group class="w-5 h-5" />
        </x-menu-item>
    @endhasanyrole

    @hasanyrole('admin')

        {{-- wallet transactions --}}
        <x-menu-item title="عمليات المحفظة" route="wallet.transactions">
            <x-heroicon-o-collection class="w-5 h-5" />
        </x-menu-item>

    @endhasanyrole

    {{-- Earings --}}
    <x-group-menu-item routePath="earnings/*" title="الأرباح" earnings="true">
        @hasanyrole('city-admin|admin')
            <x-menu-item title="أرباح المتاجر" route="earnings.vendors">
                <x-heroicon-o-shopping-bag class="w-5 h-5" />
            </x-menu-item>
        @endhasanyrole

        <x-menu-item title="أرباح المناديب" route="earnings.drivers">
            <x-heroicon-o-truck class="w-5 h-5" />
        </x-menu-item>

    </x-group-menu-item>

    {{-- Payouts --}}
    <x-group-menu-item routePath="payouts*" title="المدفوعات" payouts="true">
        @hasanyrole('city-admin|admin')
            <x-menu-item title="مدفوعات المتاجر" route="payouts"
                rawRoute="{{ route('payouts', ['type' => 'vendors']) }}">
                <x-heroicon-o-shopping-bag class="w-5 h-5" />
            </x-menu-item>
        @endhasanyrole
        <x-menu-item title="مدفوعات المناديب" route="payouts"
            rawRoute="{{ route('payouts', ['type' => 'drivers']) }}">
            <x-heroicon-o-truck class="w-5 h-5" />
        </x-menu-item>

    </x-group-menu-item>

    {{-- Payment methods --}}
    @hasanyrole('manager')
        <x-menu-item title="طرق الدفع" route="payment.methods.my">
            <x-heroicon-o-cash class="w-5 h-5" />
        </x-menu-item>
    @endhasanyrole


    @hasanyrole('admin')
        {{-- notifications --}}
        <x-menu-item title="الإشعارات" route="notification.send">
            <x-heroicon-o-bell class="w-5 h-5" />
        </x-menu-item>
        <x-group-menu-item routePath="operations/*" title="العمليات" icon="heroicon-o-server">

            {{-- backups --}}
            <x-menu-item title="النسخ الاحتياطي" route="backups">
                <x-heroicon-o-database class="w-5 h-5" />
            </x-menu-item>

            {{-- import --}}
            <x-menu-item title="استيراد" route="imports">
                <x-heroicon-o-cloud-upload class="w-5 h-5" />
            </x-menu-item>

            {{-- logs --}}
            <x-menu-item title="السجلات" route="logs" ex="true">
                <x-heroicon-o-shield-exclamation class="w-5 h-5" />
            </x-menu-item>
        </x-group-menu-item>


        {{-- Settings --}}
        <x-group-menu-item routePath="setting/*" title="الإعدادات" icon="heroicon-o-cog">

            {{-- Currencies --}}
            <x-menu-item title="العملات" route="currencies">
                <x-heroicon-o-currency-dollar class="w-5 h-5" />
            </x-menu-item>

            {{-- Payment methods --}}
            <x-menu-item title="طرق الدفع" route="payment.methods">
                <x-heroicon-o-cash class="w-5 h-5" />
            </x-menu-item>

            {{-- App Settings --}}
            <x-menu-item title="إعدادات التطبيق" route="settings.app">
                <x-heroicon-o-device-mobile class="w-5 h-5" />
            </x-menu-item>

            {{-- Settings --}}
            <x-menu-item title="الإعدادات العامة" route="settings">
                <x-heroicon-o-cog class="w-5 h-5" />
            </x-menu-item>

            {{-- Mail Settings --}}
            <x-menu-item title="إعدادات الخادم" route="settings.server">
                <x-heroicon-o-server class="w-5 h-5" />
            </x-menu-item>

            {{-- translation --}}
            <x-menu-item title="الترجمة" route="translation">
                <x-heroicon-o-translate class="w-5 h-5" />
            </x-menu-item>

            {{-- upgrade --}}
            <x-menu-item title="تحديث النظام" route="upgrade">
                <x-heroicon-o-cloud-upload class="w-5 h-5" />
            </x-menu-item>
        </x-group-menu-item>
    @endhasanyrole



</ul>
