{# templates/responsable/modifier.html.twig #}
{% extends 'accueil/accueil_uti.html.twig' %}

{% block title %}Modifier mes informations{% endblock %}

{% block stylesheets %}
        <link rel="stylesheet" href="{{ asset('css/styles.css') }}">
        <link rel="stylesheet" href="{{ asset('css/tableau.css') }}">
        <link rel="stylesheet" href="{{ asset('css/modifier.css') }}">
<style>
body {
    overflow:hidden;
}
</style>
{% endblock %}

{% block body %}
<div class="content">
    <div class="form-container">
        <h2 class="form-title">Modifier mes informations</h2>

        {{ form_start(form, { 'attr': { 'class': 'responsable-form' } }) }}

        <div class="form-group">
            {{ form_label(form.nom, 'Nom', { 'label_attr': { 'class': 'form-label' } }) }}
            {{ form_widget(form.nom, { 'attr': { 'class': 'form-input' } }) }}
        </div>

        <div class="form-group">
            {{ form_label(form.prenom, 'Prénom', { 'label_attr': { 'class': 'form-label' } }) }}
            {{ form_widget(form.prenom, { 'attr': { 'class': 'form-input' } }) }}
        </div>

        <div class="form-group">
            {{ form_label(form.numRue, 'Numéro de rue', { 'label_attr': { 'class': 'form-label' } }) }}
            {{ form_widget(form.numRue, { 'attr': { 'class': 'form-input' } }) }}
        </div>

        <div class="form-group">
            {{ form_label(form.rue, 'Rue', { 'label_attr': { 'class': 'form-label' } }) }}
            {{ form_widget(form.rue, { 'attr': { 'class': 'form-input' } }) }}
        </div>

        <div class="form-group">
            {{ form_label(form.copos, 'Code Postal', { 'label_attr': { 'class': 'form-label' } }) }}
            {{ form_widget(form.copos, { 'attr': { 'class': 'form-input' } }) }}
        </div>

        <div class="form-group">
            {{ form_label(form.ville, 'Ville', { 'label_attr': { 'class': 'form-label' } }) }}
            {{ form_widget(form.ville, { 'attr': { 'class': 'form-input' } }) }}
        </div>

        <div class="form-group">
            {{ form_label(form.tel, 'Téléphone', { 'label_attr': { 'class': 'form-label' } }) }}
            {{ form_widget(form.tel, { 'attr': { 'class': 'form-input' } }) }}
        </div>

        <div class="form-group">
            {{ form_label(form.quotientFamilial, 'Quotient Familial', { 'label_attr': { 'class': 'form-label' } }) }}
            {{ form_widget(form.quotientFamilial, { 'attr': { 'class': 'form-select' } }) }}
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Enregistrer</button>
        </div>

        {{ form_end(form) }}
    </div>
</div>
{% endblock %}