@extends('admin.layouts.container')

@section('content')
<div class="row">
    <div class="col-lg-4 mb-3 wow fadeInUp">
        <div class="new-users border-item shadow">
            <div class="datatitle">
                <h6 class="text-uppercase font-weight-bold"><a href="{{route('teachers.index')}}">Teachers</a></h6>
            </div>
            <div class="items">
                <span class="number text-primary"></span>
                <div class="progress-item">
                    <p class="info"> Count of teachers </p>
                    <b>{{$teachers}}</b>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 mb-3 wow fadeInDown">
        <div class="new-users border-item shadow">
            <div class="datatitle">
                <h6 class="text-uppercase font-weight-bold"><a href="{{route('students.index')}}">Students</a></h6>
            </div>
            <div class="items">
                <span class="number text-primary"></span>
                <div class="progress-item">
                    <p class="info"> Count of students </p>
                    <b>{{$students}}</b>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 mb-3 wow fadeInUp">
        <div class="new-users border-item shadow">
            <div class="datatitle">
                <h6 class="text-uppercase font-weight-bold"><a href="{{route('courses.index')}}">Courses</a></h6>
            </div>
            <div class="items">
                <span class="number text-primary"></span>
                <div class="progress-item">
                    <p class="info"> Count of courses </p>
                    <b>{{$courses}}</b>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('inner_js')

@endsection