@extends('layouts.admin')
@section('title', 'Licencias — Admin')

@section('content')
<div class="flex items-center justify-between mb-8">
    <h1 class="text-2xl font-bold">🔑 Licencias de Plugin</h1>
    <a href="{{ route('admin.license.create') }}" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg text-sm font-medium transition">
        <i class="fas fa-plus mr-1"></i> Nueva Licencia
    </a>
</div>

<!-- Stats -->
<div class="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
    @php $statCards = [
        ['label'=>'Total','val'=>$stats['total'],'icon'=>'fa-key','color'=>'blue'],
        ['label'=>'Activas','val'=>$stats['active'],'icon'=>'fa-check-circle','color'=>'green'],
        ['label'=>'Suspendidas','val'=>$stats['suspended'],'icon'=>'fa-pause-circle','color'=>'yellow'],
        ['label'=>'Expiradas','val'=>$stats['expired'],'icon'=>'fa-times-circle','color'=>'red'],
    ]; @endphp
    @foreach($statCards as $c)
    <div class="bg-gray-900 rounded-xl border border-gray-800 p-4">
        <div class="flex items-center justify-between mb-2">
            <span class="text-xs text-gray-500">{{ $c['label'] }}</span>
            <i class="fas {{ $c['icon'] }} text-{{ $c['color'] }}-500"></i>
        </div>
        <p class="text-2xl font-bold">{{ $c['val'] }}</p>
    </div>
    @endforeach
</div>

<!-- Filters -->
<div class="bg-gray-900 rounded-xl border border-gray-800 p-4 mb-6">
    <form method="GET" class="flex items-center gap-4">
        <input type="text" name="search" value="{{ request('search') }}" placeholder="Buscar por nombre, dominio, key..."
               class="flex-1 bg-gray-800 border border-gray-700 rounded-lg px-4 py-2 text-sm focus:outline-none focus:border-blue-500">
        <select name="status" class="bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-sm">
            <option value="">Todos los estados</option>
            <option value="active" {{ request('status')==='active'?'selected':'' }}>Activas</option>
            <option value="suspended" {{ request('status')==='suspended'?'selected':'' }}>Suspendidas</option>
            <option value="expired" {{ request('status')==='expired'?'selected':'' }}>Expiradas</option>
            <option value="revoked" {{ request('status')==='revoked'?'selected':'' }}>Revocadas</option>
        </select>
        <button class="px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded-lg text-sm transition">
            <i class="fas fa-search"></i>
        </button>
    </form>
</div>

<!-- Table -->
<div class="bg-gray-900 rounded-xl border border-gray-800 overflow-hidden">
    <table class="w-full text-sm">
        <thead>
            <tr class="border-b border-gray-800 text-xs text-gray-500 uppercase">
                <th class="text-left p-4">Licencia</th>
                <th class="text-left p-4">Cliente</th>
                <th class="text-left p-4">Dominio</th>
                <th class="text-left p-4">Plan</th>
                <th class="text-left p-4">Estado</th>
                <th class="text-left p-4">Expiración</th>
                <th class="text-left p-4">Último Check</th>
                <th class="text-right p-4">Acciones</th>
            </tr>
        </thead>
        <tbody>
            @forelse($licenses as $lic)
            <tr class="border-b border-gray-800/50 hover:bg-gray-800/30 transition">
                <td class="p-4">
                    <code class="text-xs bg-gray-800 px-2 py-1 rounded font-mono">{{ $lic->license_key }}</code>
                </td>
                <td class="p-4">
                    <p class="font-medium">{{ $lic->client_name }}</p>
                    @if($lic->client_email)
                    <p class="text-xs text-gray-500">{{ $lic->client_email }}</p>
                    @endif
                </td>
                <td class="p-4 text-gray-300">{{ $lic->domain }}</td>
                <td class="p-4">
                    @php $planObj = $lic->getRelation('plan'); @endphp
                    @if($planObj)
                    <span class="px-2 py-0.5 rounded text-xs font-medium
                        {{ $planObj->slug==='unlimited'?'bg-purple-500/20 text-purple-400':($planObj->slug==='pro'?'bg-blue-500/20 text-blue-400':'bg-gray-500/20 text-gray-400') }}">
                        {{ strtoupper($planObj->name) }}
                    </span>
                    @else
                    <span class="px-2 py-0.5 rounded text-xs font-medium bg-gray-500/20 text-gray-400">
                        N/A
                    </span>
                    @endif
                </td>
                <td class="p-4">
                    @php
                        $statusColors = [
                            'active'    => 'bg-green-500/20 text-green-400',
                            'suspended' => 'bg-yellow-500/20 text-yellow-400',
                            'expired'   => 'bg-red-500/20 text-red-400',
                            'revoked'   => 'bg-red-500/20 text-red-400',
                        ];
                    @endphp
                    <span class="px-2 py-0.5 rounded text-xs font-medium {{ $statusColors[$lic->status] ?? 'bg-gray-500/20' }}">
                        {{ ucfirst($lic->status) }}
                    </span>
                </td>
                <td class="p-4 text-gray-500 text-xs">
                    {{ $lic->expires_at ? $lic->expires_at->format('d/m/Y') : 'Sin expiración' }}
                </td>
                <td class="p-4 text-gray-500 text-xs">
                    {{ $lic->last_check_at ? $lic->last_check_at->diffForHumans() : 'Nunca' }}
                </td>
                <td class="p-4 text-right">
                    <div class="flex items-center justify-end gap-2">
                        <!-- Toggle -->
                        <form method="POST" action="{{ route('admin.license.toggle', $lic->id) }}" class="inline">
                            @csrf @method('PATCH')
                            <button class="p-1.5 rounded hover:bg-gray-700 transition" title="{{ $lic->status==='active'?'Suspender':'Activar' }}">
                                <i class="fas {{ $lic->status==='active'?'fa-pause text-yellow-500':'fa-play text-green-500' }}"></i>
                            </button>
                        </form>
                        <!-- History -->
                        <a href="{{ route('admin.license.history', $lic->id) }}" class="p-1.5 rounded hover:bg-gray-700 transition" title="Historial">
                            <i class="fas fa-chart-line text-blue-400"></i>
                        </a>
                        <!-- Edit -->
                        <a href="{{ route('admin.license.edit', $lic->id) }}" class="p-1.5 rounded hover:bg-gray-700 transition" title="Editar">
                            <i class="fas fa-edit text-gray-400"></i>
                        </a>
                        <!-- Send Welcome Email -->
                        @if($lic->client_email)
                        <form method="POST" action="{{ route('admin.license.send-welcome', $lic->id) }}" class="inline"
                              onsubmit="this.querySelector('button').disabled=true; this.querySelector('i').className='fas fa-spinner fa-spin text-blue-400';">
                            @csrf
                            <button class="p-1.5 rounded hover:bg-gray-700 transition" title="Enviar email de bienvenida a {{ $lic->client_email }}">
                                <i class="fas fa-envelope text-emerald-400"></i>
                            </button>
                        </form>
                        @endif
                        <!-- Delete -->
                        <form method="POST" action="{{ route('admin.license.destroy', $lic->id) }}" class="inline"
                              onsubmit="return confirm('¿Eliminar licencia {{ $lic->license_key }}?')">
                            @csrf @method('DELETE')
                            <button class="p-1.5 rounded hover:bg-gray-700 transition" title="Eliminar">
                                <i class="fas fa-trash text-red-400"></i>
                            </button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="8" class="p-8 text-center text-gray-600">
                    <i class="fas fa-key text-3xl mb-2"></i>
                    <p>No hay licencias registradas</p>
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

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