@extends('admin.layouts.app')

@section('content')

<section id='admin'>
    <div class='container'>
        <div class='box'>
            <div class="box-content">
                <div class='box-title'>
                    <p>Administración</p>
                </div>
                @if (session('status'))
                    <div class="alert alert-success" >
                        {{ session('status') }}
                        <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
                    </div>
                @endif

                <div class="admin-dashboard">
                    <div class="info-box bg-sk">
                        <div class="info-box-content">
                            <h2>{{ $count['purchases']}}</h2>
                            <p>Compras</p>
                            <i class="fas fa-shopping-cart"></i>
                        </div>
                            <a href="{{ route('admin.purchases.index') }}" class="info-box-footer">
                            <span>Ver</span> 
                            <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                    <div class="info-box bg-green">
                        <div class="info-box-content">
                            <h2>{{ $count['courses']}}</h2>
                            <p>Cursos</p>
                            <i class="fas fa-laptop-code"></i>
                        </div>
                        <a href="{{ route('admin.courses.index') }}" class="info-box-footer">
                            <span>Ver</span>  
                            <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                    <div class="info-box bg-blue">
                        <div class="info-box-content">
                            <h2>{{ $count['users']}}</h2>
                            <p>Usuarios</p>
                            <i class="fas fa-users"></i>
                        </div>
                        <a href="{{ route('admin.users.index') }}" class="info-box-footer">
                            <span>Ver</span>  
                            <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                    <div class="info-box bg-grey">
                        <div class="info-box-content">
                            <h2>{{ $count['instructors']}}</h2>
                            <p>Instructores</p>
                            <i class="fas fa-user-tie"></i>
                        </div>
                        <a href="{{ route('admin.instructors.index') }}" class="info-box-footer">
                            <span>Ver</span>  
                            <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                    <div class="info-box bg-orange" style="display: none;">
                        <div class="info-box-content">
                            <h2>{{ $count['userCourseQuiz']}}</h2>
                            <p>Examanes realizados</p>
                            <i class="fas fa-sticky-note"></i>
                        </div>
                        <a href="{{ route('admin.userCourseQuizzes.index') }}" class="info-box-footer">
                            <span>Ver</span>  
                            <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                    <div class="info-box bg-yellow">
                        <div class="info-box-content">
                            <h2>{{ $count['userModuleQuiz']}}</h2>
                            <p>Cuestionarios realizados</p>
                            <i class="fas fa-sticky-note"></i>
                        </div>
                        <a href="{{ route('admin.userModuleQuizzes.index') }}" class="info-box-footer">
                            <span>Ver</span>  
                            <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection