@extends('layouts.app')

@section('content')
    <div class="container-fluid">
            <div class="page-title">
              <div class="row">
                <div class="col-xl-8 col-sm-8 box-col-8">
                  <h3>Dashboard</h3>
                </div>
                
                <div class="col-xl-4 col-sm-4 box-col-4"> 
                  
                </div>
              </div>
            </div>
          </div>
		  
		  <div class="container-fluid">
            <div class="row">
              <div class="col-sm-12">
                <div class="card">
                  <div class="card-header pb-0">
                    <h4>Summary</h4><span></span>
                  </div>
                  <div class="card-body">
                    <div class="row"> 
                      <div class="col-xl-4 col-sm-6 box-col-6">
                        <div class="card ecommerce-widget">
                          <div class="card-body support-ticket-font">
                            <div class="row">
                              <div class="col-5"><span>Total Doctor</span>
                                <h3 class="total-num counter">{{$doctorscount}}</h3>
                              </div>
                              <div class="col-7">
                                <div class="text-end">
                                </div>
                              </div>
                            </div>
                            <div class="progress-showcase mt-4">
                              <div class="progress sm-progress-bar">
                                <div class="progress-bar bg-primary" role="progressbar" style="width: 70%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-xl-4 col-sm-6 box-col-6">
                        <div class="card ecommerce-widget">
                          <div class="card-body support-ticket-font">
                            <div class="row">
                              <div class="col-5"><span>Enroll Doctor</span>
                                <h3 class="total-num counter">{{$enrolldoctorcount}}</h3>
                              </div>
                              <div class="col-7">
                                
                              </div>
                            </div>
                            <div class="progress-showcase mt-4">
                              <div class="progress sm-progress-bar">
                                <div class="progress-bar bg-secondary" role="progressbar" style="width: 70%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>  
                  </div>  
                </div>
              </div>
            </div>
          </div>
          

@endsection