@extends('layouts.admin')
@section('title', 'Licenses')
@section('heading', 'Licenses')

@section('content')
    <div class="flex items-center justify-between mb-5">
        <form method="GET" class="flex gap-2">
            <input name="q" value="{{ request('q') }}" placeholder="Search key, company, domain…"
                   class="rounded-lg border border-slate-300 px-3 py-2 text-sm w-72 focus:outline-none focus:ring-2 focus:ring-indigo-400">
            <select name="status" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                <option value="">All statuses</option>
                @foreach ($statuses as $s)
                    <option value="{{ $s }}" @selected(request('status') === $s)>{{ ucfirst($s) }}</option>
                @endforeach
            </select>
            <button class="px-3 py-2 rounded-lg bg-slate-200 text-slate-700 text-sm hover:bg-slate-300">Filter</button>
        </form>
        <a href="{{ route('licenses.create') }}" class="px-4 py-2 rounded-lg bg-indigo-600 text-white text-sm font-semibold hover:bg-indigo-700">+ Generate License</a>
    </div>

    <div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
        <table class="w-full text-sm">
            <thead class="bg-slate-50 text-slate-500 text-xs uppercase">
                <tr>
                    <th class="text-left px-5 py-3 font-semibold">License Key</th>
                    <th class="text-left px-5 py-3 font-semibold">Customer</th>
                    <th class="text-left px-5 py-3 font-semibold">Domain</th>
                    <th class="text-left px-5 py-3 font-semibold">Package</th>
                    <th class="text-left px-5 py-3 font-semibold">Status</th>
                    <th class="text-left px-5 py-3 font-semibold">Expires</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($licenses as $license)
                    <tr class="hover:bg-slate-50 cursor-pointer" onclick="location='{{ route('licenses.show', $license) }}'">
                        <td class="px-5 py-3 font-mono text-xs text-slate-700">{{ $license->license_key }}</td>
                        <td class="px-5 py-3 text-slate-700">{{ $license->customer?->company_name }}</td>
                        <td class="px-5 py-3 text-slate-500">{{ $license->domain?->domain ?? '—' }}</td>
                        <td class="px-5 py-3 text-slate-500">{{ $license->package?->name }}</td>
                        <td class="px-5 py-3"><x-status-badge :status="$license->effectiveStatus()" /></td>
                        <td class="px-5 py-3 text-slate-500">{{ $license->expires_at?->toFormattedDateString() ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-5 py-8 text-center text-slate-400">No licenses yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $licenses->links() }}</div>
@endsection