{# templates/artisan_v2/paiement/ar_paiement.html.twig #}
{% extends 'artisan_v2/artisan.html.twig' %}

{% block title %}Paiement en ligne - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Artisan\\ArLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    <div class="section__content section__content--p30">
        <div class="alert alert-info text-center" role="alert" style="font-size:1.2em;">
            <b>Bienvenue au service de paiement en ligne du crédit prépayé</b><br>
			Une proposition de devis envoyée équivaut entre <b>5</b> et <b>25</b> points de <b>Crédit</b> 
        </div>
        {{ include('artisan_v2/layout/ar_debug.html.twig') }}

        {{ include('artisan_v2/layout/ar_alert.html.twig') }}

        <div class="container-fluid">
            <div class="row">
                        <div class="col-md-2 col-lg-3"></div>
                        <div class="col-md-8 col-lg-6">

                            <div class="top-campaign">
                                <h3 class="title-3 m-b-30 text-center">Achat de crédit 100 points</h3>
                                <div class="table-responsive">
                                    <table class="table table-top-campaign">
                                        <tbody>
                                            <tr>
                                                <td>100 points</td>
                                                <td>100,00 €</td>
                                            </tr>
                                            <tr>
                                                <td>TVA</td>
                                                <td>20,00 €</td>
                                            </tr>
                                            <tr>
                                                <td>Frais de gestion</td>
                                                <td>0,95 €</td>
                                            </tr>
                                            <tr>
                                                <td>Total à payer :</td>
                                                <td><b>120,95 € TTC</b></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
								<div class="user-data__footer">
									<button type="button" id="recharge_credit" class="btn btn-info btn-sm btn-block">
										<b>Passer au paiement</b>
									</button>
								</div>
                            </div>

                        </div>
                        <div class="col-md-2 col-lg-3"></div>
            </div>

            {{ include('artisan_v2/layout/ar_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        $(document).on('click', '#recharge_credit', function(){
			window.location.href="{{ path('artisan_payline_request') }}";
		});
    });
    // ]]>
    </script>
{% endblock %}