@extends('layouts.app')

@section('content')

    <h2 class="content-heading">إحصائيات عامة</h2>
        
    <div class="row invisible" data-toggle="appear">
        
        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="si fa-3x si-users text-pulse" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ $statistics['users'] }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        اجمالي المستخدمين
                    </p>
                </div>
            </div>
        </div>

        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="fa fa-3x fa-hdd-o text-elegance" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ diskTotalSpace() }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        مساحة السيرفر
                    </p>
                </div>
            </div>
        </div>

        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="fa fa-3x fa-hdd-o text-primary" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ diskUsedSpace() }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        مساحة السيرفر المستخدمة
                    </p>
                </div>
            </div>
        </div>

        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="fa fa-3x fa-bolt text-gray-dark" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-md font-w600 mb-0">{!! serverCPUUsage() !!}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        نسبة الضغط على السيرفر
                    </p>
                </div>
            </div>
        </div>

    </div>

    <h2 class="content-heading">إحصائيات التصنيفات</h2>
        
    <div class="row invisible" data-toggle="appear">
        
        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="si si-menu fa-3x text-pulse" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ $statistics['categories'] }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        اجمالي التصنيفات
                    </p>
                </div>
            </div>
        </div>

        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="si si-menu fa-3x text-elegance" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ $statistics['products'] }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        اجمالي المنتجات
                    </p>
                </div>
            </div>
        </div>

        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="fa fa-3x fa-shopping-cart text-primary" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ $statistics['purchases'] }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        اجمالي الطلبات	
                    </p>
                </div>
            </div>
        </div>

        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="fa fa-3x fa-stack-overflow text-gray-dark" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ $statistics['productStock'] }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        اجمالي المخزون	
                    </p>
                </div>
            </div>
        </div>
        
    </div>

    <h2 class="content-heading">إحصائيات متجر التطبيقات</h2>
        
    <div class="row invisible" data-toggle="appear">
        
        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="fa fa-3x fa-certificate text-pulse" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ $statistics['ipaStoreCertificates'] }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        اجمالي الشهادات
                    </p>
                </div>
            </div>
        </div>

        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="fa fa-3x fa-certificate text-elegance" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ $statistics['ipaStoreActiveCertificates'] }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        اجمالي الشهادات الفعالة
                    </p>
                </div>
            </div>
        </div>

        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="si si-menu fa-3x text-primary" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ $statistics['ipaStoreApplications'] }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        اجمالي التطبيقات
                    </p>
                </div>
            </div>
        </div>

        <div class="col-6 col-md-4 col-xl-3">
            <div class="block block-link-shadow">
                <div class="block-content block-content-full text-center">
                    <div class="p-20 mb-5">
                        <i class="si fa-3x si-users text-gray-dark" aria-hidden="true"></i>
                    </div>
                    <p class="font-size-lg font-w600 mb-0">{{ $statistics['ipaStoreCertificateDevices'] }}</p>
                    <p class="font-size-sm text-uppercase font-w600 text-muted mb-0">
                        اجمالي المشتركين
                    </p>
                </div>
            </div>
        </div>
        
    </div>
        
@endsection