@extends('layouts.admin') {{-- Usa o layout admin --}}

{{-- Define o cabeçalho da página --}}
<x-slot name="header">
    <div class="md:flex md:items-center md:justify-between">
        <div class="flex-1 min-w-0">
            <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
                {{ __('Assinaturas de: ') }} {{ $user->name }} (#{{ $user->id }})
            </h2>
            {{-- Link para voltar aos detalhes do usuário --}}
            <a href="{{ route('admin.users.show', $user) }}"
                class="text-sm text-blue-600 dark:text-blue-400 hover:underline">
                &larr; Voltar para Detalhes do Usuário
            </a>
        </div>
        {{-- Botões de Ação Principais --}}
        <div class="mt-4 flex md:mt-0 md:ml-4 space-x-3">
            <a href="{{ route('admin.users.subscriptions.renew', $user) }}"
                class="inline-flex items-center px-4 py-2 bg-yellow-500 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-yellow-600 active:bg-yellow-700 focus:outline-none focus:border-yellow-700 focus:ring ring-yellow-300 disabled:opacity-25 transition ease-in-out duration-150">
                Renovar Assinatura
            </a>
            <a href="{{ route('admin.users.subscriptions.create', $user) }}"
                class="inline-flex items-center px-4 py-2 bg-green-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-green-700 active:bg-green-800 focus:outline-none focus:border-green-900 focus:ring ring-green-300 disabled:opacity-25 transition ease-in-out duration-150">
                Nova Assinatura
            </a>
        </div>
    </div>
</x-slot>

@section('content')
<div class="py-1">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        {{-- Mensagens de sucesso/erro --}}
        @if (session('success'))
        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
            <span class="block sm:inline">{{ session('success') }}</span>
        </div>
        @endif
        @if (session('error'))
        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4" role="alert">
            <span class="block sm:inline">{{ session('error') }}</span>
        </div>
        @endif

        <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
            <div class="p-6 text-gray-900 dark:text-gray-100">
                <h3 class="text-lg font-medium mb-4">Histórico de Assinaturas</h3>

                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                        <thead class="bg-gray-50 dark:bg-gray-700">
                            <tr>
                                <th scope="col"
                                    class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    ID Sub.
                                </th>
                                <th scope="col"
                                    class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Plano
                                </th>
                                <th scope="col"
                                    class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Licença
                                </th>
                                <th scope="col"
                                    class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Domínio
                                </th>
                                <th scope="col"
                                    class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Status
                                </th>
                                <th scope="col"
                                    class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Ativado em
                                </th>
                                <th scope="col"
                                    class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Expira em
                                </th>
                                <th scope="col" class="relative px-6 py-3">
                                    <span class="sr-only">Ações</span>
                                </th>
                            </tr>
                        </thead>
                        <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                            {{-- Loop através das assinaturas passadas pelo controller --}}
                            @forelse ($subscriptions as $subscription)
                            {{-- Determina se esta é a assinatura ativa ATUALMENTE --}}
                            @php
                            $isCurrentlyActive = $subscription->status === 'active' && (!$subscription->expires_at ||
                            $subscription->expires_at->isFuture());
                            @endphp
                            <tr class="{{ $isCurrentlyActive ? 'bg-green-50 dark:bg-green-900/50' : '' }}">
                                {{-- Destaca a linha ativa --}}
                                <td
                                    class="px-6 py-4 whitespace-nowrap text-sm font-medium {{ $isCurrentlyActive ? 'text-green-900 dark:text-green-100' : 'text-gray-900 dark:text-white' }}">
                                    {{ $subscription->id }}
                                </td>
                                <td
                                    class="px-6 py-4 whitespace-nowrap text-sm font-medium {{ $isCurrentlyActive ? 'text-green-900 dark:text-green-100' : 'text-gray-900 dark:text-white' }}">
                                    {{ $subscription->plan?->name ?? 'Plano não encontrado' }}
                                    {{-- Acessa nome do plano pela relação --}}
                                </td>
                                <td
                                    class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300 font-mono text-xs">
                                    {{ $subscription->license_key }}
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">
                                    {{ $subscription->allowed_domain ?? '-' }}
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm">
                                    {{-- Badges de Status --}}
                                    @if ($subscription->status === 'active')
                                    @if ($subscription->expires_at && $subscription->expires_at->isPast())
                                    <span
                                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Expirado</span>
                                    @else
                                    <span
                                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Ativo</span>
                                    @endif
                                    @elseif ($subscription->status === 'expired')
                                    <span
                                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Expirado</span>
                                    @elseif ($subscription->status === 'cancelled')
                                    <span
                                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">Cancelado</span>
                                    @elseif ($subscription->status === 'pending_activation')
                                    <span
                                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Pendente</span>
                                    @else
                                    <span
                                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{{ ucfirst($subscription->status) }}</span>
                                    @endif
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">
                                    {{ $subscription->activated_at?->format('d/m/Y H:i') ?? '-' }}
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">
                                    {{ $subscription->expires_at?->format('d/m/Y H:i') ?? 'Vitalício' }}
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                                    {{-- Link para Editar Detalhes (NÃO renovar) --}}
                                    <a href="{{ route('admin.subscriptions.edit', $subscription) }}"
                                        class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-900 dark:hover:text-indigo-300 mr-3">Editar</a>
                                    {{-- Botão/Form para Cancelar/Excluir --}}
                                    <form action="{{ route('admin.subscriptions.destroy', $subscription) }}"
                                        method="POST" class="inline-block"
                                        onsubmit="return confirm('Tem certeza que deseja cancelar/excluir esta assinatura?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit"
                                            class="text-red-600 dark:text-red-400 hover:text-red-900 dark:hover:text-red-300">Cancelar</button>
                                    </form>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="8" class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 text-center">
                                    Nenhuma assinatura encontrada para este usuário.
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection