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

{# Titulo #}
{% block title %}Criar uma nova casa{% endblock %}

{# Corps de la page #}
{% block body %}
<center>
    <div class="card shadow mb-4 col-md-6">{# Conteneur Principale #}
        <div class="card-header py-3">
            {# Element Titre du conteneur principale #}
            <h6 class="m-0 font-weight-bold text-primary">Novo camião</h6>
        </div>
        {# Corps de la page #}
        <div class="card-body">
            <h1>Novo camião</h1>

            {# Affichage des errerurs si il y en a #}
            {{ form_errors(form) }}

            {# Debut du formulaire #}
            {{ form_start(form) }}
            {% form_theme form 'bootstrap_4_layout.html.twig' %}
            <div class="col-md-6" style="line-height: 80%">
                <br>
                {# Nome #}
                {{ form_label(form.truckName, "Nome do camiao") }}<br>
                {{ form_widget(form.truckName) }}
                <br>
                {# Endereço #}
                {{ form_label(form.truckPlate, "Matricula") }}<br>
                {{ form_widget(form.truckPlate) }}
                <br>
                {# Element nom format du formulaire #}
                {{ form_label(form.truckBrand, "Marca") }}<br>
                {{ form_widget(form.truckBrand) }}
                <br>
                {# Element nom format du formulaire #}
                {{ form_label(form.fleetNum, "Numero de frota") }}<br>
                {{ form_widget(form.fleetNum) }}
                <br>
            </div>
            

            <br>
            {# Bouton envoyer du formulaire #}
            <button type="submit" class="btn btn-primary">Criar camião</button>
            {# Fermeture du formulaire #}
            {{ form_end(form) }}
        </div>
    </div>
</center>
{% endblock %}