@extends('layouts.admin')
@section('title','Dashboard')
@section('content')

<div class="row">
  <div class="col-xl-12 col-md-12">
    <div class="row">

      <div class="col-md-12">
        <div class="card table-card">
          <div class="row-table">
            <div class="col-sm-6 card-body-big br">
              <div class="row">
                <div class="col-sm-4">
                  <i class="fas fa-calendar text-c-green mb-1 d-block"></i>
                </div>
                <div class="col-sm-8 text-md-center">
                  <h5>{{$appoinmentCount ?? 0}}</h5>
                  <span>Contact</span>
                </div>
              </div>
            </div>
            <div class="col-sm-6 card-body-big">
              <div class="row">
                <div class="col-sm-4">
                  <i class="fas fa-cogs text-c-red mb-1 d-block"></i>
                </div>
                <div class="col-sm-8 text-md-center">
                  <h5>{{$servicesCount ?? 0}}</h5>
                  <span>Services</span>
                </div>
              </div>
            </div>
          </div>
          <div class="row-table">
            <div class="col-sm-6 card-body-big br">
              <div class="row">
                <div class="col-sm-4">
                  <i class="fas fa-blog text-c-blue mb-1 d-block"></i>
                </div>
                <div class="col-sm-8 text-md-center">
                  <h5>{{$CategoryCount ?? 0}}</h5>
                  <span>Category</span>
                </div>
              </div>
            </div>
            <div class="col-sm-6 card-body-big">
              <div class="row">
                <div class="col-sm-4">
                  <i class="fas fa-comment-alt text-c-yellow mb-1 d-block"></i>
                </div>
                <div class="col-sm-8 text-md-center">
                  <h5>{{$blogsCount ?? 0}}</h5>
                  <span>Blogs</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

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