@extends('admin.base')
@section('title')

   EDINTEL | dashboard
    
@endsection

@section('meta')
    <meta property="og:title" content="EDUCATION INTELLIGENTE/EDINTEL" />
    <meta property="og:url" content="https://gesco.logexcloud.com" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="https://gesco.logexcloud.com" />
    <meta property="og:locale" content="fr_FR" />
    <meta property="og:description" content="EDINTEL|Dashboard" />
    <meta property="og:image" content="https://gesco.logexcloud.com/user/img/logo-1.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
@endsection

@section('body')

 <div class="row">
     <!-- task, page, download counter  start -->
     <div class="col-xl-3 col-md-6">
         <div class="card">
             <div class="card-block">
                 <div class="row align-items-center">
                     <div class="col-8">
                         <h4 class="text-c-purple"> {{$user}}</h4>
                         <h6 class="text-muted m-b-0">Administrateurs</h6>
                     </div>
                     <div class="col-4 text-right">
                        <i class="fa fa-user yellow_color"></i>
                     </div>
                 </div>
             </div>
             <div class="card-footer bg-c-purple">
                 <div class="row align-items-center">
                     <div class="col-9">
                         <p class="text-white m-b-0">Admin</p>
                     </div>
                     <div class="col-3 text-right">
                         <i class="fa fa-line-chart text-white f-16"></i>
                     </div>
                 </div>

             </div>
         </div>
     </div>
     <div class="col-xl-3 col-md-6">
         <div class="card">
             <div class="card-block">
                 <div class="row align-items-center">
                     <div class="col-8">
                         <h4 class="text-c-green">{{$eleve}}</h4>
                         <h6 class="text-muted m-b-0">Elèves</h6>
                     </div>
                     <div class="col-4 text-right">
                         <i class="fa-solid fa-graduation-cap green_color"></i>
                     </div>
                 </div>
             </div>
             <div class="card-footer bg-c-green">
                 <div class="row align-items-center">
                     <div class="col-9">
                         <p class="text-white m-b-0">Elèves</p>
                     </div>
                     <div class="col-3 text-right">
                         <i class="fa fa-line-chart text-white f-16"></i>
                     </div>
                 </div>
             </div>
         </div>
     </div>
     <div class="col-xl-3 col-md-6">
         <div class="card">
             <div class="card-block">
                 <div class="row align-items-center">
                     <div class="col-8">
                         <h4 class="text-c-red">{{$classe}}</h4>
                         <h6 class="text-muted m-b-0">Classes</h6>
                     </div>
                     <div class="col-4 text-right">
                         <i class="fa-solid fa-landmark red_color"></i>

                     </div>
                 </div>
             </div>
             <div class="card-footer bg-c-red">
                 <div class="row align-items-center">
                     <div class="col-9">
                         <p class="text-white m-b-0">Classes</p>
                     </div>
                     <div class="col-3 text-right">
                          <i class="fa fa-line-chart text-white f-16"></i>
                     </div>
                 </div>
             </div>
         </div>
     </div>
     <div class="col-xl-3 col-md-6">
         <div class="card">
             <div class="card-block">
                 <div class="row align-items-center">
                     <div class="col-8">
                         <h4 class="text-c-blue">{{$professeur}}</h4>
                         <h6 class="text-muted m-b-0">Professeurs</h6>
                     </div>
                     <div class="col-4 text-right">
                          <i class="fa-solid fa-user-tie green_color"></i>
                     </div>
                 </div>
             </div>
             <div class="card-footer bg-c-blue">
                 <div class="row align-items-center">
                     <div class="col-9">
                         <p class="text-white m-b-0">Professeur</p>
                     </div>
                     <div class="col-3 text-right">
                         <i class="fa fa-line-chart text-white f-16"></i>
                     </div>
                 </div>
             </div>
         </div>
     </div>


     
 </div>
 <!-- <div class="row">
      <div class="col-xl-12 col-md-12" id="app">
         <div class="card">
             <router-view>

         </div>
     </div>
 </div> -->
               
@endsection