@extends('layouts.app')

@section('title', 'Editar recordatorio')

@section('content')
<div class="max-w-2xl mx-auto py-6 px-4 space-y-6">
    <div>
        <a href="{{ route('reminders.index') }}"
           class="text-sm text-gray-500 dark:text-gray-400 hover:text-primary inline-flex items-center gap-1">
            <i class="fa-solid fa-arrow-left"></i> Volver
        </a>
    </div>

    <x-card>
        <h1 class="text-xl font-bold text-gray-900 dark:text-white mb-1">Editar recordatorio</h1>
        @if($reminder->link)
            <p class="text-sm text-gray-500 dark:text-gray-400 mb-6">
                Para el enlace <a href="{{ route('links.read', $reminder->link) }}" class="text-primary hover:underline">{{ $reminder->link->display_title }}</a>.
            </p>
        @endif

        @if(! $reminder->isEditable())
            <div class="mb-6 rounded-lg border border-amber-200 bg-amber-50 dark:border-amber-700 dark:bg-amber-500/10 p-3 text-sm text-amber-700 dark:text-amber-300">
                <i class="fa-solid fa-info-circle mr-1"></i>
                Este recordatorio no se puede editar porque ya está
                <strong>{{ \App\Models\Reminder::statusLabel($reminder->status) }}</strong>.
            </div>
        @endif

        <form method="POST" action="{{ route('reminders.update', $reminder) }}" class="space-y-5">
            @csrf
            @method('PUT')

            <div>
                <x-label for="title">Título</x-label>
                <x-input id="title" name="title" type="text" required maxlength="255"
                         value="{{ old('title', $reminder->title) }}"
                         :disabled="! $reminder->isEditable()" />
                <x-error for="title" />
            </div>

            <div>
                <x-label for="remind_at">Fecha y hora</x-label>
                <x-input id="remind_at" name="remind_at" type="datetime-local" required
                         value="{{ old('remind_at', $reminder->remind_at?->format('Y-m-d\TH:i')) }}"
                         :disabled="! $reminder->isEditable()" />
                <x-error for="remind_at" />
            </div>

            <div class="flex items-center gap-3 pt-2">
                <x-button type="submit" variant="primary" :disabled="! $reminder->isEditable()">Guardar</x-button>
                <a href="{{ route('reminders.index') }}"
                   class="text-sm text-gray-500 dark:text-gray-400 hover:text-primary">Cancelar</a>
            </div>
        </form>
    </x-card>
</div>
@endsection