@extends('layouts.user_type.auth')
@section('header_title', __('Dashboard'))

@section('content')
    @php
        $formatNumber = fn ($value) => number_format((int) $value);
        $formatMoney = fn ($value) => number_format((int) $value) . ' ' . __('Toman');
    @endphp

    <div class="row">
        @foreach($statCards as $card)
            <div class="col-xl-3 col-md-6 mb-4">
                <div class="card admin-card h-100">
                    <div class="card-body d-flex justify-content-between gap-3 align-items-start">
                        <div>
                            <p class="text-muted mb-1">{{ $card['title'] }}</p>
                            <h3 class="mb-2">{{ $formatNumber($card['value']) }}</h3>
                            <small class="text-muted">{{ $card['caption'] }}</small>
                        </div>
                        <span class="badge bg-{{ $card['color'] }} p-3"><i class="{{ $card['icon'] }}"></i></span>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="row">
        <div class="col-lg-4 mb-4">
            <div class="card admin-card h-100">
                <div class="card-header"><h4 class="card-title mb-0">{{ __('Management') }}</h4></div>
                <div class="card-body">
                    <p>{{ __('Open tickets') }}: <strong>{{ $formatNumber($managementSummary['open_tickets']) }}</strong></p>
                    <p>{{ __('Pending top-ups') }}: <strong>{{ $formatNumber($managementSummary['pending_wallet_topups']) }}</strong></p>
                    <p>{{ __('Active live streams') }}: <strong>{{ $formatNumber($managementSummary['active_live_rooms']) }}</strong></p>
                </div>
            </div>
        </div>

        <div class="col-lg-4 mb-4">
            <div class="card admin-card h-100">
                <div class="card-header"><h4 class="card-title mb-0">{{ __('Finance') }}</h4></div>
                <div class="card-body">
                    <p>{{ __('Total wallet balance') }}: <strong>{{ $formatMoney($financialSummary['wallet_balance']) }}</strong></p>
                    <p>{{ __('This month revenue') }}: <strong>{{ $formatMoney($financialSummary['this_month_revenue']) }}</strong></p>
                    <p>{{ __('Total plan revenue') }}: <strong>{{ $formatMoney($financialSummary['total_plan_revenue']) }}</strong></p>
                    <p>{{ __('Active subscriptions') }}: <strong>{{ $formatNumber($financialSummary['active_subscriptions']) }}</strong></p>
                    <p>{{ __('Active plans') }}: <strong>{{ $formatNumber($financialSummary['active_plans']) }}</strong></p>
                </div>
            </div>
        </div>

        <div class="col-lg-4 mb-4">
            <div class="card admin-card h-100">
                <div class="card-header"><h4 class="card-title mb-0">{{ __('Top selling plans') }}</h4></div>
                <div class="card-body">
                    @forelse($topSellingPlans as $plan)
                        <div class="d-flex justify-content-between border-bottom py-2">
                            <span>{{ $plan->name }}</span>
                            <strong>{{ $formatMoney($plan->sales_amount) }}</strong>
                        </div>
                    @empty
                        <p class="text-muted mb-0">{{ __('No plan sales yet.') }}</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-6 mb-4">
            <div class="card admin-card h-100">
                <div class="card-header"><h4 class="card-title mb-0">{{ __('Recent users') }}</h4></div>
                <div class="card-body table-responsive">
                    <table class="table table-dark table-striped align-middle">
                        <thead><tr><th>{{ __('Name') }}</th><th>{{ __('Mobile') }}</th><th>{{ __('Role') }}</th></tr></thead>
                        <tbody>
                        @forelse($recentUsers as $user)
                            <tr>
                                <td>{{ trim(($user->fname ?? '') . ' ' . ($user->lname ?? '')) ?: '-' }}</td>
                                <td>{{ $user->tel ?: '-' }}</td>
                                <td>{{ $user->role_name ?: '-' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="text-center text-muted">{{ __('No users found.') }}</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-lg-6 mb-4">
            <div class="card admin-card h-100">
                <div class="card-header"><h4 class="card-title mb-0">{{ __('Recent transactions') }}</h4></div>
                <div class="card-body table-responsive">
                    <table class="table table-dark table-striped align-middle">
                        <thead><tr><th>{{ __('Title') }}</th><th>{{ __('User') }}</th><th>{{ __('Amount') }}</th><th>{{ __('Status') }}</th></tr></thead>
                        <tbody>
                        @forelse($recentFinancialTransactions as $transaction)
                            <tr>
                                <td>{{ $transaction->title }}</td>
                                <td>{{ $transaction->user?->tel ?: $transaction->user?->email ?: '-' }}</td>
                                <td>{{ $formatMoney($transaction->amount) }}</td>
                                <td>{{ $transaction->status }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="text-center text-muted">{{ __('No transactions found.') }}</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection