@extends('testcenter.layout.master')

@section('title')
    Test Center | Dashboard
@endsection

@section('content')

 <link rel="stylesheet" href="{{ asset('admin/plugins/morris/morris.css') }}">
 <div class="app-content my-3 my-md-5">
          <div class="side-app">
            <!-- MAIN BODY CONTENT -->
            <div class="row">
              <div class="col-xl-6 col-lg-6 col-md-12">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">Total Bookings</h5>
                    <div class="counter">
                      <svg
                        id="small-card-icon"
                        class="orange"
                        xmlns="http://www.w3.org/2000/svg"
                        width="26"
                        height="24.375"
                        viewBox="0 0 26 24.375"
                      >
                        <g transform="translate(0 -16)">
                          <path
                            d="M123.285,346A2.288,2.288,0,0,0,121,348.285v.762h7.617v-.762A2.288,2.288,0,0,0,126.332,346Z"
                            transform="translate(-114.855 -313.242)"
                            fill=""
                          />
                          <ellipse
                            cx="2"
                            cy="2.5"
                            rx="2"
                            ry="2.5"
                            transform="translate(8 25)"
                            fill=""
                          />
                          <path
                            d="M33.1,120.473a3.813,3.813,0,0,1,3.809-3.809H38.43a3.809,3.809,0,1,1,3.809-3.809,3.813,3.813,0,0,1-3.809,3.809h1.523a3.813,3.813,0,0,1,3.809,3.809v.762H52.9V109.047H47.168l-4.93,2.465V106H30v15.234h3.1Z"
                            transform="translate(-28.477 -85.43)"
                            fill=""
                          />
                          <path
                            d="M0,436.762a2.285,2.285,0,0,0,2.285,2.285H23.664A2.329,2.329,0,0,0,26,436.762V436H0Z"
                            transform="translate(0 -398.672)"
                            fill=""
                          />
                          <path
                            d="M301,23.617l3.047-1.523h7.668V16H301Zm7.617-5.332h1.523v1.523h-1.523Zm-3.047,0h1.523v1.523H305.57Zm-3.047,0h1.523v1.523h-1.523Z"
                            transform="translate(-285.715)"
                            fill=""
                          />
                        </g>
                      </svg>
                      <span class="coaching_users">{{$totalBookings}}</span>
                    </div>
                    <svg
                      id="small-card-bg-icon"
                      class="orange"
                      xmlns="http://www.w3.org/2000/svg"
                      width="26"
                      height="24.375"
                      viewBox="0 0 26 24.375"
                    >
                      <g transform="translate(0 -16)">
                        <path
                          d="M123.285,346A2.288,2.288,0,0,0,121,348.285v.762h7.617v-.762A2.288,2.288,0,0,0,126.332,346Z"
                          transform="translate(-114.855 -313.242)"
                          fill=""
                        />
                        <ellipse
                          cx="2"
                          cy="2.5"
                          rx="2"
                          ry="2.5"
                          transform="translate(8 25)"
                          fill=""
                        />
                        <path
                          d="M33.1,120.473a3.813,3.813,0,0,1,3.809-3.809H38.43a3.809,3.809,0,1,1,3.809-3.809,3.813,3.813,0,0,1-3.809,3.809h1.523a3.813,3.813,0,0,1,3.809,3.809v.762H52.9V109.047H47.168l-4.93,2.465V106H30v15.234h3.1Z"
                          transform="translate(-28.477 -85.43)"
                          fill=""
                        />
                        <path
                          d="M0,436.762a2.285,2.285,0,0,0,2.285,2.285H23.664A2.329,2.329,0,0,0,26,436.762V436H0Z"
                          transform="translate(0 -398.672)"
                          fill=""
                        />
                        <path
                          d="M301,23.617l3.047-1.523h7.668V16H301Zm7.617-5.332h1.523v1.523h-1.523Zm-3.047,0h1.523v1.523H305.57Zm-3.047,0h1.523v1.523h-1.523Z"
                          transform="translate(-285.715)"
                          fill=""
                        />
                      </g>
                    </svg>
                  </div>
                </div>
              </div>
            </div>
            <!--// MAIN BODY CONTENT -->
          </div>
        </div>

@endsection
@section('scripts')

@endsection