{# templates/artisan_v2/devis/ar_reponse_paiemnt_cb.html.twig #}
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
			{# <h5 class="modal-title">Vous allez payer la somme de {{ comission_ht }} € HT</h5> #}
            {# <h5 class="modal-title">Vous allez acheter {{ comission_ht }} points</h5> #}
			<h5 class="modal-title">Vous allez payer la somme de {{ comission_ttc }} € HT ({{ comission_ht }} points)</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">

            {# <!--form class="form-horizontal" name="paiemnt_reponse_cb_form" id="paiemnt_reponse_cb_form" method="post" action=""--> #}
            <form id="paiemnt_reponse_cb_form" class="form-horizontal" method="post" action="{{ path('artisan_devis_en_attente_stripe_checkout') }}">
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-2 spa-col-label fg-m-bottom"></div>
                    <div class="col col-md-7 spa-col-label fg-m-bottom" style="text-align:left;">
						<div class="form-check">
							<div class="checkbox">
								<label for="seulement_cette_demande" class="form-check-label">
									<input type="radio" class="form-check-input" name="form[choix_paiement]" id="seulement_cette_demande" value="seulement_cette_demande" checked> 
									<b>Payer seulement pour cette demande</b>
								</label>
							</div>
						</div>
                    </div>
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                </div>
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                    <div class="col col-md-6 spa-col-label fg-m-bottom" style="text-align:left;">
						{# <label for="ville" class="form-control-label spa-label">Prix de la demande : {{ comission_ht }} € HT ( soit {{ comission_ttc }} € TTC )</label> #}
                        {# <label for="ville" class="form-control-label spa-label">Prix de la demande : {{ comission_ht }} Points ( équivaut à {{ comission_ht }} € HT soit {{ comission_ttc }} € TTC )</label> #}
						<label for="ville" class="form-control-label spa-label">Prix de la demande : {{ comission_ttc }} € HT ({{ comission_ht }} points)</label>
                    </div>
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                </div>
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                    <div class="col col-md-6 spa-col-label fg-m-bottom" style="text-align:left;">
                        <label for="ville" class="form-control-label spa-label">Frais de gestion : 0.95 € HT</label>
                    </div>
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                </div>
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                    <div class="col col-md-6 spa-col-label fg-m-bottom" style="text-align:left;">
                        <label for="ville" class="form-control-label spa-label">TVA 0% : 0 €</label>
                    </div>
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                </div>
                {% if credits > 0 %}
				<div class="row form-group fg-m-bottom">
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                    <div class="col col-md-6 spa-col-label fg-m-bottom" style="text-align:left;">
                        <label for="ville" class="form-control-label spa-label">Votre crédit : -{{ credits }} €</label>
                    </div>
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                </div>
                {% endif %}
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                    <div class="col col-md-6 spa-col-label fg-m-bottom" style="text-align:left;">
                        <label for="ville" class="form-control-label spa-label">Total à payer : {{ restant_a_payer_ttc }} € TTC</label>
                    </div>
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                </div>
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-2 spa-col-label fg-m-bottom"></div>
                    <div class="col col-md-7 spa-col-label fg-m-bottom" style="text-align:left;">
						<div class="form-check">
							<div class="checkbox">
								<label for="recharger_credit_prepaye" class="form-check-label">
									<input type="radio" class="form-check-input" name="form[choix_paiement]" id="recharger_credit_prepaye" value="recharger_credit_prepaye"> 
									<b>Recharger mon crédit prépayé et payer cette demande</b>
								</label>
							</div>
						</div>
                    </div>
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                </div>

                {% if app.user.cgv == 0 %}
				<div class="row form-group fg-m-bottom">
                    <div class="col col-md-2 spa-col-label fg-m-bottom"></div>
                    <div class="col col-md-7 spa-col-label fg-m-bottom" style="text-align:left;">
						<div class="form-check">
							<div class="checkbox">
								<label for="cgv" class="form-check-label">
									<input type="checkbox" class="form-check-input" name="form[cgv]" id="cgv" value="1"> 
									<span id="cgv_label">J'accepte les <a target="_blank" href="{{ path('cgv') }}">CGV</a> *</span>
								</label>
							</div>
						</div>
                    </div>
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                </div>
				{% endif %}

                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-3 spa-col-label fg-m-bottom">
                        <input type="hidden" name="paiemnt_reponse_cb" id="paiemnt_reponse_cb" value="paiemnt_reponse_cb">
                        <input type="hidden" name="form[token]" id="token" value="{{ token }}">
                    </div>
                    <div class="col-12 col-md-6 fg-m-bottom">
                        {# <!--button type="button" id="paiemnt_reponse_cb_submit" class="btn btn-info btn-sm btn-block">
                            Passer au paiement
                        </button--> #}
                        <button type="button" id="paiemnt_reponse_cb_submit" class="btn btn-info btn-sm btn-block">
                            Passer au paiement
                        </button>
                    </div>
                    <div class="col col-md-3 spa-col-label fg-m-bottom"></div>
                </div>
            </form>

        </div>
        <div class="modal-footer"></div>
    </div>
</div>