{% extends "base.html.twig" %}
{% block title %}ToonaErpAPI
{% endblock %}
{% block body %}
<main id="main" class="main">
<h3>Tableau de bord</h3>
<div class="pagetitle">
</br>
</div>
<!-- End Page Title -->
<section class="section dashboard">
<div
class="row ">
<!-- Left side columns -->
<div class="col-lg-8 ">
<div
class="row">
<!-- Sales Card -->
<div class="col-xxl-4 col-md-6">
<div class="card info-card sales-card">
<div class="filter">
<a class="icon" href="#" data-bs-toggle="dropdown">
<i class="bi bi-three-dots"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<li class="dropdown-header text-start">
<h6>Filter</h6>
</li>
<li>
<a class="dropdown-item" href="#">Aujourd'hui</a>
</li>
<li>
<a class="dropdown-item" href="#">C'est mois</a>
</li>
<li>
<a class="dropdown-item" href="#">Cette année</a>
</li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Ventes
<span>| Aujourd'hui</span>
</h5>
<div class="d-flex align-items-center">
<div class="card-icon rounded-circle d-flex align-items-center justify-content-center">
<i class="bi bi-cart"></i>
</div>
<div class="ps-3">
<h6>145</h6>
<span class="text-success small pt-1 fw-bold">12%</span>
<span class="text-muted small pt-2 ps-1">Augmenter</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Sales Card -->
<!-- Revenue Card -->
<div class="col-xxl-4 col-md-6">
<div class="card info-card revenue-card">
<div class="filter">
<a class="icon" href="#" data-bs-toggle="dropdown">
<i class="bi bi-three-dots"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<li class="dropdown-header text-start">
<h6>Filter</h6>
</li>
<li>
<a class="dropdown-item" href="#">Aujourd'hui</a>
</li>
<li>
<a class="dropdown-item" href="#">C'est mois</a>
</li>
<li>
<a class="dropdown-item" href="#">Cette année</a>
</li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Revenue
<span>| C'est mois</span>
</h5>
<div class="d-flex align-items-center">
<div class="card-icon rounded-circle d-flex align-items-center justify-content-center">
<i class="bi bi-currency-dollar"></i>
</div>
<div class="ps-3">
<h6>$3,264</h6>
<span class="text-success small pt-1 fw-bold">8%</span>
<span class="text-muted small pt-2 ps-1">Augmenter</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Revenue Card -->
<!-- Customers Card -->
<div class="col-xxl-4 col-xl-6">
<div class="card info-card customers-card">
<div class="filter">
<a class="icon" href="#" data-bs-toggle="dropdown">
<i class="bi bi-three-dots"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<li class="dropdown-header text-start">
<h6>Filter</h6>
</li>
<li>
<a class="dropdown-item" href="#">Aujourd'hui</a>
</li>
<li>
<a class="dropdown-item" href="#">C'est mois</a>
</li>
<li>
<a class="dropdown-item" href="#">Cette année</a>
</li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Clients
<span>| Cette année</span>
</h5>
<div class="d-flex align-items-center">
<div class="card-icon rounded-circle d-flex align-items-center justify-content-center">
<i class="bi bi-people"></i>
</div>
<div class="ps-3">
<h6>1244</h6>
<span class="text-danger small pt-1 fw-bold">12%</span>
<span class="text-muted small pt-2 ps-1">Diminuer</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Customers Card -->
<!-- Customers Card -->
<div class="col-xxl-4 col-xl-6">
<div class="card info-card customers-card">
<div class="filter">
<a class="icon" href="#" data-bs-toggle="dropdown">
<i class="bi bi-three-dots"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<li class="dropdown-header text-start">
<h6>Filter</h6>
</li>
<li>
<a class="dropdown-item" href="#">Aujourd'hui</a>
</li>
<li>
<a class="dropdown-item" href="#">C'est mois</a>
</li>
<li>
<a class="dropdown-item" href="#">Cette année</a>
</li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Fournisseur
<span>| Cette année</span>
</h5>
<div class="d-flex align-items-center">
<div class="card-icon rounded-circle d-flex align-items-center justify-content-center">
<i class="bi bi-person"></i>
</div>
<div class="ps-3">
<h6>144</h6>
<span class="text-danger small pt-1 fw-bold">30%</span>
<span class="text-muted small pt-2 ps-1">Diminuer</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Customers Card -->
</div>
</div>
</div>
</section>
</main>
<!-- End #main -->{% endblock %}