@extends('layouts.app')


@php
    $mainClass = 'lg:w-[80%] w-full flex flex-col bg-[#f7f7f7]'
@endphp

@section('title', 'پیشخوان | نیکس فایل')

@section('aside-content')

    <aside class=" w-full lg:w-[20%] flex flex-col mb-4">
        <div class="bg-primary-color text-white text-left py-8">
            @include('components.header')
        </div>
        @include('components.admin-panel-sidebar')
    </aside>
@endsection

@section('content')

    <div class="grid grid-cols-1 lg:grid-cols-3 m-8 gap-4">
        <div class="rounded-lg shadow-custom bg-white p-4 flex items-center justify-center gap-12">
            <div>
                <i class="fa-solid fa-sms text-5xl text-primary-color"></i>
            </div>
            <div class="flex flex-col gap-2">
                <h3>
                    اعتبار باقی مانده پنل پیامک :
                </h3>
                <p>
                    <span class="text-primary-color text-xl">{{ number_format(ceil($res_data)) }}</span> ﷼
                </p>
            </div>
        </div>
        <div class="rounded-lg shadow-custom bg-white p-4 flex items-center justify-center gap-12">
            <div>
                <i class="fa-solid fa-users text-5xl text-primary-color"></i>
            </div>
            <div class="flex flex-col gap-2">
                <h3>
                    تعداد کل کاربران :
                </h3>
                <p>
                    <span class="text-primary-color text-xl">{{ $usersCount }}</span> نفر
                </p>
            </div>
        </div>
        <div class="rounded-lg shadow-custom bg-white p-4 flex items-center justify-center gap-12">
            <div>
                <i class="fa-solid fa-file text-5xl text-primary-color"></i>
            </div>
            <div class="flex flex-col gap-2">
                <h3>
                    تعداد کل فایل های آپلود شده :
                </h3>
                <p>
                    <span class="text-primary-color text-xl">{{ $wholeFiles }}</span> فایل
                </p>
            </div>
        </div>
        <div class="rounded-lg shadow-custom bg-white p-4 flex items-center justify-center gap-12">
            <div>
                <i class="fa-solid fa-database text-5xl text-primary-color"></i>
            </div>
            <div class="flex flex-col gap-2">
                <h3>
                    حجم تمام فایل های آپلود شده :
                </h3>
                <p>
                    <span class="text-primary-color text-xl">{{ $formattedSize }}</span> گیگابایت
                </p>
            </div>
        </div>
    </div>



@endsection