@extends('layouts.app')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                   @lang('models/subscriptions.plural', [], 'ar')
                </div>
            </div>
        </div>
    </section>

    <div class="content px-3">
        @include('subscriptions.filter')

        @include('flash::message')

        {{-- الإحصائيات --}}
        <div class="row mb-4">
            <div class="col-lg-4 col-md-6 mb-3">
                <div class="small-box bg-info elevation-3">
                    <div class="inner">
                        <h3>{{ $stats['total_subscriptions'] }}</h3>
                        <p class="font-weight-bold" style="font-size: 1.1rem;">عدد الاشتراكات الكلي</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-users"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 mb-3">
                <div class="small-box bg-success elevation-3">
                    <div class="inner">
                        <h3>{{ $stats['wallet_subscriptions'] }}</h3>
                        <p class="font-weight-bold" style="font-size: 1.1rem;">عدد اشتراكات المحفظة</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-wallet"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 mb-3">
                <div class="small-box bg-primary elevation-3">
                    <div class="inner">
                        <h3>{{ $stats['cash_subscriptions'] }}</h3>
                        <p class="font-weight-bold" style="font-size: 1.1rem;">عدد اشتراكات الكاش</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-money-bill-wave"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 mb-3">
                <div class="small-box bg-warning elevation-3">
                    <div class="inner">
                        <h3 class="text-white">{{ $stats['expired_users'] }}</h3>
                        <p class="font-weight-bold text-white" style="font-size: 1.1rem;">اشتراكات منتهية</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-hourglass-end"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 mb-3">
                <div class="small-box bg-danger elevation-3">
                    <div class="inner">
                        <h3>{{ $stats['blocked_users'] }}</h3>
                        <p class="font-weight-bold" style="font-size: 1.1rem;">عدد المحظورين</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-user-slash"></i>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6 mb-3">
                <div class="small-box bg-dark elevation-3">
                    <div class="inner">
                        <h3>{{ $stats['negative_balance_users'] }}</h3>
                        <p class="font-weight-bold" style="font-size: 1.1rem;">حسابات برصيد سالب</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-level-down-alt"></i>
                    </div>
                </div>
            </div>
        </div>
        {{-- نهاية الإحصائيات --}}

        <div class="clearfix"></div>

        <div class="card">
            <div class="card-body p-0">
                @include('subscriptions.table')

                <div class="card-footer clearfix float-right">
                    <div class="float-right">
                        {{-- مكان لأي أزرار لاحقاً --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection