@extends('layouts.admin')

<x-slot name="header">
    <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
        {{ __('Editar Assinatura #') }}{{ $subscription->id }}
        <span class="text-base font-normal text-gray-500 dark:text-gray-400">
            ({{ $subscription->user->name }} - {{ $subscription->plan->name }})
        </span>
    </h2>
</x-slot>

@section('content')
<div class="py-1">
    <div class="max-w-4xl mx-auto sm:px-6 lg:px-8">
        <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">

                <div
                    class="mb-6 border-b border-gray-200 dark:border-gray-700 pb-4 grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
                    <div>
                        <span class="font-medium text-gray-500 dark:text-gray-400 block">Usuário:</span>
                        <a href="{{ route('admin.users.show', $subscription->user_id) }}"
                            class="text-blue-600 hover:underline">{{ $subscription->user->name }}
                            (#{{ $subscription->user_id }})</a>
                    </div>
                    <div>
                        <span class="font-medium text-gray-500 dark:text-gray-400 block">Plano:</span>
                        <span>{{ $subscription->plan->name }}</span>
                    </div>
                    <div>
                        <span class="font-medium text-gray-500 dark:text-gray-400 block">Chave de Licença:</span>
                        <code class="text-xs">{{ $subscription->license_key }}</code>
                    </div>
                    <div>
                        <span class="font-medium text-gray-500 dark:text-gray-400 block">Ativado em:</span>
                        <span>{{ $subscription->activated_at?->format('d/m/Y H:i') ?? '-' }}</span>
                    </div>
                    <div>
                        <span class="font-medium text-gray-500 dark:text-gray-400 block">Expira em:</span>
                        <span>{{ $subscription->expires_at?->format('d/m/Y H:i') ?? 'Vitalício' }}</span>
                    </div>
                </div>

                <form method="POST" action="{{ route('admin.subscriptions.update', $subscription) }}">
                    @csrf
                    @method('PUT')

                    <div class="mb-4">
                        <label for="allowed_domain"
                            class="block text-sm font-medium text-gray-700 dark:text-gray-300">Domínio Permitido (URL
                            Completa) <span class="text-red-500">*</span></label>
                        <input type="url" name="allowed_domain" id="allowed_domain"
                            value="{{ old('allowed_domain', $subscription->allowed_domain) }}"
                            placeholder="https://www.dominio-cliente.com"
                            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-700 dark:border-gray-600 dark:text-gray-100 @error('allowed_domain') border-red-500 @enderror"
                            required>
                        @error('allowed_domain')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="mb-4">
                        <label for="status" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Status
                            <span class="text-red-500">*</span></label>
                        <select name="status" id="status"
                            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-700 dark:border-gray-600 dark:text-gray-100 @error('status') border-red-500 @enderror"
                            required>
                            @php $currentStatus = old('status', $subscription->status); @endphp
                            <option value="active" {{ $currentStatus === 'active' ? 'selected' : '' }}>Ativo</option>
                            <option value="expired" {{ $currentStatus === 'expired' ? 'selected' : '' }}>Expirado
                            </option>
                            <option value="cancelled" {{ $currentStatus === 'cancelled' ? 'selected' : '' }}>Cancelado
                            </option>
                            <option value="pending_activation"
                                {{ $currentStatus === 'pending_activation' ? 'selected' : '' }}>Pendente</option>
                        </select>
                        @error('status')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                        @enderror
                        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Permite alterar o status manualmente
                            (Ex: cancelar uma assinatura antes da expiração).</p>
                    </div>


                    <div class="mb-4">
                        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Temas Permitidos
                            (Ajustar se necessário)</label>
                        <div
                            class="max-h-60 overflow-y-auto border border-gray-300 dark:border-gray-600 rounded-md p-2 space-y-2">
                            @php
                            $associatedThemeIds = $subscription->themes->pluck('id')->toArray();
                            $checkedThemes = old('theme_ids', $associatedThemeIds);
                            @endphp
                            @forelse ($themes as $theme)
                            <label for="theme_{{ $theme->id }}" class="flex items-center">
                                <input type="checkbox" name="theme_ids[]" id="theme_{{ $theme->id }}"
                                    value="{{ $theme->id }}"
                                    class="rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:bg-gray-900 dark:border-gray-700"
                                    {{ is_array($checkedThemes) && in_array($theme->id, $checkedThemes) ? 'checked' : '' }}>
                                <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ $theme->name }}
                                    ({{ $theme->slug }})</span>
                            </label>
                            @empty
                            <p class="text-sm text-gray-500">Nenhum tema ativo encontrado.</p>
                            @endforelse
                        </div>
                        @error('theme_ids')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                        @enderror
                        @error('theme_ids.*')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                        @enderror
                        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Ajuste os temas permitidos para este
                            período de licença específico.</p>
                    </div>

                    <div class="mb-4">
                        <label for="admin_notes"
                            class="block text-sm font-medium text-gray-700 dark:text-gray-300">Notas Internas</label>
                        <textarea name="admin_notes" id="admin_notes" rows="3"
                            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-700 dark:border-gray-600 dark:text-gray-100 @error('admin_notes') border-red-500 @enderror">{{ old('admin_notes', $subscription->admin_notes) }}</textarea>
                        @error('admin_notes')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                        @enderror
                    </div>


                    <div class="flex items-center justify-end mt-6 border-t border-gray-200 dark:border-gray-700 pt-4">
                        <a href="{{ route('admin.users.subscriptions.index', $subscription->user_id) }}"
                            class="inline-flex items-center px-4 py-2 bg-gray-400 dark:bg-gray-600 border border-transparent rounded-md font-semibold text-xs text-white dark:text-gray-200 uppercase tracking-widest hover:bg-gray-500 dark:hover:bg-gray-500 active:bg-gray-600 focus:outline-none focus:border-gray-900 focus:ring ring-gray-300 disabled:opacity-25 transition ease-in-out duration-150 mr-4">
                            Cancelar
                        </a>
                        <button type="submit"
                            class="inline-flex items-center px-4 py-2 bg-blue-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-blue-700 active:bg-blue-800 focus:outline-none focus:border-blue-900 focus:ring ring-blue-300 disabled:opacity-25 transition ease-in-out duration-150">
                            Salvar Alterações
                        </button>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>
@endsection