@extends('layouts.admin')

@section('title', 'USSD Ordering')

@include('admin._shared_styles')

@section('content')
    <div class="page-header">
        <div>
            <h1><i class="fas fa-mobile-alt" style="color:var(--accent); margin-right:0.5rem;"></i> USSD Ordering</h1>
            <div class="subtitle">USSD session activity across tenants</div>
        </div>
    </div>

    <div class="stats-grid">
        <div class="stat-card accent">
            <div class="label">Sessions (30d)</div>
            <div class="value">{{ number_format($stats['total_sessions_30d'] ?? 0) }}</div>
        </div>
        <div class="stat-card success">
            <div class="label">Active Today</div>
            <div class="value">{{ number_format($stats['active_today'] ?? 0) }}</div>
        </div>
        <div class="stat-card warning">
            <div class="label">Active Tenants (30d)</div>
            <div class="value">{{ number_format($stats['active_tenants_30d'] ?? 0) }}</div>
        </div>
        <div class="stat-card">
            <div class="label">Avg Sessions / Tenant</div>
            <div class="value">{{ $stats['avg_sessions_per_tenant'] ?? 0 }}</div>
        </div>
    </div>

    <form method="GET" action="{{ route('admin.ussd') }}" class="filters-bar">
        <div class="filter-group search">
            <label>Search tenant</label>
            <input type="text" name="search" value="{{ $search ?? '' }}" placeholder="Business name or owner...">
        </div>
        <button type="submit" class="btn btn-primary"><i class="fas fa-filter"></i> Filter</button>
    </form>

    <div class="table-card">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Tenant</th>
                    <th>Owner</th>
                    <th>Sessions</th>
                    <th>Last Activity</th>
                </tr>
            </thead>
            <tbody>
                @forelse($tenants as $tenant)
                    <tr>
                        <td style="font-weight:500;">{{ $tenant->business_name ?? $tenant->name }}</td>
                        <td>{{ $tenant->owner->name ?? 'N/A' }}</td>
                        <td>{{ number_format($tenant->sessions_count ?? 0) }}</td>
                        <td style="color:var(--text-secondary);">
                            {{ $tenant->last_activity_at ? \Carbon\Carbon::parse($tenant->last_activity_at)->diffForHumans() : '—' }}
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="empty-state"><i class="fas fa-mobile-alt"></i> No USSD activity.</td></tr>
                @endforelse
            </tbody>
        </table>
        @include('partials.table-pagination', ['paginator' => $tenants, 'label' => 'tenants'])
    </div>
@endsection