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

{% block body %}
    
<section id="banner" class="py-3 mt-1" style="background: #F9F3EC;">
    <div class="container">
      <div class="hero-content py-5 my-3">
        <h2 class="display-1 mt-3 mb-0">Modification du <span class="text-primary">Compte</span></h2>
        <nav class="breadcrumb">
          <a class="breadcrumb-item nav-link" href="{{path('app_home')}}">Accueil</a>
          <a class="breadcrumb-item nav-link" href="{{path('user_account')}}">Mon compte</a>
          <span class="breadcrumb-item active" aria-current="page">Modification du compte</span>
        </nav>
      </div>
    </div>
  </section>

<section class="user_info container mt-3">
  {{form_start(form)}}
    <div class="mb-3">
      {{form_label(form.surname)}}
      {{form_widget(form.surname)}}
    </div>
    
    <div class="mb-3">
      {{form_label(form.firstname)}}
      {{form_widget(form.firstname)}}
    </div>

    <div class="mb-3">
      {{form_label(form.email)}}
      {{form_widget(form.email)}}
    </div>

    <div class="mb-3">
      {{form_label(form.phone)}}
      {{form_widget(form.phone)}}
    </div>

    <div class="mb-3">
      {{form_label(form.adress)}}
      {{form_widget(form.adress)}}
    </div>

    <div class="mb-3">
      {{form_label(form.additionalAdressInformation)}}
      {{form_widget(form.additionalAdressInformation)}}
    </div>

    <div class="mb-3">
      {{form_label(form.city)}}
      {{form_widget(form.city)}}
    </div>

    <div class="mb-3">
      {{form_label(form.zipcode)}}
      {{form_widget(form.zipcode)}}
    </div>
    
  {{form_end(form)}}
</section>

{% endblock body %}