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

   Plateforme Educative | dashboard
    
@endsection

@section('body')
            <div class="container-fluid">
               <div class="row column_title">
                  <div class="col-md-12">
                     <div class="page_title">
                        <h2>Tableau de bord</h2>
                     </div>
                  </div>
               </div>
               <div class="row column1">
                  <div class="col-md-6 col-lg-3">
                     <div class="full counter_section margin_bottom_30">
                        <div class="couter_icon">
                           <div> 
                              <i class="fa fa-user yellow_color"></i>
                           </div>
                        </div>
                        <div class="counter_no">
                           <div>
                              <p class="total_no"> {{$user}}</p>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-6 col-lg-3">
                     <div class="full counter_section margin_bottom_30">
                        <div class="couter_icon">
                           <div> 
                              <i class="fa-solid fa-graduation-cap green_color"></i>
                           </div>
                        </div>
                        <div class="counter_no">
                           <div>
                              <p class="total_no"> {{$eleve}} </p>                 
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-6 col-lg-3">
                     <div class="full counter_section margin_bottom_30">
                        <div class="couter_icon">
                           <div> 
                              <i class="fa-solid fa-landmark red_color"></i>
                           </div>
                        </div>
                        <div class="counter_no">
                           <div>
                              <p class="total_no"> {{$classe}} </p>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class=" col-md-6 col-lg-3">
                     <div class="full counter_section margin_bottom_30">
                        <div class="couter_icon">
                           <div> 
                              <i class="fa-solid fa-user-tie green_color"></i>
                           </div>
                        </div>
                        <div class="counter_no">
                           <div>
                              <p class="total_no"> {{$professeur}} </p>
                              
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="mobile row column1 social_media_section">
                  <div class="col-md-6 col-lg-3">
                     <div class="full socile_icons fb margin_bottom_30">
                        <div class="social_icon">
                           <!-- <i class="fa fa-facebook"></i> -->
                           <h3 style="font-size: 15px">Administrateurs</h3>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-6 col-lg-3">
                     <div class="full socile_icons tw margin_bottom_30">
                        <div class="social_icon">
                           <h3 style="font-size: 15px">Elèves</h3>

                        </div>

                     </div>
                  </div>
                  <div class="col-md-6 col-lg-3">
                     <div class="full socile_icons linked margin_bottom_30">
                        <div class="social_icon">
                           <h3 style="font-size: 15px">Classes</h3>

                        </div>

                     </div>
                  </div>
                  <div class=" col-md-6 col-lg-3">
                     <div class="full socile_icons google_p margin_bottom_30">
                        <div class="social_icon">
                           <h3 style="font-size: 15px">Professeurs</h3>

                        </div>

                     </div>
                  </div>
               </div>
               
            </div>
    

@endsection