{#
{{ form_start(form) }}
    {{ form_widget(form) }}
    <button class="btn">{{ button_label|default('Save') }}</button>
{{ form_end(form) }}
#}


<div id="validation">
    {#
    <input type="file" accept="image/*;capture=camera">
    #}
    {#    <div class="">
        {{ form_start(form) }}
    #}{# <hr/> #}{#
    <div class="col-md-12">

        <div class="form-group">
            {{ form_label(form.nom, 'Nom : ') }}
            {{ form_widget(form.nom, {'attr': {'class': 'form-control'}}) }}
        </div>
    </div>


</div> #}

    {{ form_start(form) }}


    <div class="row align-items-stretch" style="">
        <div class="col-md-5"
             style="margin-right: -60px;   ">


            <div class="" style="min-height:80px;"></div>
            <div class="card shadow pb-0 mt-n7 mt-sm-n8 mt-lg-0"
                 style="opacity: 1;  border-radius: 30px;  padding: 20px;"><!----><!----><!---->
                <div class="card-header border-bottom p-3 p-sm-4" style="border-radius: 30px 30px 0px 0px;"><h2
                            style="font-family: impact, sans-serif;"
                            class="">Votre prochaine destination</h2></div>


                <div class="row">

                    <div class="col-md-12">

                        <div class="form-group form-control-lg" style="">
                            {{ form_label(form.ville, 'Depart de: ') }}
                            {{ form_widget(form.ville, {'attr': {'class': 'form-control form-control-lg  select2-selection__rendered ','data-live-search=':'true'}}) }}

                        </div>

                    </div>
                    <div class="col-md-12">

                        <div class="form-group form-control-lg">
                            {{ form_label(form.villearrive, 'Arrivé à: ') }}
                            {{ form_widget(form.villearrive, {'attr': {'class': 'form-control form-control-lg select2-selection__rendered', 'data-live-search': 'true'}}) }}

                        </div>

                    </div>

                    <div class="col-md-12">

                        <div class="form-group form-control-lg">
                            {{ form_label(form.datedepart, 'Date départ : ') }}
                            {{ form_widget(form.datedepart, {'attr': {'class': 'form-control form-control-lg'}}) }}
                        </div>

                    </div>
                    <div class="col-md-12">

                        <button type="submit" class="btn btn-lg btn-dark text-white font-weight-medium"
                                style="width:100%;"><i
                                    class=" fas fa-search"> </i>
                            Recherchez
                        </button>
                    </div>
                </div>


                <br/>

                <br/>
            </div>
            <div class="" style="min-height:70px;"></div>

        </div>
        <div class="col-md-7"
             style=" background-size: cover;
                                        background-position: center; border-radius: 30px;  padding: 20px;">

            <img src="{{ asset('build/trtr.png') }}" style="width: 100%;
                                            height: 100%; object-fit: cover;border-radius: 0px;display: block;">
        </div>
    </div>


    {{ form_end(form) }}

</div>