{% extends 'base.html.twig' %}

{% block title %}{{ 'لوحة التحكم'|trans }}{% endblock %}

{% block body %}
<h2 class="mb-4"><i class="bi bi-speedometer2"></i> {{ 'لوحة التحكم'|trans }}</h2>

<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <div class="text-muted small">{{ 'مبيعات اليوم'|trans }}</div>
                <div class="fs-3 fw-bold">{{ totalVentesDuJour|montant_fr }}</div>
                <div class="text-muted small">{{ nombreVentesDuJour }} {{ 'عملية بيع'|trans }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <div class="text-muted small">{{ 'تذاكر الصيانة الجارية'|trans }}</div>
                <div class="fs-3 fw-bold">{{ ticketsEnCours|length }}</div>
                <a href="{{ path('ticket_index') }}" class="small">{{ 'عرض جميع التذاكر'|trans }} &laquo;</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <div class="text-muted small">{{ 'منتجات بمخزون منخفض'|trans }}</div>
                <div class="fs-3 fw-bold text-danger">{{ produitsStockFaible|length }}</div>
                <a href="{{ path('produit_index') }}" class="small">{{ 'عرض المخزون'|trans }} &laquo;</a>
            </div>
        </div>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="card border-0 shadow-sm border-start border-danger border-4">
            <div class="card-body">
                <div class="text-muted small">{{ 'ديون المبيعات'|trans }}</div>
                <div class="fs-3 fw-bold text-danger">{{ creditVentes|montant_fr }}</div>
                <a href="{{ path('vente_index') }}" class="small">{{ 'عرض الفواتير'|trans }} &laquo;</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm border-start border-warning border-4">
            <div class="card-body">
                <div class="text-muted small">{{ 'ديون التصليح'|trans }}</div>
                <div class="fs-3 fw-bold text-danger">{{ creditReparations|montant_fr }}</div>
                <a href="{{ path('ticket_index') }}" class="small">{{ 'عرض التذاكر'|trans }} &laquo;</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm border-start border-info border-4">
            <div class="card-body">
                <div class="text-muted small">{{ 'ديون شحن الرصيد'|trans }}</div>
                <div class="fs-3 fw-bold text-danger">{{ creditRecharges|montant_fr }}</div>
                <a href="{{ path('recharge_index') }}" class="small">{{ 'عرض عمليات الشحن'|trans }} &laquo;</a>
            </div>
        </div>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <span><i class="bi bi-calendar-day"></i> {{ 'أرباح اليوم'|trans }}</span>
                <a href="{{ path('depense_index') }}" class="small">{{ 'إدارة المصاريف'|trans }} &laquo;</a>
            </div>
            <div class="card-body">
                <ul class="list-group list-group-flush">
                    <li class="list-group-item d-flex justify-content-between">
                        <span class="text-muted"><i class="bi bi-cart-check me-1"></i> {{ 'ربح البيع (منتجات وسلع)'|trans }}</span>
                        <span class="fw-semibold text-success">+{{ statsJour.profitVentes|montant_fr }}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between">
                        <span class="text-muted"><i class="bi bi-tools me-1"></i> {{ 'ربح التصليح وحده'|trans }}</span>
                        <span class="fw-semibold text-success">+{{ statsJour.profitReparations|montant_fr }}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between">
                        <span class="text-muted"><i class="bi bi-cash-coin me-1"></i> {{ 'المصاريف'|trans }}</span>
                        <span class="fw-semibold text-danger">-{{ statsJour.totalDepenses|montant_fr }}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between bg-light">
                        <span class="fw-bold">{{ 'الربح الصافي (بعد المصاريف)'|trans }}</span>
                        <span class="fw-bold fs-5 {{ statsJour.profitNet >= 0 ? 'text-success' : 'text-danger' }}">{{ statsJour.profitNet|montant_fr }}</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white"><i class="bi bi-calendar-month"></i> {{ 'أرباح الشهر الحالي'|trans }}</div>
            <div class="card-body">
                <ul class="list-group list-group-flush">
                    <li class="list-group-item d-flex justify-content-between">
                        <span class="text-muted"><i class="bi bi-cart-check me-1"></i> {{ 'ربح البيع (منتجات وسلع)'|trans }}</span>
                        <span class="fw-semibold text-success">+{{ statsMois.profitVentes|montant_fr }}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between">
                        <span class="text-muted"><i class="bi bi-tools me-1"></i> {{ 'ربح التصليح وحده'|trans }}</span>
                        <span class="fw-semibold text-success">+{{ statsMois.profitReparations|montant_fr }}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between">
                        <span class="text-muted"><i class="bi bi-cash-coin me-1"></i> {{ 'المصاريف'|trans }}</span>
                        <span class="fw-semibold text-danger">-{{ statsMois.totalDepenses|montant_fr }}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between bg-light">
                        <span class="fw-bold">{{ 'الربح الصافي (بعد المصاريف)'|trans }}</span>
                        <span class="fw-bold fs-5 {{ statsMois.profitNet >= 0 ? 'text-success' : 'text-danger' }}">{{ statsMois.profitNet|montant_fr }}</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-md-6">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white"><i class="bi bi-exclamation-triangle text-danger"></i> {{ 'تنبيهات نفاد المخزون'|trans }}</div>
            <ul class="list-group list-group-flush">
                {% for produit in produitsStockFaible %}
                    <li class="list-group-item d-flex justify-content-between">
                        {{ produit.nom }}
                        <span class="badge badge-stock-faible text-white">{{ produit.quantiteStock }} {{ 'متبقٍ'|trans }}</span>
                    </li>
                {% else %}
                    <li class="list-group-item text-muted">{{ 'لا توجد تنبيهات حاليًا.'|trans }}</li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white"><i class="bi bi-tools"></i> {{ 'آخر تذاكر الصيانة الجارية'|trans }}</div>
            <ul class="list-group list-group-flush">
                {% for ticket in ticketsEnCours|slice(0, 8) %}
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <a href="{{ path('ticket_show', {id: ticket.id}) }}">{{ ticket.numeroTicket }} - {{ ticket.appareilMarque }} {{ ticket.appareilModele }}</a>
                        <span class="badge bg-{{ ticket.statut.couleurBadge }}">{{ ticket.statut.libelle|trans }}</span>
                    </li>
                {% else %}
                    <li class="list-group-item text-muted">{{ 'لا توجد تذاكر جارية.'|trans }}</li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
{% endblock %}