@extends('layouts.app')

@section('title', 'Registration Codes')

@section('content')
<x-page-header title="Registration Codes" subtitle="Generated codes and linked devices" icon="qr-code" icon-color="cyan">
    @if (auth()->user()->hasAction('devices.codes_manage'))
        <x-slot:actions>
            <a href="{{ route('devices.create') }}" class="btn-primary btn-sm">
                <x-icon name="plus" class="w-4 h-4" />
                Create Device
            </a>
        </x-slot:actions>
    @endif
</x-page-header>

<div class="table-wrap">
    <div class="overflow-x-auto md:overflow-visible">
        <table class="data-table responsive-table">
            <thead>
                <tr>
                    <th>Code</th>
                    <th>Assigned User</th>
                    <th>Status</th>
                    <th>Linked Device</th>
                    <th>Created</th>
                    <th>Expires</th>
                    <th>Used At</th>
                    @if (auth()->user()->hasAction('devices.codes_admin'))
                        <th>Actions</th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @forelse ($codes as $code)
                    <tr>
                        <td data-label="Code" class="font-mono font-semibold tracking-wider text-teal-600">{{ $code->code }}</td>
                        <td data-label="User">{{ $code->user?->name ?? 'Unassigned' }}</td>
                        <td data-label="Status">
                            <span class="rounded-full px-2 py-0.5 text-xs {{ $code->statusColor() }}">
                                {{ $code->statusLabel() }}
                            </span>
                        </td>
                        <td data-label="Device">
                            @if ($code->device)
                                <a href="{{ route('devices.edit', $code->device) }}" class="text-teal-600 hover:text-teal-600 font-medium">
                                    {{ $code->device->device_name }}
                                </a>
                                <span class="block font-mono text-xs text-slate-500 mt-0.5">{{ $code->device->device_uid }}</span>
                            @else
                                <span class="text-slate-500">—</span>
                            @endif
                        </td>
                        <td data-label="Created" class="whitespace-nowrap text-xs">{{ $code->created_at->format('M d, H:i') }}</td>
                        <td data-label="Expires" class="whitespace-nowrap text-xs">{{ $code->expires_at->format('M d, H:i') }}</td>
                        <td data-label="Used" class="whitespace-nowrap text-xs">{{ $code->used_at?->format('M d, H:i') ?? '—' }}</td>
                        @if (auth()->user()->hasAction('devices.codes_admin'))
                            <td data-label="" class="td-actions">
                                <div class="flex flex-wrap gap-1 justify-end">
                                    @if ($code->canChangeStatus())
                                        @if ($code->isActive())
                                            <form method="POST" action="{{ route('devices.codes.deactivate', $code) }}">
                                                @csrf @method('PATCH')
                                                <button type="submit" class="btn-ghost btn-sm text-amber-400">Deactivate</button>
                                            </form>
                                            <form method="POST" action="{{ route('devices.codes.suspend', $code) }}">
                                                @csrf @method('PATCH')
                                                <button type="submit" class="btn-ghost btn-sm text-red-400">Suspend</button>
                                            </form>
                                        @else
                                            <form method="POST" action="{{ route('devices.codes.activate', $code) }}">
                                                @csrf @method('PATCH')
                                                <button type="submit" class="btn-ghost btn-sm text-emerald-400">Activate</button>
                                            </form>
                                        @endif
                                    @endif
                                    <form method="POST" action="{{ route('devices.codes.destroy', $code) }}" onsubmit="return confirm('Delete this registration code?')">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="btn-danger btn-sm">
                                            <x-icon name="trash" class="w-3.5 h-3.5" />
                                        </button>
                                    </form>
                                </div>
                            </td>
                        @endif
                    </tr>
                @empty
                    <tr>
                        <td colspan="{{ auth()->user()->hasAction('devices.codes_admin') ? 8 : 7 }}" class="!block text-center py-12 text-slate-500">
                            No registration codes yet.
                            @if (auth()->user()->canManageUsers())
                                <a href="{{ route('devices.create') }}" class="text-teal-600 hover:text-teal-600 block mt-2">Generate one</a>
                            @endif
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection