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

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

{# Pagina #}
{% block body %}
<center>
    <div class="card shadow mb-4 col-md-6">
        <div class="card-header py-3">

            <h6 class="m-0 font-weight-bold text-primary">Novo abastecimento</h6>
        </div>
        <div class="card-body">
            <h1></h1>

            {# Erros form #}
            {{ form_errors(form) }}

            {# from #}
            {{ form_start(form) }}
            {% form_theme form 'bootstrap_4_layout.html.twig' %}
            <div class="col-md-6" style="line-height: 80%">
                <h5>Saida :</h5> 

                {{ form_label(form.startingDateTime, "Data de inicio") }}<br>
                {{ form_widget(form.startingDateTime) }}
                <br>

                {{ form_label(form.kmsStarting, "KMs iniciais") }}<br>
                {{ form_widget(form.kmsStarting) }}
                <br>

                {{ form_label(form.exitLocal, "Local de saida") }}<br>
                {{ form_widget(form.exitLocal) }}
                <br>
        
                <h5>Chegada : </h5>

                {{ form_label(form.dateTimeArrival, "Data de chegada") }}<br>
                {{ form_widget(form.dateTimeArrival) }}
                <br>

                {{ form_label(form.kmsEnd, "KMs Finais") }}<br>
                {{ form_widget(form.kmsEnd) }}
                <br>

                {{ form_label(form.arrivalLocal, "Local de chegada") }}<br>
                {{ form_widget(form.arrivalLocal) }}
                <br>

                <h5>Dados : </h5>
                
                {{ form_label(form.truck, "Camião") }}<br>
                {{ form_widget(form.truck) }}
                <br>

                {{ form_label(form.adr, "A carga é adr?") }}<br>
                {{ form_widget(form.adr) }}
                <br>
            </div>
            

            <br>
            {# botao enviar dados #}
            <button type="submit" class="btn btn-primary">Declarar abastecimento</button>
            {# fim form #}
            {{ form_end(form) }}
        </div>
    </div>
</center>
{% endblock %}