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

{{-- Define o cabeçalho da página --}}
<x-slot name="header">
    <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
        {{ __('Nova Assinatura para: ') }} {{ $user->name }} ({{ $user->customer_code ?? $user->email }})
    </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">
                {{-- Formulário de Nova Assinatura --}}
                {{-- Aponta para a rota store específica do usuário --}}
                <form method="POST" action="{{ route('admin.users.subscriptions.store', $user) }}">
                    @csrf {{-- Token CSRF --}}

                    {{-- Campo Plano --}}
                    <div class="mb-4">
                        <label for="plan_id" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Plano
                            <span class="text-red-500">*</span></label>
                        <select name="plan_id" id="plan_id"
                            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('plan_id') border-red-500 @enderror"
                            required>
                            <option value="">-- Selecione um Plano --</option>
                            @foreach($plans as $plan)
                            <option value="{{ $plan->id }}" {{ old('plan_id') == $plan->id ? 'selected' : '' }}>
                                {{ $plan->name }} (R$ {{ number_format($plan->price, 2, ',', '.') }} /
                                {{ $plan->interval }})
                            </option>
                            @endforeach
                        </select>
                        @error('plan_id')
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                        @enderror
                    </div>

                    {{-- Campo Domínio Permitido --}}
                    <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') }}"
                            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
                        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">A URL exata onde o tema será usado (ex:
                            https://meuservidor.com). A validação da licença verificará este domínio.</p>
                    </div>

                    {{-- Campo Temas Permitidos --}}
                    <div class="mb-4">
                        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Temas Permitidos
                            nesta Assinatura <span class="text-red-500">*</span></label>
                        <div
                            class="max-h-60 overflow-y-auto border border-gray-300 dark:border-gray-600 rounded-md p-2 space-y-2">
                            @forelse ($themes as $theme)
                            <label for="theme_{{ $theme->id }}" class="flex items-center">
                                {{-- Verifica se o ID do tema está no array 'theme_ids' antigo (em caso de erro de validação) --}}
                                <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(old('theme_ids')) && in_array($theme->id, old('theme_ids')) ? '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 para seleção.</p>
                            @endforelse
                        </div>
                        @error('theme_ids') {{-- Erro geral para o array --}}
                        <p class="mt-1 text-sm text-red-500">{{ $message }}</p>
                        @enderror
                        @error('theme_ids.*') {{-- Erro específico para um ID inválido --}}
                        <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">Selecione os temas que esta assinatura
                            dará acesso.</p>
                    </div>

                    {{-- Campo Duração Customizada (Opcional) --}}
                    <div class="mb-4">
                        <label for="duration_days"
                            class="block text-sm font-medium text-gray-700 dark:text-gray-300">Duração Customizada (em
                            dias - Opcional)</label>
                        <input type="number" name="duration_days" id="duration_days" min="1"
                            value="{{ old('duration_days') }}"
                            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('duration_days') border-red-500 @enderror">
                        @error('duration_days')
                        <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">Se preenchido, substitui o intervalo
                            padrão do plano selecionado (ex: 15 para 15 dias).</p>
                    </div>

                    {{-- Campo Notas do Admin (Opcional) --}}
                    <div class="mb-4">
                        <label for="admin_notes"
                            class="block text-sm font-medium text-gray-700 dark:text-gray-300">Notas Internas
                            (Opcional)</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') }}</textarea>
                        @error('admin_notes')
                        <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">Observações internas sobre esta
                            ativação, visíveis apenas para admins.</p>
                    </div>


                    {{-- Botões de Ação --}}
                    <div class="flex items-center justify-end mt-6 border-t border-gray-200 dark:border-gray-700 pt-4">
                        {{-- Botão Cancelar --}}
                        <a href="{{ route('admin.users.subscriptions.index', $user) }}"
                            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>
                        {{-- Botão Salvar --}}
                        <button type="submit"
                            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">
                            Ativar Assinatura
                        </button>
                    </div>

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