@extends( 'backend.layouts.app' )

@section('title', 'Dashboard')

@section('inlineJS')
@endsection

@section('JSLibraries')

@endsection

@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>Dashboard</h1>
      <ol class="breadcrumb">
        {{-- <li class="active"><a href=""><i class="fa fa-dashboard"></i> Dashboard</a></li> --}}
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">

    <div class="row">
        <div class="col-lg-4 col-md-6">
            <div class="panel panel-red">
                <div class="panel-heading">
                    <div class="row">
                        <a class="dashboard_link" href="{{ url()->to('backend/users') }}">
                            <div class="col-xs-3">
                                <i class="fa fa-users fa-5x"></i>
                                {{--<i class="fa fa-try fa-5x"></i>--}}
                            </div>
                            <div class="col-xs-9 text-right">
                                <div>Total Users </div>
                                <div class="huge">{{ $stats->users }}</div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="panel panel-red">
                <div class="panel-heading">
                    <div class="row">
                        <a class="dashboard_link" href="{{ url()->to('backend/users/verified') }}">
                            <div class="col-xs-3">
                                <i class="fa fa-user-plus fa-5x"></i>
                                {{--<i class="fa fa-try fa-5x"></i>--}}
                            </div>
                            <div class="col-xs-9 text-right">
                                <div>Total Verified Users </div>
                                <div class="huge">{{ $stats->verifiedUser}}</div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="panel panel-red">
                <div class="panel-heading">
                    <div class="row">
                        <a class="dashboard_link" href="{{ url()->to('backend/users/ghost') }}">
                            <div class="col-xs-3">
                                <i class="fa fa-user-times fa-5x"></i>
                                {{--<i class="fa fa-try fa-5x"></i>--}}
                            </div>
                            <div class="col-xs-9 text-right">
                                <div>Total Ghost Users </div>
                                <div class="huge">{{ $stats->ghostUsers }}</div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="panel panel-red">
                <div class="panel-heading">
                    <div class="row">
                        <a class="dashboard_link" href="#">
                            <div class="col-xs-3">
                                <i class="fa fa-magic fa-5x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <div>Today's Autographs Request</div>
                                <div class="huge">{{ $stats->autographRequests }}</div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="panel panel-red">
                <div class="panel-heading">
                    <div class="row">
                        <a class="dashboard_link" href="#">
                            <div class="col-xs-3">
                                <i class="fa fa-handshake-o fa-5x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <div>Today's Fans Request</div>
                                <div class="huge">{{ $stats->todayFans }}</div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="panel panel-red">
                <div class="panel-heading">
                    <div class="row">
                        <a class="dashboard_link" href="#">
                            <div class="col-xs-3">
                                <i class="fa fa-calendar-o fa-5x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <div>Today's Dates Request</div>
                                <div class="huge">{{ $stats->todayDates }}</div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
@endsection