@extends('adminlte::page')

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

@section('content_header')
    <h1>SN Registrations</h1>
@endsection

@section('content')
    <div class="card">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped mb-0">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Serial Number</th>
                            <th>Name</th>
                            <th>Phone</th>
                            <th>Device ID</th>
                            <th>Expires At</th>
                            <th>Created</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($regs as $reg)
                            <tr>
                                <td>{{ $reg->id }}</td>
                                <td><code>{{ $reg->serial_number }}</code></td>
                                <td>{{ $reg->name ?? '-' }}</td>
                                <td>{{ $reg->phone ?? '-' }}</td>
                                <td class="text-truncate" style="max-width:260px">{{ $reg->device_id ?? '-' }}</td>
                                <td>{{ optional($reg->expires_at)->format('Y-m-d H:i') ?? '-' }}</td>
                                <td>{{ optional($reg->created_at)->format('Y-m-d H:i') }}</td>
                                <td>
                                    <a href="{{ route('sn.show', $reg->serial_number) }}" class="btn btn-sm btn-outline-primary">View</a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted py-4">No registrations found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($regs instanceof \Illuminate\Contracts\Pagination\Paginator || $regs instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator)
            <div class="card-footer clearfix">
                {{ $regs->links() }}
            </div>
        @endif
    </div>
@endsection