{% extends "base_frontoffice.html" %}

{% block content %}

    <div class="row">
        <div class="col-sm-12 col-md-6 col-lg-6">
        <h3>BILAN D'OUVERTURE</h3>
        <h5>DATE:  <strong>{{bilan.date_str}}</strong> </h5>
        </div>        
    </div>
<hr>
<div class="row">
    <div class="col-sm-12 col-md-6 col-lg-6 card">
    <div class="table-responsive mt-4">
        <table class="table table-sm align-items-center justify-content-center mb-0">
            <thead class="table-light">
                <tr>
                    <th>CAISSE</th>
                    <th>SOLDE</th>
                </tr>
            </thead>
            <tbody>
                {% for caisse in all_caisse %}
                <tr>
                    <td>{{ caisse.caisse.name }}</td>
                    <td class="money">{{ caisse.solde }}</td>
                </tr>
              
                {% endfor %}
            </tbody>
        </table>
    </div>
    </div>

<div class="col-sm-12 col-md-6 col-lg-6 card">
<div class="table-responsive mt-4">
        <table class="table table-sm align-items-center justify-content-center mb-0">
            <thead class="table-light">
                <tr>
                    <th>GERANT</th>
                    <th>CREDIT</th>
                    <th>DEBIT</th>
                    <th>SOLDE</th>
                </tr>
            </thead>
            <tbody>
                {% for gerant in all_gerant %}
                <tr>
                    <td>{{ gerant.gerant.nom }}</td>
                    <td class="money">{{ gerant.credit_bilan }}</td>
                    <td class="money">{{ gerant.debit_bilan }}</td>
                    <td class="money">{{ gerant.solde }}</td>
                </tr>
              
                {% endfor %}
            </tbody>
        </table>
    </div>
    </div>
<div class="col-sm-12 col-md-6 col-lg-6 card">
<div class="table-responsive mt-4">
        <table class="table table-sm align-items-center justify-content-center mb-0">
            <thead class="table-light">
                <tr>
                    <th>FOURNISSEUR</th>
                    <th>CREDIT</th>
                    <th>DEBIT</th>
                    <th>SOLDE</th>
                </tr>
            </thead>
            <tbody>
                {% for fournisseur in all_fournisseur %}
                <tr>
                    <td>{{ fournisseur.fournisseur.nom }}</td>
                    <td class="money">{{ fournisseur.credit_bilan }}</td>
                    <td class="money">{{ fournisseur.debit_bilan }}</td>
                    <td class="money">{{ fournisseur.solde }}</td>
                </tr>
              
                {% endfor %}
            </tbody>
        </table>
    </div>
 </div>
    </div>
<div class="row">
    <div class="col-sm-12 col-md-6 col-lg-6 card">
<div class="table-responsive mt-4">
        <table class="table table-sm align-items-center justify-content-center mb-0">
            <thead class="table-light">
                <tr>
                    <th>CLIENT</th>
                    <th>CREDIT</th>
                    <th>DEBIT</th>
                    <th>SOLDE</th>
                </tr>
            </thead>
            <tbody>
                {% for client in all_client %}
                <tr>
                    <td>{{ client.client.full_name }}</td>
                    <td class="money">{{ client.credit_bilan }}</td>
                    <td class="money">{{ client.debit_bilan }}</td>
                    <td class="money">{{ client.solde }}</td>
                </tr>
              
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6 card">
<div class=" mt-4">
        <table class="table table-sm align-items-center justify-content-center mb-0">
            <thead class="table-light">
                <tr>
                    <th>ARTICLE</th>
                    <th>STOCK</th>
                </tr>
            </thead>
            <tbody>
                {% for stock in all_stock %}
                <tr>
                    <td>{{ stock.article.full_name }}</td>
                    <td>{{ stock.quantite }}</td>
                    
                </tr>
              
                {% endfor %}
            </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>
{% endblock %}