{#
{{ 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, {
        action: path('app_reservation_info_paiement', { id: voyage.id }),
        method: 'POST'
    }) }}


  {#  <div class="alert alert-danger">
        {{ form_errors(form) }}
        #}{# et champ par champ #}{#
        {{ form_errors(form.nom) }}
        {{ form_errors(form.prenom) }}
        {{ form_errors(form.email) }}
        {{ form_errors(form.telephone) }}
        {{ form_errors(form.vehiculesiege) }}
    </div>
#}

    <div class="card w-100"
         style="box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); border-radius:10px 10px 10px 10px; padding:1px;">
        <div class="card-header"
             style=" display: flex;align-items: center; background-color:#0a53be; height: 70px; border-radius:10px 10px 0px 0px;">
            <i class="fas fa-user font-18" style="color: #ffffff; margin-right: 20px;"></i>
            <h3 class="mb-0 text-white">Informations</h3></div>
        <div class="card-body">
            <p class="card-text">Veuillez remplir quelques détails concernant le passager qui seront
                verifiés</p>


            <div class="row" style="margin-top:35px;">
                <div class="col-md-4">

                    {{ form_label(form.nom, 'Nom du passager: ') }}
                    {{ form_widget(form.nom, {'attr': {'class': 'form-control form-control-lg','style': 'border: 1px solid #000000;'}}) }}

                    {# <label>Nom du passager</label>
                        <input style="border: 1px solid #000000;" type="text" id="example-input-large"
                               name="example-input-large" class="form-control form-control-lg"
                               placeholder="Nom"> #}
                </div>
                <div class="col-md-4">

                    {{ form_label(form.prenom, 'Prenom du passager: ') }}
                    {{ form_widget(form.prenom, {'attr': {'class': 'form-control form-control-lg','style': 'border: 1px solid #000000;'}}) }}

                </div>
                <div class="row" style="margin-top:35px;">

                    {# Dropdown sièges dispo #}
                    <div class="col-md-4">
                        {{ form_label(form.vehiculesiege, 'Siège: ') }}
                        {{ form_widget(form.vehiculesiege, {'attr': {'class': 'form-control form-control-lg'}}) }}
                        {{ form_errors(form.vehiculesiege) }}
                    </div>
                </div>


            </div>

        </div>


        <br/>
        <div style="display: flex; margin: 30px">
            <i class="fas fa-credit-card font-18" style=" margin-right: 20px;"></i>
            <h3 class="card-title">Moyen de paiement</h3>
        </div>

        <div style="display: flex; margin-left: 0px">

            {% for child in form.moyenpaiement %}
                <div class="form-check form-check-inline">

                    {{ form_widget(child, {
                        'attr': {
                            'class': 'form-check-input danger check-outline outline-danger'
                        }
                    }) }}



                </div>
            {% endfor %}

        </div>

        {{ form_errors(form.moyenpaiement) }}




        <div class="row" style="margin:10px; ">

            <div class="col-md-4">
                {{ form_label(form.email, 'Adresse e-mail: ') }}
                {{ form_widget(form.email, {'attr': {'class': 'form-control form-control-lg','style': 'border: 1px solid #000000;'}}) }}

            </div>

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

                {{ form_label(form.telephone, 'Numéro de Télephone * ') }}
                {{ form_widget(form.telephone, {'attr': {'class': 'form-control form-control-lg','style': 'border: 1px solid #000000;'}}) }}

                {# <label>Numéro de Télephone *</label>
                    <input style="border: 1px solid #000000;" type="text" id="example-input-large"
                           name="example-input-large" class="form-control form-control-lg"
                           placeholder="Ex : 0999900000"> #}
            </div>

        </div>

        {# <div class="form-check form-check-inline" style="margin-bottom:35px">
                <input class="form-check-input secondary check-light-secondary" type="checkbox" id="secondary-light-check" value="option1">
                <label class="form-check-label" for="secondary-light-check">
                    Je souhaite recevoir les dernières offres. Je peux à tout moment me désabonner de tout ou partie des communications.</label>
            </div>
        #}
        <div style="text-align: right;">


            {{ form_row(form._token) }}

            {{ form_rest(form) }}

            <button type="submit" class="btn btn-dark btn-lg mb-0 mb-sm-2"><i
                        class="fas fa-credit-card"> </i>
                Payer
            </button>

            {#
            <a href="" class="btn btn-dark btn-lg mb-0 mb-sm-2"><i class="fas fa-credit-card"></i> Payer</a>
            #}
        </div>

    </div>
</div>


{{ form_end(form) }}

</div>