@extends('adminlte::page')

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

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="m-0">Registration Keys</h1>
        <a href="{{ route('keys.create') }}" class="btn btn-primary">Generate Key</a>
    </div>
@endsection

@section('content')
    @push('css')
        <style>
            .break-all { word-break: break-all; }
        </style>
    @endpush
    @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif

    <div class="card">
        <div class="card-body p-0">
            <div class="table-responsive" style="max-height:65vh; overflow:auto;">
                <table class="table table-striped table-sm mb-0">
                    <thead class="sticky-top bg-white">
                        <tr>
                            <th>ID</th>
                            <th>Serial Key</th>
                            <th>Device ID</th>
                            <th>Activated At</th>
                            <th>Expires At</th>
                            <th>Deactivated At</th>
                            <th>Active</th>
                            <th>Locked</th>
                            <th>Created</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($keys as $key)
                            <tr>
                                <td>{{ $key->id }}</td>
                                <td>
                                    <code class="break-all">{{ $key->serial_key }}</code>
                                </td>
                                <td><span class="break-all">{{ $key->device_id ?? '-' }}</span></td>
                                <td>{{ optional($key->activated_at)->format('Y-m-d H:i') ?? '-' }}</td>
                                <td>{{ optional($key->expires_at)->format('Y-m-d H:i') ?? '-' }}</td>
                                <td>{{ optional($key->deactivated_at)->format('Y-m-d H:i') ?? '-' }}</td>
                                <td>
                                    @if($key->is_active)
                                        <span class="badge badge-success">Yes</span>
                                    @else
                                        <span class="badge badge-secondary">No</span>
                                    @endif
                                </td>
                                <td>
                                    @if($key->is_locked)
                                        <span class="badge badge-danger">Yes</span>
                                    @else
                                        <span class="badge badge-secondary">No</span>
                                    @endif
                                </td>
                                <td>{{ optional($key->created_at)->format('Y-m-d H:i') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center text-muted py-4">No keys found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($keys instanceof \Illuminate\Contracts\Pagination\Paginator || $keys instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator)
            <div class="card-footer d-flex justify-content-center">
                {{ $keys->onEachSide(1)->links('pagination::bootstrap-4') }}
            </div>
        @endif
    </div>
@endsection