@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">
        {{ __('Renovar 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 Renovação --}}
                {{-- Aponta para a rota storeRenewal específica do usuário --}}
                <form method="POST" action="{{ route('admin.users.subscriptions.storeRenewal', $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)
                            {{-- Tenta pré-selecionar com old() ou com o plano da última assinatura, se existir --}}
                            <option value="{{ $plan->id }}"
                                {{ old('plan_id', $lastSubscription->plan_id ?? null) == $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"
                            {{-- Tenta preencher com old() ou com o domínio da última assinatura --}}
                            value="{{ old('allowed_domain', $lastSubscription->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>

                    {{-- 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">
                            @php
                            // Pega os temas da última assinatura, se existir, como default (se não houver old())
                            $lastThemes = isset($lastSubscription) ? $lastSubscription->themes->pluck('id')->toArray() :
                            [];
                            $checkedThemes = old('theme_ids', $lastThemes); // Usa old() ou os temas da última
                            assinatura
                            @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 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 renovação
                            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.</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"
                            {{-- Preenche com old() ou com as notas da última assinatura --}}
                            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', $lastSubscription->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 sobre esta renovação.</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">
                        <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>
                        <button type="submit"
                            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">
                            Confirmar Renovação
                        </button>
                    </div>

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