﻿﻿<div x-data="{ open: {{ request()->routeIs('inventory.*') ? 'true' : 'false' }} }" class="mb-1">
    <button @click="open = !open" class="group flex items-center p-3 py-2 text-base font-medium rounded-md
        {{ request()->routeIs('inventory.*') ? 'bg-primary-100 text-primary-900' : 'text-gray-700 hover:bg-primary-50 hover:text-primary-900' }}">
        <svg xxmlns="http://www.w3.org/2000/svg" class="ml-3 flex-shrink-0 h-6 w-6
            {{ request()->routeIs('inventory.*') ? 'text-primary-600' : 'text-gray-500 group-hover:text-primary-600' }}"
            fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" />
        </svg>
        <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Inventory System', __('Inventory System')) }}</span>
        <svg :class="{'rotate-180': open, 'rotate-0': !open}" class="mr-auto h-5 w-5 transform transition-transform duration-200"
            xxmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
        </svg>
    </button>
    <div x-show="open" x-transition class="pr-4 mr-4 border-r border-gray-200">
        @permission('inventory.warehouses.view')
        <a href="{{ route('inventory.warehouses.index') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
            {{ request()->routeIs('inventory.warehouses.*') ? 'text-primary-900' : 'text-gray-700 hover:text-primary-900' }}">
            <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('inventory.warehouses.*') ? 'bg-primary-600' : 'bg-gray-500' }}"></span>
            <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Warehouses', __('Warehouses')) }}</span>
        </a>
        @endpermission

        @permission('inventory.units.view')
        <a href="{{ route('inventory.units.index') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
            {{ request()->routeIs('inventory.units.*') ? 'text-primary-900' : 'text-gray-700 hover:text-primary-900' }}">
            <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('inventory.units.*') ? 'bg-primary-600' : 'bg-gray-500' }}"></span>
            <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Inventory Units', __('Inventory Units')) }}</span>
        </a>
        @endpermission

        @permission('inventory.items.view')
        <a href="{{ route('inventory.items.index') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
            {{ request()->routeIs('inventory.items.*') ? 'text-primary-900' : 'text-gray-700 hover:text-primary-900' }}">
            <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('inventory.items.*') ? 'bg-primary-600' : 'bg-gray-500' }}"></span>
            <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Items', __('Items')) }}</span>
        </a>
        @endpermission

        @permission('inventory.issues.view')
        <a href="{{ route('inventory.issues.index') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
            {{ request()->routeIs('inventory.issues.*') && !request()->routeIs('inventory.separate-issues.*') ? 'text-primary-900' : 'text-gray-700 hover:text-primary-900' }}">
            <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('inventory.issues.*') && !request()->routeIs('inventory.separate-issues.*') ? 'bg-primary-600' : 'bg-gray-500' }}"></span>
            <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Disbursement Vouchers', __('Disbursement Vouchers')) }}</span>
        </a>
        @endpermission

        <div x-data="{ open: {{ request()->routeIs('inventory.raw-materials-warehouses.*', 'inventory.finished-goods-warehouses.*', 'inventory.finished-goods-recipients.*', 'inventory.production-sites.*') ? 'true' : 'false' }} }" class="mb-1">
            <button @click="open = !open" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md w-full
                {{ request()->routeIs('inventory.raw-materials-warehouses.*', 'inventory.finished-goods-warehouses.*', 'inventory.finished-goods-recipients.*', 'inventory.production-sites.*') ? 'text-primary-900 bg-primary-50' : 'text-gray-600 hover:bg-primary-50' }}">
                <span class="ml-1 w-1 h-1 rounded-full {{ request()->routeIs('inventory.raw-materials-warehouses.*', 'inventory.finished-goods-warehouses.*', 'inventory.finished-goods-recipients.*', 'inventory.production-sites.*') ? 'bg-primary-600' : 'bg-gray-400' }}"></span>
                <span class="text-xs">{{ \App\Helpers\TranslationHelper::transFromDatabase('Separate Disbursement Vouchers', __('Separate Disbursement Vouchers')) }}</span>
                <svg :class="{'rotate-180': open, 'rotate-0': !open}" class="ml-auto h-4 w-4 transform transition-transform duration-200" xxmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
                </svg>
            </button>
            <div x-show="open" x-transition class="pr-4 mr-4 border-r border-gray-200">
                @permission('inventory.raw-materials-warehouses.view')
                <a href="{{ route('inventory.raw-materials-warehouses.index') }}" class="group flex items-center p-3 py-2 text-xs font-medium rounded-md
                    {{ request()->routeIs('inventory.raw-materials-warehouses.*') ? 'text-primary-900 font-semibold' : 'text-gray-600 hover:text-primary-900' }}">
                    <span class="ml-2 w-0.5 h-0.5 rounded-full {{ request()->routeIs('inventory.raw-materials-warehouses.*') ? 'bg-primary-600' : 'bg-gray-400' }}"></span>
                    <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Raw Materials Warehouses', __('Raw Materials Warehouses')) }}</span>
                </a>
                @endpermission

                @permission('inventory.finished-goods-warehouses.view')
                <a href="{{ route('inventory.finished-goods-warehouses.index') }}" class="group flex items-center p-3 py-2 text-xs font-medium rounded-md
                    {{ request()->routeIs('inventory.finished-goods-warehouses.*') ? 'text-primary-900 font-semibold' : 'text-gray-600 hover:text-primary-900' }}">
                    <span class="ml-2 w-0.5 h-0.5 rounded-full {{ request()->routeIs('inventory.finished-goods-warehouses.*') ? 'bg-primary-600' : 'bg-gray-400' }}"></span>
                    <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Finished Goods Warehouses', __('Finished Goods Warehouses')) }}</span>
                </a>
                @endpermission

                @permission('inventory.finished-goods-recipients.view')
                <a href="{{ route('inventory.finished-goods-recipients.index') }}" class="group flex items-center p-3 py-2 text-xs font-medium rounded-md
                    {{ request()->routeIs('inventory.finished-goods-recipients.*') ? 'text-primary-900 font-semibold' : 'text-gray-600 hover:text-primary-900' }}">
                    <span class="ml-2 w-0.5 h-0.5 rounded-full {{ request()->routeIs('inventory.finished-goods-recipients.*') ? 'bg-primary-600' : 'bg-gray-400' }}"></span>
                    <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Finished Goods Recipients', __('Finished Goods Recipients')) }}</span>
                </a>
                @endpermission

                @permission('inventory.production-sites.view')
                <a href="{{ route('inventory.production-sites.index') }}" class="group flex items-center p-3 py-2 text-xs font-medium rounded-md
                    {{ request()->routeIs('inventory.production-sites.*') ? 'text-primary-900 font-semibold' : 'text-gray-600 hover:text-primary-900' }}">
                    <span class="ml-2 w-0.5 h-0.5 rounded-full {{ request()->routeIs('inventory.production-sites.*') ? 'bg-primary-600' : 'bg-gray-400' }}"></span>
                    <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Production Sites and Lines', __('Production Sites and Lines')) }}</span>
                </a>
                @endpermission

                <div x-data="{ open: {{ request()->routeIs('inventory.raw-materials-issues.*', 'inventory.finished-goods-issues.*') ? 'true' : 'false' }} }" class="mb-1">
                    <button @click="open = !open" class="group flex items-center p-3 py-2 text-xs font-medium rounded-md w-full
                        {{ request()->routeIs('inventory.raw-materials-issues.*', 'inventory.finished-goods-issues.*') ? 'text-primary-900 bg-primary-50' : 'text-gray-600 hover:bg-primary-50' }}">
                        <span class="ml-1 w-0.5 h-0.5 rounded-full {{ request()->routeIs('inventory.raw-materials-issues.*', 'inventory.finished-goods-issues.*') ? 'bg-primary-600' : 'bg-gray-400' }}"></span>
                        <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Permissions List', __('Permissions List')) }}</span>
                        <svg :class="{'rotate-180': open, 'rotate-0': !open}" class="ml-auto h-3 w-3 transform transition-transform duration-200" xxmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
                        </svg>
                    </button>
                    <div x-show="open" x-transition class="pr-4 mr-4 border-r border-gray-200">
                        @permission('inventory.raw_materials.issue.view')
                        <a href="{{ route('inventory.raw-materials-issues.index') }}" class="group flex items-center p-3 py-2 text-xs font-medium rounded-md
                            {{ request()->routeIs('inventory.raw-materials-issues.*') ? 'text-primary-900 font-semibold' : 'text-gray-600 hover:text-primary-900' }}">
                            <span class="ml-2 w-0.5 h-0.5 rounded-full {{ request()->routeIs('inventory.raw-materials-issues.*') ? 'bg-primary-600' : 'bg-gray-400' }}"></span>
                            <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Raw Materials Disbursement Vouchers', __('Raw Materials Disbursement Vouchers')) }}</span>
                        </a>
                        @endpermission

                        @permission('inventory.finished_goods.issue.view')
                        <a href="{{ route('inventory.finished-goods-issues.index') }}" class="group flex items-center p-3 py-2 text-xs font-medium rounded-md
                            {{ request()->routeIs('inventory.finished-goods-issues.*') ? 'text-primary-900 font-semibold' : 'text-gray-600 hover:text-primary-900' }}">
                            <span class="ml-2 w-0.5 h-0.5 rounded-full {{ request()->routeIs('inventory.finished-goods-issues.*') ? 'bg-primary-600' : 'bg-gray-400' }}"></span>
                            <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Finished Goods Disbursement Vouchers', __('Finished Goods Disbursement Vouchers')) }}</span>
                        </a>
                        @endpermission
                    </div>
                </div>
            </div>
        </div>

        @permission('inventory.receipts.view')
        <a href="{{ route('inventory.receipts.index') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
            {{ request()->routeIs('inventory.receipts.*') ? 'text-primary-900' : 'text-gray-700 hover:text-primary-900' }}">
            <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('inventory.receipts.*') ? 'bg-primary-600' : 'bg-gray-500' }}"></span>
            <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Receipt Vouchers', __('Receipt Vouchers')) }}</span>
        </a>
        @endpermission

        @permission('inventory.counts.view')
        <a href="{{ route('inventory.counts.index') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
            {{ request()->routeIs('inventory.counts.*') ? 'text-primary-900' : 'text-gray-700 hover:text-primary-900' }}">
            <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('inventory.counts.*') ? 'bg-primary-600' : 'bg-gray-500' }}"></span>
            <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Inventory Count', __('Inventory Count')) }}</span>
        </a>
        @endpermission

        @permission('inventory.reports.view')
        <a href="{{ route('inventory.reports.index') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
            {{ request()->routeIs('inventory.reports.*') ? 'text-primary-900' : 'text-gray-700 hover:text-primary-900' }}">
            <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('inventory.reports.*') ? 'bg-primary-600' : 'bg-gray-500' }}"></span>
            <span>{{ \App\Helpers\TranslationHelper::transFromDatabase('Inventory Reports', __('Inventory Reports')) }}</span>
        </a>
        @endpermission
    </div>
</div>
