@extends('layouts.admin', [
    'page_header' => 'Dashboard',
    'dash' => 'active',
    'quiz' => '',
    'users' => '',
    'questions' => '',
    'top_re' => '',
    'all_re' => '',
    'sett' => '',
])

@section('content')
    <div class="dashboard-block">
        <div class="row">
            <div class="col-md-7">
                <div class="row">
                    <div class="col-md-6">
                        <div class="small-box bg-yellow">
                            <div class="inner">
                                <h3>{{ $user }}</h3>
                                <p>Total Students</p>
                            </div>
                            <div class="icon">
                                <i class="ion ion-person-add"></i>
                            </div>
                            <a href="{{ url('/admin/users') }}" class="small-box-footer">
                                More info <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="small-box bg-red">
                            <div class="inner">
                                <h3>{{ $quiz }}</h3>
                                <p>Total Quiz</p>
                            </div>
                            <div class="icon">
                                <i class="fa fa-question-circle-o"></i>
                            </div>
                            <a href="{{ url('/admin/topics') }}" class="small-box-footer">
                                More info <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="small-box bg-green">
                            <div class="inner">
                                <h3>{{ $question }}</h3>
                                <p>Total Questions</p>
                            </div>
                            <div class="icon">
                                <i class="fa fa-question-circle-o"></i>
                            </div>
                            <a href="{{ url('/views/admin/questions') }}" class="small-box-footer">
                                More info <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                        {{-- <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#AllDeleteModal">Delete All Answer Sheets</button>
            <p>It's Delete All Student All Quiz Results</p> --}}
                        <!-- All Delete Button -->
                        {{-- <div id="AllDeleteModal" class="delete-modal modal fade" role="dialog">
              <!-- All Delete Modal -->
              <div class="modal-dialog modal-sm">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <div class="delete-icon"></div>
                  </div>
                  <div class="modal-body text-center">
                    <h4 class="modal-heading">Are You Sure ?</h4>
                    <p>Do you really want to delete "All these records"? This process cannot be undone.</p>
                  </div>
                  <div class="modal-footer">
                
                  </div>
                </div>
              </div>
            </div> --}}
                    </div>
                </div>
            </div>
            <div class="col-md-5">
                <div class="box box-danger">
                    <div class="box-header with-border">
                        <h4 class="box-title">Latest Students</h4>
                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                    class="fa fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body no-padding">
                        <ul class="users-list clearfix">
                            {{-- @if ($user_latest)
                                @foreach ($user_latest as $user)
                                    <li>
                                        <a class="users-list-name" href="#"
                                            title="{{ $user->name }}">{{ $user->name }}</a>
                                        <span class="users-list-date">{{ $user->created_at->diffForHumans() }}</span>
                                    </li>
                                @endforeach
                            @endif --}}
                            @if ($user_latest)
                                @foreach ($user_latest as $user)
                                    <li>
                                        <a class="users-list-name" href="#"
                                            title="{{ $user->name }}">{{ $user->name }}</a>
                                        @if ($user->created_at)
                                            <span class="users-list-date">{{ $user->created_at->diffForHumans() }}</span>
                                        @else
                                            <span class="users-list-date">Unknown</span>
                                        @endif
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                        <!-- /.users-list -->
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer text-center">
                        <a href="{{ url('admin/users') }}" class="uppercase">View All Students</a>
                    </div>
                    <!-- /.box-footer -->
                </div>
            </div>
        </div>
    </div>
@endsection