@foreach($assets as $asset)
<tr class="hover:bg-gray-50">
    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $asset->AssetTypeName }}</td>
    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $asset->AssetName }}</td>
    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ $asset->TaxPayerRoleName ?? 'N/A' }}</td>
    <td class="px-6 py-4 whitespace-nowrap">
        <div class="relative inline-block text-left" x-data="{ open: false }">
            <button @click="open = !open" type="button" class="inline-flex items-center px-3 py-1 bg-gray-600 text-white text-xs font-medium rounded hover:bg-gray-700">
                Action
                <svg class="ml-1 h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                </svg>
            </button>
            <div x-show="open" @click.away="open = false" class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10">
                <div class="py-1">
                    <a href="#" onclick="jsfn_AssetDetails({{ $asset->TPAID }}, {{ $asset->AssetTypeID }})" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Quick View</a>
                    {{-- Optional: implement remove for special taxpayers if needed in future --}}
                </div>
            </div>
        </div>
    </td>
</tr>
@endforeach