{# templates/superadmin_v2/paiements/sa_paiements_list.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Paiements - {{ parent() }}{% endblock %}

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

    {{ include('superadmin_v2/layout/sa_tab.html.twig') }}

    <div class="section__content section__content--p30">
        {{ include('superadmin_v2/layout/sa_debug.html.twig') }}

        {{ include('superadmin_v2/layout/sa_alert.html.twig') }}

        <div class="container-fluid">
            <div class="row">


                {{ include('superadmin_v2/layout/sa_paginator.html.twig') }}

                <div class="table-responsive table--no-card m-b-30">

                    {% if nb_pages >= page %}
                    <table class="table table-borderless table-striped table-earning">
                        <thead>
                            <tr>
                                <th class="width-5">ID</th>
                                <th>Paiement</th>
                                <th class="width-30">Artisan</th>
                                <th class="width-10">Date</th>
                                <th class="width-10">Etat</th>
                                <th class="width-15">Visualiser</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for k,row in listing %}
                            <tr>
                                <td class="text-center" style="vertical-align:middle;"><b>{{ row.paiement_id }}</b></td>
                                <td style="vertical-align:middle;">Achat de <b>{{ getPointsToFacture(row.montant) }}</b> points</td>
                                <td style="vertical-align:middle;"><b>{{ row.artisan_id }}</b> - {{ row.societe }}</td>
                                <td class="text-center" style="vertical-align:middle;">{{ row.date_log|date('d-m-Y') }}<br>{{ row.date_log|date('H:i') }}</td>
                                <td class="text-center" style="vertical-align:middle;">
									{% if row.paiement_id > 256 and row.paiement_id != 286 %}
                                        <span class="badge badge-success" style="padding:4px 10px 3px;">Accepté (Stripe)</span>
									{% else %}
                                        {% if row.etat == 'ACCEPTED' %}
                                            <span class="badge badge-success" style="padding:4px 10px 3px;">Accepté</span>
                                        {% elseif row.etat == 'CANCELLED' %}
                                            <span class="badge badge-warning" style="padding:4px 10px 3px;">Annulé</span>
                                        {% elseif row.etat == 'REFUSED' %}
                                            <span class="badge badge-danger" style="padding:4px 10px 3px;">Refusé</span>
                                        {% elseif row.etat == 'ERROR' %}
                                            <span class="badge badge-secondary" style="padding:4px 10px 3px;">Erreur</span>
                                        {% endif %}
									{% endif %}
								</td>
                                <td class="text-center">
 									{% if row.paiement_id > 256 and row.paiement_id != 286 %}
                                        <button type="button" onclick="visualiserPaiement({{ row.paiement_id }});" class="btn btn-info btn-sm btn-app" style="margin-top:0;" data-toggle="modal" data-target="#app_modal">
                                            <i class="fa fa-search"></i>&nbsp; Visualiser
                                        </button>
									{% else %}
                                        {% if row.etat == 'ACCEPTED' %}
                                        <button type="button" onclick="visualiserPaiement({{ row.paiement_id }});" class="btn btn-info btn-sm btn-app" style="margin-top:0;" data-toggle="modal" data-target="#app_modal">
                                            <i class="fa fa-search"></i>&nbsp; Visualiser
                                        </button>
                                        {% elseif row.etat == 'REFUSED' %}
                                            {{ row.message }}
                                        {% endif %}
									{% endif %}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>

                {% if nb_pages >= page %}{{ include('superadmin_v2/layout/sa_paginator.html.twig') }}{% endif %}
            </div>

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

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){

    });
    // ]]>

    function visualiserPaiement(id){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_paiements_visualiser') }}",
            type: "POST",
            data: {id:id},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

	function printFacture(filename) {
		let mywindow = window.open('', 'PRINT', 'height=650,width=900,top=100,left=150');

		mywindow.document.write('<html><head><title>' + filename + '</title>');
		mywindow.document.write('</head><body >');
		mywindow.document.write(document.getElementById('to-print').innerHTML);
		mywindow.document.write('</body></html>');

		mywindow.document.close();
		mywindow.focus();

		mywindow.print();
		mywindow.close();

		return true;
	}
   </script>
{% endblock %}