@extends('layouts.master')
@section('page_title', 'My Dashboard')
@section('content')

    @if (Qs::userIsTeamSA())
        <div class="row">
            <div class="col-sm-6 col-xl-3">
                <div class="card card-body bg-blue-400 has-bg-image">
                    <div class="media">
                        <div class="media-body">
                            <h3 class="mb-0">{{ $users->where('user_type', 'student')->count() }}</h3>
                            <span class="text-uppercase font-size-xs font-weight-bold">Total Students</span>
                        </div>

                        <div class="ml-3 align-self-center">
                            <i class="icon-users4 icon-3x opacity-75"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 col-xl-3">
                <div class="card card-body bg-danger-400 has-bg-image">
                    <div class="media">
                        <div class="media-body">
                            <h3 class="mb-0">{{ $users->where('user_type', 'teacher')->count() }}</h3>
                            <span class="text-uppercase font-size-xs">Total Teachers</span>
                        </div>

                        <div class="ml-3 align-self-center">
                            <i class="icon-users2 icon-3x opacity-75"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 col-xl-3">
                <div class="card card-body bg-success-400 has-bg-image">
                    <div class="media">
                        <div class="mr-3 align-self-center">
                            <i class="icon-pointer icon-3x opacity-75"></i>
                        </div>

                        <div class="media-body text-right">
                            <h3 class="mb-0">{{ $users->where('user_type', 'admin')->count() }}</h3>
                            <span class="text-uppercase font-size-xs">Total Administrators</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 col-xl-3">
                <div class="card card-body bg-indigo-400 has-bg-image">
                    <div class="media">
                        <div class="mr-3 align-self-center">
                            <i class="icon-user icon-3x opacity-75"></i>
                        </div>

                        <div class="media-body text-right">
                            <h3 class="mb-0">{{ $users->where('user_type', 'parent')->count() }}</h3>
                            <span class="text-uppercase font-size-xs">Total Parents</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    @if (Qs::userIsTeamSA())
        <div class="row">
            <div class="col-sm-6 col-xl-4">
                <div class="card card-body text-success has-bg-image">
                    <div class="media">
                        <div class="media-body">
                            <h3 class="mb-0">GHS {{ number_format($amountPaid + $debt, 2) }}</h3>
                            <span class="text-uppercase font-size-xs font-weight-bold">Total Expected Amout</span>
                        </div>

                        <div class="ml-3 align-self-center">
                            <i class="icon-finder icon-2x opacity-75"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 col-xl-4">
                <div class="card card-body text-info has-bg-image">
                    <div class="media">
                        <div class="media-body">
                            <h3 class="mb-0">GHS {{ number_format($amountPaid, 2) }}</h3>
                            <span class="text-uppercase font-size-xs">Total Amount Paid</span>
                        </div>

                        <div class="ml-3 align-self-center">
                            <i class="icon-eye8 icon-2x opacity-75"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 col-xl-4">
                <div class="card card-body text-danger has-bg-image">
                    <div class="media">
                        <div class="media-body">
                            <h3 class="mb-0">GHS {{ number_format($debt, 2) }}</h3>
                            <span class="text-uppercase font-size-xs">Total Debt</span>
                        </div>

                        <div class="ml-3 align-self-center">
                            <i class="icon-history icon-2x opacity-75"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    {{-- Events Calendar Begins --}}
    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 class="card-title">School Events Calendar</h5>
            {!! Qs::getPanelOptions() !!}
        </div>

        <div class="card-body">
            <div class="fullcalendar-basic"></div>
        </div>
    </div>
    {{-- Events Calendar Ends --}}
@endsection