@extends('dashboard.master')

@section('content')
<div class="row">
    <div class="col-lg-4 col-md-6 col-sm-6">
        <div class="card card-stats">
            <div class="card-body ">
                <div class="row">
                <div class="col-5 col-md-4">
                    <div class="icon-big text-center icon-warning">
                    <i class="fa fa-graduation-cap text-warning"></i>
                    </div>
                </div>
                <div class="col-7 col-md-8">
                    <div class="numbers">
                    <p class="card-category">Students</p>
                    <p class="card-title">{{ number_format($totalStudents) }}<p>
                    </div>
                </div>
                </div>
            </div>
            <div class="card-footer ">
                <hr />
                <div class="stats"><i class="fa fa-refresh"></i> All Time</div>
            </div>
        </div>
    </div>

    <div class="col-lg-4 col-md-6 col-sm-6">
        <div class="card card-stats">
            <div class="card-body ">
                <div class="row">
                <div class="col-5 col-md-4">
                    <div class="icon-big text-center icon-success">
                    <i class="fa fa-users text-success"></i>
                    </div>
                </div>
                <div class="col-7 col-md-8">
                    <div class="numbers">
                    <p class="card-category">Teachers</p>
                    <p class="card-title">{{ number_format($totalTeachers) }}<p>
                    </div>
                </div>
                </div>
            </div>
            <div class="card-footer ">
                <hr />
                <div class="stats"><i class="fa fa-refresh"></i> All Time</div>
            </div>
        </div>
    </div>

    <div class="col-lg-4 col-md-6 col-sm-6">
        <div class="card card-stats">
            <div class="card-body ">
                <div class="row">
                <div class="col-5 col-md-4">
                    <div class="icon-big text-center icon-danger">
                    <i class="fa fa-star text-danger"></i>
                    </div>
                </div>
                <div class="col-7 col-md-8">
                    <div class="numbers">
                    <p class="card-category">Parents</p>
                    <p class="card-title">{{ number_format($totalParents) }}<p>
                    </div>
                </div>
                </div>
            </div>
            <div class="card-footer ">
                <hr />
                <div class="stats"><i class="fa fa-refresh"></i> All Time</div>
            </div>
        </div>
    </div>
</div>
@endsection