{% extends 'base.html.twig' %}

{% block title %}LALD / LCDL{% endblock %}

{% block body %}
<div class="min-h-screen w-full m-auto">

    <div class="h-screen bg-gray-600 flex justify-center items-center">
	<div class="lg:w-2/5 md:w-1/2 w-2/3">
		<div class="bg-white p-10 rounded-lg shadow-lg min-w-full">
        {% for label, messages in app.flashes %}            
            <div class="flex p-2 bg-yellow-200 text-yellow-800 p-4 text-sm rounded border border-yellow-300 mb-3 mx-5">
            <div class="flex-shrink mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path>
                </svg>
            </div>
            {% for message in messages %}
            <div class="flex-grow">
                {{message}}
            </div>
            {% endfor %}
            </div>
        {% endfor %}
        {{ form_errors(form) }}
        {{ form_start(form) }}
			<h1 class="text-center text-2xl mb-6 text-gray-600 font-bold font-sans">Modification Utilisateur</h1>
            <p>Utilisateur : {{ userRemain.getUser.getUsername }}</p>
			<div>
                Nombre de jour(s) total:
                {{ form_widget(form.TotalDays, { 'attr': {'class': 'form-input border rounded', 'disabled': false} }) }}	
            </div>
			<div>
                Nombre de jour(s) restant:
                {{ form_widget(form.RemainingDays, { 'attr': {'class': 'form-input border rounded', 'disabled': false} }) }}
            </div>
        
			<button type="submit" class="w-full mt-6 bg-indigo-600 rounded-lg px-4 py-2 text-lg text-white tracking-wide font-semibold font-sans">Enregistrer</button>
		{{ form_end(form) }}
			<a href="{{ path('app_admin_users') }}"><button class="w-full mt-6 bg-red-600 rounded-lg px-4 py-2 text-lg text-white tracking-wide font-semibold font-sans">Annuler</button></a>

        </div>
	</div>
</div>

{% endblock %}