{{ template "header.html" . }}

    <div class="container mx-auto my-8 p-6 bg-white rounded-lg shadow-lg">
        <h1 class="text-2xl font-semibold text-gray-800 mb-6">Editar Evento</h1>

        <form method="POST" action="/events/edit/{{.ID}}" class="space-y-6">
            <!-- Campo EventType -->
            <div>
                <label for="event_type" class="block text-sm font-medium text-gray-700">Tipo de Evento</label>
                <input type="text" id="event_type" name="event_type" value="{{.EventType}}" class="mt-1 p-2 block w-full border-2 border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 transition-all duration-200 ease-in-out">
            </div>

            <!-- Campo Timestamp -->
            <div>
                <label for="timestamp" class="block text-sm font-medium text-gray-700">Fecha y Hora</label>
                <input type="datetime-local" id="timestamp" name="timestamp" value="{{.Timestamp | date }}" class="mt-1 p-2 block w-full border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500">
            </div>

            <button class="w-full py-2 px-4 bg-indigo-600 text-white font-semibold rounded-lg shadow-md hover:bg-indigo-700 transition-colors duration-300 ease-in-out">Actualizar</button>
        </form>
    </div>

{{ template "footer.html" . }}