{% extends "base_frontoffice.html" %}

{% block content %}



<div class="container mt-4">
    <div class="row">
       <div class="col-sm-12 col-md-6 col-lg-6">
        <h4>XCAISSE</h4>
        <button class="btn btn-primary btn-sm" onclick="xcaisse_print(this)">IMPRIMER</button>
        </div>
    </div>
    <div class="row">
       <div class="col-sm-12 col-md-6 col-lg-6">
        <div class="table-responsive mt-4">
        <table class="table table-sm align-items-center justify-content-center mb-0" id="commandeTable">
            <thead class="table-light">
                <tr>
                    <th>N° RECU</th>
                    <th>MONTANT</th>                
                </tr>
            </thead>
            <tbody>
                {% for reg in all_reg %}
                <tr>
                    <td>{{ reg.numero_recu }}</td>
                    <td class="money">{{ reg.montant }}</td>
                </tr>
                {% endfor %}
                <tr>
                    <td>TOTAL</td>
                    <td class="money">{{ TOTAL }}</td>
                </tr>
            </tbody>
        </table>
    </div>
    </div>
    </div>
  </div>      

<script>
  window.onload=function(){
    var all_number =$(".money");
    for (let number of all_number){

      number.textContent=parseFloat(number.textContent).toLocaleString("fr-FR", {minimumFractionDigits:2});
    };

};


</script>
<script>

var url_print="{{intent_url}}";

function pc_print(){
alert("ONLY ON A BLUETOOTH ANDROID PRINTER");
}       


function android_print(){
            window.location.href = url_print; 
        }

// for php demo call
function xcaisse_print(btn) {
    b = $(btn);
    b.attr('data-old', b.text());
    b.text('wait');
    var ua = navigator.userAgent.toLowerCase();
    var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
    if(isAndroid) {
        android_print();
    }else{
        pc_print();
    }
    
    b.text(b.attr('data-old'));
    }


</script>
{% endblock %}