@extends('admin.layouts.app')

@section('content')
    <div class="row">
        
    </div>
    <style>
        .content .icon-big{
            background-color: #ffffff70!important;
            height: 60px;
            width: 60px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center; 
        }
        .content .icon-big i{
            font-size:1.875rem;
            color: #fff !important;
        }
        .card .content .number{
            font-size: 2rem;
            color: #fff;
        }
        .detail-subtitle{
            font-weight: 300!important;
            color: #fff;
            font-size: 0.87rem!important;
            margin-bottom: 0px !important;
        }
    </style>
    <div class="row">
        <div class="col-sm-6 col-md-6 col-lg-3 mt-3">
            <div class="card bg-primary cursor-pointer shadow-md border-0">
                <div class="content p-4">
                    <div class="row align-items-center">
                        <div class="col-sm-4">
                            <div class="icon-big text-center">
                                <i class="teal fas fa-users"></i>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="detail text-end">
                                <a href="{{ route('admin.enquiry-list') }}">
                                    <span class="number">{{isset($userCount) ? $userCount : '0'}}</span>
                                    <p class="detail-subtitle">TOTAL CUSTOMERS</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3 mt-3">
            <div class="card bg-success cursor-pointer shadow-md rounded-10  border-0">
                <div class="content p-4">
                    <div class="row align-items-center">
                        <div class="col-sm-4">
                            <div class="icon-big text-center">
                                <i class="olive fas fa-gamepad"></i>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="detail text-end">
                            <a href="{{ route('admin.game-details.index') }}">
                                <span class="number">{{isset($gameCounts) ? $gameCounts : '0'}}</span>
                                <p class="detail-subtitle">TOTAL ACTIVE GAMES</p>
                            </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3 mt-3">
            <div class="card bg-info cursor-pointer shadow-md rounded-10  border-0">
                <div class="content p-4">
                    <div class="row align-items-center">
                        <div class="col-sm-4">
                            <div class="icon-big text-center">
                                <i class="violet fas fa-ad"></i>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <a href="{{ route('admin.advertisements.index') }}">
                            <div class="detail text-end">
                                <span class="number">{{isset($advertisementCount) ? $advertisementCount : '0'}}</span>
                                <p class="detail-subtitle">Advertisements</p>
                            </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3 mt-3">
            <div class="card bg-warning cursor-pointer shadow-md rounded-10 border-0">
                <div class="content p-4">
                    <div class="row align-items-center">
                        <div class="col-sm-4">
                            <div class="icon-big text-center">
                                <i class="orange fas fa-file"></i>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <a href="{{ route('admin.pages.create') }}">
                            <div class="detail text-end">
                                <span class="number">5</span>
                                <p class="detail-subtitle">Manage Pages</p>
                            </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
