@php
    $company = auth()->user()->company;
    $hasEta = $company && $company->hasEtaIntegration();
    
    $userHasAnyPermission = function (array $permissions) {
        if (!auth()->check()) return false;
        $user = auth()->user();
        foreach ($permissions as $perm) {
            if ($user->hasPermission($perm)) return true;
        }
        return false;
    };
@endphp

@if ($hasEta && $userHasAnyPermission(['eta.view', 'eta.manage', 'eta.submit', 'eta.logs']))
    <!-- نظام الضرائب المصرية -->
    <div x-data="{ open: {{ request()->routeIs('eta.*') ? '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('eta.*') ? 'bg-red-100 text-red-800' : 'text-black hover:bg-red-50 hover:text-red-800' }}">
            <svg xmlns="http://www.w3.org/2000/svg" class="ml-3 flex-shrink-0 h-6 w-6 {{ request()->routeIs('eta.*') ? 'text-red-700' : 'text-black group-hover:text-red-700' }}" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
            </svg>
            <span>الضرائب المصرية</span>
            <svg :class="{ 'rotate-180': open, 'rotate-0': !open }" class="mr-auto h-5 w-5 transform transition-transform duration-200" xmlns="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('eta.view')
                <a href="{{ route('eta.dashboard') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
                    {{ request()->routeIs('eta.dashboard') ? 'text-red-800' : 'text-black hover:text-red-800' }}">
                    <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('eta.dashboard') ? 'bg-red-600' : 'bg-gray-500' }}"></span>
                    <span>لوحة التحكم</span>
                </a>
            @endpermission

            @permission('eta.submit')
                <a href="{{ route('customer-invoices.index') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md text-black hover:text-red-800">
                    <span class="ml-2 w-1 h-1 rounded-full bg-gray-500"></span>
                    <span>إرسال الفواتير</span>
                </a>
            @endpermission

            @permission('eta.logs')
                <a href="{{ route('eta.logs') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
                    {{ request()->routeIs('eta.logs') ? 'text-red-800' : 'text-black hover:text-red-800' }}">
                    <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('eta.logs') ? 'bg-red-600' : 'bg-gray-500' }}"></span>
                    <span>سجلات الإرسال</span>
                </a>
            @endpermission

            @permission('eta.manage')
                <a href="{{ route('eta.settings') }}" class="group flex items-center p-3 py-2 text-sm font-medium rounded-md
                    {{ request()->routeIs('eta.settings') ? 'text-red-800' : 'text-black hover:text-red-800' }}">
                    <span class="ml-2 w-1 h-1 rounded-full {{ request()->routeIs('eta.settings') ? 'bg-red-600' : 'bg-gray-500' }}"></span>
                    <span>إعدادات الربط</span>
                </a>
            @endpermission
        </div>
    </div>
@endif