{% extends "base_template.html" %}

{% block title %}Documents Client - DOOBAT{% endblock %}
{% block header_title %}Documents Client{% endblock %}
{% block header_subtitle %}{{ client_name }} — {{ months }} derniers mois{% endblock %}

{% block content %}

<!-- ── Devis ──────────────────────────────────────────────────── -->
<div class="section-title">Devis ({{ quotations|length }})</div>
{% if quotations %}
<table>
    <thead>
        <tr>
            <th style="width:25%">N° Devis</th>
            <th style="width:20%">Date</th>
            <th style="width:25%">Statut</th>
            <th style="width:30%" class="text-right">Montant HT</th>
        </tr>
    </thead>
    <tbody>
        {% for q in quotations %}
        <tr>
            <td>{{ q.name }}</td>
            <td>{{ q.date_order|format_date }}</td>
            <td>
                <span class="badge
                    {% if q.state == 'draft' %}badge-info
                    {% elif q.state == 'sent' %}badge-warning
                    {% else %}badge-success{% endif %}">
                    {{ state_map_orders.get(q.state, q.state) }}
                </span>
            </td>
            <td class="text-right"><strong>{{ "%.2f"|format(q.amount_total) }} €</strong></td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p style="color:#888; padding:8px;">Aucun devis.</p>
{% endif %}

<!-- ── Commandes ─────────────────────────────────────────────── -->
<div class="section-title">Commandes ({{ orders|length }})</div>
{% if orders %}
{% set total_orders = orders|sum(attribute='amount_total') %}
<p style="margin-bottom:6px; font-size:9pt;">
    <strong>Total commandes : {{ "%.2f"|format(total_orders) }} €</strong>
</p>
<table>
    <thead>
        <tr>
            <th style="width:22%">N° Commande</th>
            <th style="width:18%">Date</th>
            <th style="width:20%">Statut</th>
            <th style="width:20%">Commercial</th>
            <th style="width:20%" class="text-right">Montant HT</th>
        </tr>
    </thead>
    <tbody>
        {% for o in orders %}
        <tr>
            <td>{{ o.name }}</td>
            <td>{{ o.date_order|format_date }}</td>
            <td>
                <span class="badge
                    {% if o.state == 'sale' %}badge-success
                    {% elif o.state == 'done' %}badge-info
                    {% elif o.state == 'cancel' %}badge-danger
                    {% else %}badge-warning{% endif %}">
                    {{ state_map_orders.get(o.state, o.state) }}
                </span>
            </td>
            <td>{{ o.user_id[1] if o.user_id else '' }}</td>
            <td class="text-right"><strong>{{ "%.2f"|format(o.amount_total) }} €</strong></td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p style="color:#888; padding:8px;">Aucune commande.</p>
{% endif %}

<!-- ── Factures ──────────────────────────────────────────────── -->
<div class="section-title" style="background:#EA4335;">Factures ({{ invoices|length }})</div>
{% if invoices %}
{% set total_invoiced = invoices|sum(attribute='amount_total') %}
{% set total_due = invoices|sum(attribute='amount_residual') %}
<p style="margin-bottom:6px; font-size:9pt;">
    <strong>Total facturé : {{ "%.2f"|format(total_invoiced) }} €</strong>
    &nbsp;|&nbsp;
    <span style="color:#C5221F;">Solde dû : {{ "%.2f"|format(total_due) }} €</span>
</p>
<table>
    <thead>
        <tr>
            <th style="width:18%">N° Facture</th>
            <th style="width:13%">Date</th>
            <th style="width:13%">Échéance</th>
            <th style="width:14%">Statut</th>
            <th style="width:14%">Paiement</th>
            <th style="width:14%" class="text-right">Montant</th>
            <th style="width:14%" class="text-right">Restant</th>
        </tr>
    </thead>
    <tbody>
        {% for inv in invoices %}
        {% set is_overdue = inv.payment_state == 'not_paid' and inv.invoice_date_due and inv.invoice_date_due < today %}
        <tr {% if is_overdue %}style="background:#FFF0EF;"{% endif %}>
            <td>{{ inv.name }}</td>
            <td>{{ inv.invoice_date|format_date }}</td>
            <td {% if is_overdue %}class="stock-empty"{% endif %}>
                {{ inv.invoice_date_due|format_date }}
                {% if is_overdue %} ⚠️{% endif %}
            </td>
            <td>
                <span class="badge
                    {% if inv.state == 'posted' %}badge-success
                    {% elif inv.state == 'cancel' %}badge-danger
                    {% else %}badge-warning{% endif %}">
                    {{ state_map_invoices.get(inv.state, inv.state) }}
                </span>
            </td>
            <td>
                <span class="badge
                    {% if inv.payment_state == 'paid' %}badge-success
                    {% elif inv.payment_state == 'not_paid' %}badge-danger
                    {% else %}badge-warning{% endif %}">
                    {{ payment_map.get(inv.payment_state, inv.payment_state) }}
                </span>
            </td>
            <td class="text-right">{{ "%.2f"|format(inv.amount_total) }} €</td>
            <td class="text-right {% if inv.amount_residual > 0 %}stock-empty{% endif %}">
                {{ "%.2f"|format(inv.amount_residual) }} €
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p style="color:#888; padding:8px;">Aucune facture.</p>
{% endif %}

{% endblock %}