@extends('cms.master')

@section('content')
<nav class="uk-navbar uk-navbar-attached" data-uk-sticky data-uk-scrollspy-nav="{closest:'li'}" >
    <ul class="uk-navbar-nav">
        <!--    <li class="uk-active" ><a href="#Menu1" data-uk-smooth-scroll>Menu1</a></li>-->
<!--        <li><a href="#Menu2" data-uk-smooth-scroll>Menu2</a></li>-->
<!--        <li><a href="#Menu3" data-uk-smooth-scroll>Menu3</a></li>-->
    </ul>
</nav>

<div class="dashboard-content">
    <div class="dashboard-title">User statistics</div>
    <div class="dashboard-item">
    
        <table class="tutor-table uk-table">
            <tr>
                <td class="uk-width-5-6">Total number of users:</td>
                <td class="uk-width-1-6">{{ count($users) }}</td>
            </tr>
            <tr>
                <td>Number of tutors:</td>
                <td>{{ count($tutors) }}</td>
            </tr>
            <tr>
                <td>Number of active tutors:</td>
                <td>{{ count($activeTutors) }}</td>
            </tr>
            <tr>
                <td>Number of students:</td>
                <td>{{ count($students) }}</td>
            </tr>
            <tr>
                <td>Number of active students:</td>
                <td>{{ count($activeStudents) }}</td>
            </tr>
        </table>
    
    </div>
    <br/><br/>
    <div class="dashboard-title">School statistics</div>
    <div class="dashboard-item">
    
        <table class="tutor-table uk-table">
            <tr>
                <td class="uk-width-5-6">Total number of schools:</td>
                <td class="uk-width-1-6">{{ count($schools) }}</td>
            </tr>
            <tr>
                <td>Number of K-5 schools:</td>
                <td>{{ count($schoolK5) }}</td>
            </tr>
            <tr>
                <td>Number of 6-8 schools:</td>
                <td>{{ count($schoolMid) }}</td>
            </tr>
            <tr>
                <td>Number of High schools:</td>
                <td>{{ count($schoolHi) }}</td>
            </tr>
            
        </table>
    
    </div>
</div>
@stop