<x-ui.layout.page :title="__('me.assets.title')" page-icon="fe fe-monitor">
    <x-ui.table.table :columns="[
        ['label' => __('me.assets.code')],
        ['label' => __('me.assets.name')],
        ['label' => __('me.assets.assigned_at')],
        ['label' => __('common.status')],
    ]">
        @forelse ($assets as $asset)
            <x-ui.table.row>
                <td>{{ $asset->asset_code }}</td>
                <td>{{ $asset->asset_name }}</td>
                <td>{{ $asset->assigned_at?->format('Y-m-d') }}</td>
                <td>{{ $asset->status }}</td>
            </x-ui.table.row>
        @empty
            <x-ui.table.row><td colspan="4">{{ __('common.no_results') }}</td></x-ui.table.row>
        @endforelse
    </x-ui.table.table>
</x-ui.layout.page>
