@extends('layouts.admin')

@section('styles')
@endsection

@section('content')

<!-- Start main-content -->
<div class="main-content">
<div class="header-top bg-theme-color-2 sm-text-center">
    <div class="container">
      <div class="row">
        <div class="col-md-8">

        </div>
        <div class="col-md-4">
          <div class="widget no-border m-0">
            <ul class="list-inline text-right sm-text-center">

              <li>
                <a href="index.html" class="text-white">Logout</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <section>
    <div class="container-fluid p-0">
      <div class="row">
        <div class="col-md-12">

          <section id="about">
    <div class="container mt-30 pb-10 pt-0">
      <div class="section-content">
        <div class="row mt-10">
          <div class="col-md-12 mb-sm-20 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.5s;">
            <h3 class="text-uppercase mt-15">Welcome To <span class="text-theme-color-2"> The Educators Academy  </span> Teachers Dashboard </h3>

            <div class="row mt-30">

        <div class="col-md-6">
          <div class="card effect__click">
            <div class="card__front bg-theme-colored">
                <div class="card__text">
                  <div class="display-table-parent">
                    <div class="display-table">
                      <div class="display-table-cell">
                        <div class="icon-box mb-0">

                            <p class="text-white font-42">54</p>

                          <h4 class="icon-box-title text-white">Total Courses</h4>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>

          </div><!-- /card -->
        </div>
        <div class="col-md-6">
          <div class="card effect__click">
            <div class="card__front bg-black-333">
                <div class="card__text">
                  <div class="display-table-parent">
                    <div class="display-table">
                      <div class="display-table-cell">
                        <div class="icon-box mb-0">
                           <p class="text-white font-42">22</p>
                          <h4 class="icon-box-title text-white">Total Registrations</h4>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>

          </div><!-- /card -->
        </div>

      </div>

      <div class="row mt-30">

        <div class="col-md-3">
          <div class="card effect__click">
            <div class="card__front bg-red">
                <div class="card__text">
                  <div class="display-table-parent">
                    <div class="display-table">
                      <div class="display-table-cell">
                        <div class="icon-box mb-0">

                            <p class="text-white font-30">54</p>

                          <h5 class="icon-box-title text-white">Grade 9 Registratiosn</h5>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>

          </div><!-- /card -->
        </div>
        <div class="col-md-3">
          <div class="card effect__click">
            <div class="card__front bg-blue">
                <div class="card__text">
                  <div class="display-table-parent">
                    <div class="display-table">
                      <div class="display-table-cell">
                        <div class="icon-box mb-0">
                           <p class="text-white font-30">22</p>
                          <h5 class="icon-box-title text-white">Grade 10 Registrations</h5>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>

          </div><!-- /card -->
        </div>

        <div class="col-md-3">
          <div class="card effect__click">
            <div class="card__front bg-green">
                <div class="card__text">
                  <div class="display-table-parent">
                    <div class="display-table">
                      <div class="display-table-cell">
                        <div class="icon-box mb-0">
                           <p class="text-white font-30">22</p>
                          <h5 class="icon-box-title text-white">Grade 11 Registrations</h5>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>

          </div><!-- /card -->
        </div>

        <div class="col-md-3">
          <div class="card effect__click">
            <div class="card__front bg-orange">
                <div class="card__text">
                  <div class="display-table-parent">
                    <div class="display-table">
                      <div class="display-table-cell">
                        <div class="icon-box mb-0">
                           <p class="text-white font-30">22</p>
                          <h5 class="icon-box-title text-white">Grade 12 Registrations</h5>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>

          </div><!-- /card -->
        </div>

      </div>

      <div class="row mt-30">

        <div class="col-md-4">
          <div class="card effect__click">
            <div class="card__front bg-purple">
                <div class="card__text">
                  <div class="display-table-parent">
                    <div class="display-table">
                      <div class="display-table-cell">
                        <div class="icon-box mb-0">

                            <p class="text-white font-30">54</p>

                          <h5 class="icon-box-title text-white">Fast Track Credit Registratiosn</h5>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>

          </div><!-- /card -->
        </div>
        <div class="col-md-4">
          <div class="card effect__click">
            <div class="card__front bg-yellow">
                <div class="card__text">
                  <div class="display-table-parent">
                    <div class="display-table">
                      <div class="display-table-cell">
                        <div class="icon-box mb-0">
                           <p class="text-white font-30">22</p>
                          <h5 class="icon-box-title text-white">Summer School Registrations</h5>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>

          </div><!-- /card -->
        </div>

        <div class="col-md-4">
          <div class="card effect__click">
            <div class="card__front bg-black-555">
                <div class="card__text">
                  <div class="display-table-parent">
                    <div class="display-table">
                      <div class="display-table-cell">
                        <div class="icon-box mb-0">
                           <p class="text-white font-30">22</p>
                          <h5 class="icon-box-title text-white">Tuition Registrations</h5>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
             </div>

          </div><!-- /card -->
        </div>



      </div>
          </div>



        </div>
      </div>
    </div>
  </section>
        </div>
      </div>
    </div>
  </section>
</div>
<!-- end main-content -->

@endsection

@section('scripts')

@endsection