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

{# Titulo #}
{% block title %}Novo abastecimento{% 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 abastecimento</h6>
        </div>
        {# Corps de la page #}
        <div class="card-body">
            <h1></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>
                {# Localidade #}
                {{ form_label(form.locality, "Localidade") }}<br>
                {{ form_widget(form.locality) }}
                <br>
                {# Data #}
                {{ form_label(form.date, "Data") }}<br>
                {{ form_widget(form.date) }}
                <br>
                {# Kms #}
                {{ form_label(form.kms, "Kms") }}<br>
                {{ form_widget(form.kms) }}
                <br>
                {#Litters#}
                {{ form_label(form.litters, "Litros") }}<br>
                {{ form_widget(form.litters) }}
                <br>
                {#truck#}
                {{ form_label(form.truck, "Camião") }}<br>
                {{ form_widget(form.truck) }}
                <br>
            </div>
            

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