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

{% block title %}
	
{% endblock %}


{% block stylesheets %}
	{{ parent() }} 

		#user_layout
		{
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;  
			align-items: center;
			/*background: linear-gradient(to bottom, #D2B48C, #D2B48C);*/
			background-color: #E3D2BF;
			min-height: unset; 
		}

		.form-user 
		{
		    background: linear-gradient(to bottom, #94746B, #A78D86);
		    border-radius: 20px;
		    padding: 40px 30px;
		    width: 400px;
		    box-shadow: 8px 8px 12px rgba(105, 94, 75, 1);
		    display: flex;
		    flex-direction: column;
		    gap: 20px;
		    margin-bottom: 20px;
		    border: 1px solid #EBA307;  
		}
			
		/* Champs de saisie (email, mot de passe) */
		.input-wrapper 
		{
		    border-bottom: 1px solid #743B07;   
		    padding-bottom: 1px;
		    color: white;
		}
			
		input.form-control 
		{
		    background: transparent;
		    border: none;
		    outline: none;
		    color: white;
		    font-size: 14px;
		    width: 100%;
		    padding: 10px 0;
		}
			
		input::placeholder 
		{
		    color: white;
		    opacity: 0.7;
		}
			
		/* Jeton CSRF — non stylé */
		.no-style 
		{
		    all: unset;
		}		    	
   
{% endblock %}

{% block main_content %}

    <div id="user_layout">  
           
        {% block user_form %}
        	<h1>{{ title }}</h1>
        {% endblock %}
   
    </div>                
                    
{% endblock %}

{% block javascript %}
	{{ parent() }}
{% endblock %}