{% extends "base.twig" %}

{% block title %}Salida{% endblock %}

{% block content %}
<div class="flex items-center justify-center ">
    <div class="relative my-40 w-1/3 bg-white p-6 rounded shadow">
        <a href="{{ base_path }}/appointment" 
           class="absolute top-0 right-0 mt-2 mr-2 text-gray-500 hover:text-gray-700 text-2xl"
           title="Cancelar">
            &times;
        </a>

        <h1 class="text-xl font-bold mb-4">Estatus</h1>
        <p class="mb-4">El usuario ya fue atendido. Marque su salida</p>

        <form action="{{ base_path }}/appointment/exit" method="POST">
            <input type="hidden" name="appointment_id" value="{{ appointment.id }}">
            <button type="submit" class="w-full bg-green-500 text-white py-2 mb-3 rounded hover:bg-green-600">
                Marcar Salida
            </button>
        </form>
    </div>
</div>
{% endblock %}