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

{% block title %}Criar Associação Motorista-Veículo{% endblock %}

{% block body %}
    <br>
    <center>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8"> {# Defina o tamanho do card para médio (md) em telas médias e superiores #}
               
                    <div class="card shadow mb-4">
                        <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">DataTables Example</h6>
                        </div>
                        <div class="card-body">
                            {{ form_start(form) }}
                            
                            {# Renderizar widget do campo Motorista personalizado #}
                            <div class="form-group">
                                {{ form_label(form.motorista) }}<br>
                                {{ form_widget(form.motorista) }}
                                {# Adicionar texto extra abaixo do widget do campo Motorista #}
                                <small class="form-text text-muted">Selecione o motorista associado.</small>
                            </div>
                            {# Renderizar widget do campo Veiculo personalizado #}
                            <div class="form-group">
                                {{ form_label(form.veiculo) }}<br>
                                {{ form_widget(form.veiculo) }}
                                {# Adicionar texto extra abaixo do widget do campo Veiculo #}
                                <small class="form-text text-muted">Selecione o veículo associado.</small>
                            </div>

                            <button type="submit" class="btn btn-primary">Salvar Associação</button>
                            {{ form_end(form) }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </center>
{% endblock %}