@extends('layouts.user')
@section('title', 'My Licenses')
@section('topbar-title', 'My Licenses')

@section('content')
<div class="page-header">
    <h1>My Licenses</h1>
    <a href="{{ route('home') }}" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i> Buy New License</a>
</div>

<div class="card">
    @if($licenses->isEmpty())
    <div style="padding:60px;text-align:center;color:var(--muted);">
        <i class="fa fa-key" style="font-size:3rem;margin-bottom:16px;display:block;opacity:0.2;"></i>
        <p style="font-size:1rem;margin-bottom:6px;">No licenses yet</p>
        <p style="font-size:0.85rem;margin-bottom:20px;">Purchase a license to get started</p>
        <a href="{{ route('home') }}" class="btn btn-primary"><i class="fa fa-store"></i> Browse Products</a>
    </div>
    @else
    <div style="overflow-x:auto;">
        <table>
            <thead>
                <tr>
                    <th>License Key</th>
                    <th>Product</th>
                    <th>Server IP</th>
                    <th>Status</th>
                    <th>Expires</th>
                    <th>IP Changes</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach($licenses as $lic)
                <tr>
                    <td>
                        <span style="font-family:monospace;font-size:0.82rem;background:rgba(255,255,255,0.05);padding:3px 8px;border-radius:5px;">
                            {{ $lic->license_key }}
                        </span>
                    </td>
                    <td style="font-weight:600;">{{ $lic->product->name }}</td>
                    <td style="font-family:monospace;font-size:0.82rem;color:var(--muted);">{{ $lic->valid_ip }}</td>
                    <td><span class="badge badge-{{ strtolower($lic->status) }}">{{ $lic->status }}</span></td>
                    <td style="font-size:0.82rem;color:var(--muted);">
                        {{ $lic->expires_at ? $lic->expires_at->format('M j, Y') : '—' }}
                    </td>
                    <td style="font-size:0.82rem;color:{{ $lic->ip_changes >= 3 ? '#f87171' : 'var(--muted)' }};">
                        {{ $lic->ip_changes }}/3
                    </td>
                    <td>
                        <a href="{{ route('user.licenses.show', $lic) }}" class="btn btn-outline btn-sm">Manage</a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div style="padding:14px 16px;border-top:1px solid var(--border);">
        {{ $licenses->links() }}
    </div>
    @endif
</div>
@endsection