| Current File : /home/digitaw/Ycof/daosh.html |
<app-header-dashboard></app-header-dashboard>
<main id="main" class="main">
<div class="pagetitle">
<h1>Tableau de bord</h1>
<na.v>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active">Tableau de bord</li>
</ol>
</nav>
</div><!-- End Page Title -->
<section class="section dashboard">
<div class="row">
<!-- Left side columns -->
<div >
<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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Assurances auto <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">increase</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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Revenue <span>| This Month</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">increase</span>
</div>
</div>
</div>
</div>
</div><!-- End Revenue Card -->
<!-- Customers Card -->
<div class="col-xxl-4 col-xl-12">
<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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Customers <span>| This Year</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">decrease</span>
</div>
</div>
</div>
</div>
</div><!-- End Customers Card -->
<!-- Reports -->
<div class="col-12">
<div class="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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Demandes de devis Assurances Automobile <span>| Cette semaine </span></h5>
<table class="table table-borderless datatable">
<thead>
<tr class="header-row ">
<th scope="header-item items ">Catégorisation</th>
<th scope="header-item items ">Marque</th>
<th scope="header-item items">Date de circulation</th>
<th scope="header-item items">Nombre de place</th>
<th scope="header-item items">Immatriculation</th>
<th scope="header-item items">Date d'echeance</th>
</tr>
</thead>
<tbody>
<tr class="table-rows" *ngFor="let assurance_auto of assurances_auto; let i = index">
<td class="items">{{ assurance_auto.categorisation }}</td>
<td class="items">{{ assurance_auto.marque_voiture }}</td>
<td class="items">{{ assurance_auto.date_circulation }}</td>
<td class="items">{{ assurance_auto.nombre_place }}</td>
<td class="items">{{ assurance_auto.immatriculation }}</td>
<td class="items">{{ assurance_auto.assurance_garanti_auto }}</td>
<td class="items">{{ assurance_auto.date_echeance }}</td>
<td class="items"> <a href="/listassurance"><button type="button" class="btn btn-primary" > Details</button></a></td>
<td class="items"> <button type="button" class="btn btn-danger" (click)="delAuto(assurance_auto)">Supprimer </button></td>
<td class="items"> <button type="button" class="btn btn-success">Update</button></td>
<!-- End Recent Sales -->
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- End Reports -->
<!-- Habitations -->
<div class="col-12">
<div class="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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Demandes de devis Assurances Habitation <span>| Cette semaine </span></h5>
<table class="table table-borderless datatable">
<thead>
<tr class="header-row ">
<th scope="header-item items ">Situation du risque</th>
<th scope="header-item items ">Constructions Couvertures</th>
<th scope="header-item items ">Appartement studio villa</th>
<th scope="header-item items">Valeur du batiment ou du loyer mensuel</th>
<th scope="header-item items">valeur de contenu</th>
</tr>
</thead>
<tbody>
<tr class="table-rows" *ngFor="let assurancehabitation of assurancehabitation; let i = index">
<td class="items">{{ assurancehabitation.situation_du_risque }}</td>
<td class="items">{{ assurancehabitation.constructeur_couverture }}</td>
<td class="items">{{ assurancehabitation.appt_studio_villa}}</td>
<td class="items">{{ assurancehabitation.valeurbat_loyer}}</td>
<td class="items">{{ assurancehabitation.valeur_contenu }}</td>
<td class="items"> <a href="/listassuhabitation"> <button type="button" class="btn btn-primary">Details</button></a></td>
<td class="items"> <button type="button" class="btn btn-danger" (click)="delhabitant(assurancehabitation)">Supprimer </button></td>
<td class="items"> <button type="button" class="btn btn-success">Update</button></td>
<!-- End Habitataions -->
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- End habitations -->
<!-- Recent Sales -->
<div class="col-12">
<div class="card recent-sales overflow-auto">
<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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
</div>
</div>
<!-- Top Selling -->
<div class="col-12">
<div class="card top-selling overflow-auto">
<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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<!-- <table class="table table-borderless">
<thead>
<tr>
<th scope="col">Preview</th>
<th scope="col">Product</th>
<th scope="col">Price</th>
<th scope="col">Sold</th>
<th scope="col">Revenue</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><a href="#"><img src="assets/img/product-1.jpg" alt=""></a></th>
<td><a href="#" class="text-primary fw-bold">Ut inventore ipsa voluptas nulla</a></td>
<td>$64</td>
<td class="fw-bold">124</td>
<td>$5,828</td>
</tr>
<tr>
<th scope="row"><a href="#"><img src="assets/img/product-2.jpg" alt=""></a></th>
<td><a href="#" class="text-primary fw-bold">Exercitationem similique doloremque</a></td>
<td>$46</td>
<td class="fw-bold">98</td>
<td>$4,508</td>
</tr>
<tr>
<th scope="row"><a href="#"><img src="assets/img/product-3.jpg" alt=""></a></th>
<td><a href="#" class="text-primary fw-bold">Doloribus nisi exercitationem</a></td>
<td>$59</td>
<td class="fw-bold">74</td>
<td>$4,366</td>
</tr>
<tr>
<th scope="row"><a href="#"><img src="assets/img/product-4.jpg" alt=""></a></th>
<td><a href="#" class="text-primary fw-bold">Officiis quaerat sint rerum error</a></td>
<td>$32</td>
<td class="fw-bold">63</td>
<td>$2,016</td>
</tr>
<tr>
<th scope="row"><a href="#"><img src="assets/img/product-5.jpg" alt=""></a></th>
<td><a href="#" class="text-primary fw-bold">Sit unde debitis delectus repellendus</a></td>
<td>$79</td>
<td class="fw-bold">41</td>
<td>$3,239</td>
</tr>
</tbody>
</table> -->
<div class="col-12">
<div class="card recent-sales overflow-auto">
<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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Demandes de devis Assurances Voyage <span>| Cette semaine </span></h5>
<table class="table table-borderless datatable rouge" >
<thead>
<tr class="header-row ">
<th scope="header-item items ">Destination</th>
<th scope="header-item items ">Date de depart </th>
<th scope="header-item items ">Date de retour</th>
<th scope="header-item items ">passeport</th>
</tr>
</thead>
<tbody>
<tr class="table-rows" *ngFor="let assurancevoyage of assurancevoyage; let i = index">
<td class="items">{{ assurancevoyage.destination }}</td>
<td class="items">{{ assurancevoyage.date_de_depart}}</td>
<td class="items">{{ assurancevoyage.date_de_retour }}</td>
<td class="items">{{ assurancevoyage.numero_passport}}</td>
<td class="items"> <a href="/listassuvoyage"><button type="button" class="btn btn-primary">Details</button></a></td>
<td class="items"> <button type="button" class="btn btn-danger">Supprimer </button></td>
<td class="items"> <button type="button" class="btn btn-success">Update</button></td>
<!-- End Recent Sales -->
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-12">
<div class="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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Demandes de devis Assurances Sante famille <span>| Cette semaine </span></h5>
<table class="table table-borderless datatable">
<thead>
<tr class="header-row ">
<th scope="header-item items ">Taux de couverture</th>
<th scope="header-item items ">Territorialite</th>
</tr>
</thead>
<tbody>
<tr class="table-rows" *ngFor="let assurance_sante_famille of assurance_sante_famille; let i = index">
<td class="items">{{ assurance_sante_famille.taux_couverture }}</td>
<td class="items">{{ assurance_sante_famille.territorialite }}</td>
<td class="items"> <button type="button" class="btn btn-primary">Details</button></td>
<td class="items"> <button type="button" class="btn btn-danger" (click)="delFamille(assurance_sante_famille)">Supprimer </button></td>
<td class="items"> <button type="button" class="btn btn-success">Update</button></td>
<!-- End Recent Sales -->
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- End Reports -->
<div class="col-12">
<div class="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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Demandes de devis Assurances Sante Entreprise <span>| Cette semaine </span></h5>
<table class="table table-borderless datatable">
<thead>
<tr class="header-row ">
<th scope="header-item items ">Nom de L'entreprise</th>
<th scope="header-item items ">Nombre d'adherant</th>
<th scope="header-item items ">Tranche d'age minimal</th>
<th scope="header-item items ">Tranche d'age maximal</th>
</tr>
</thead>
<tbody>
<tr class="table-rows" *ngFor="let assurance_sante_entreprise of assurance_sante_entreprise; let i = index">
<td class="items">{{ assurance_sante_entreprise.nom_entreprise}}</td>
<td class="items">{{ assurance_sante_entreprise.nombre_adherant }}</td>
<td class="items">{{ assurance_sante_entreprise.tranche_age_min }}</td>
<td class="items">{{ assurance_sante_entreprise.tranche_age_max }}</td>
<td class="items"> <button type="button" class="btn btn-primary">Details</button></td>
<td class="items"> <button type="button" class="btn btn-danger"(click)="delEntreprise(assurance_sante_entreprise)">Supprimer </button></td>
<td class="items"> <button type="button" class="btn btn-success">Update</button></td>
<!-- End Recent Sales -->
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- End Reports -->
<div class="col-12">
<div class="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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
<div class="card-body">
<h5 class="card-title">Demandes de devis Assurances Sante Solo <span>| Cette semaine </span></h5>
<table class="table table-borderless datatable">
<thead>
<tr class="header-row ">
<th scope="header-item items ">Taux de couverture</th>
<th scope="header-item items ">Territorialite</th>
</tr>
</thead>
<tbody>
<tr class="table-rows" *ngFor="let assurance_sante_solo of assurance_sante_solo; let i = index">
<td class="items">{{ assurance_sante_solo.taux_couverture}}</td>
<td class="items">{{ assurance_sante_solo.territorialite }}</td>
<td class="items"> <button type="button" class="btn btn-primary">Details</button></td>
<td class="items"> <button type="button" class="btn btn-danger" (click)="delSolo(assurance_sante_solo)" >Supprimer </button></td>
<td class="items"> <button type="button" class="btn btn-success">Update</button></td>
<!-- End Recent Sales -->
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- End Reports -->
</div>
</div><!-- End Top Selling -->
</div>
</div><!-- End Left side columns -->
<!-- Right side columns -->
<div class="col-lg-3">
<!-- Recent Activity -->
<!-- Budget Report -->
<div class="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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
</div><!-- End Budget Report -->
<!-- Website Traffic -->
<div class="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="#">Today</a></li>
<li><a class="dropdown-item" href="#">This Month</a></li>
<li><a class="dropdown-item" href="#">This Year</a></li>
</ul>
</div>
</div><!-- End Website Traffic -->
<!-- News & Updates Traffic -->
</div>
</div>
</section>
</main><!-- End #main -->
<app-footer-dashboard></app-footer-dashboard>