{#
{{ 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="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="col-md-4">
                    </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>
                <div class="form-check form-check-inline">
                    <input class="form-check-input danger check-outline outline-danger" type="radio"
                           id="danger-outline-radio" name="radio-danger" value="option1">
                    <label class="form-check-label" for="danger-outline-radio">AIRTEL MONEY</label>
                </div>

                <div class="form-check form-check-inline">
                    <input class="form-check-input danger check-outline outline-danger" type="radio"
                           id="danger-outline-radio" name="radio-danger" value="option1">
                    <label class="form-check-label" for="danger-outline-radio">VISA</label>
                </div>
                <div class="form-check form-check-inline">
                    <input data-bs-target="#multiCollapseExample2" class="form-check-input danger check-outline outline-danger" type="radio"
                           id="danger-outline-radio" name="radio-danger" value="option1">
                    <label  class="form-check-label" for="danger-outline-radio">MASTER CARD</label>
                </div>

            </div>


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

                <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;">

                <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>