@extends('layouts.admin')

@section('title', 'WhatsApp Oversight')

@include('admin._shared_styles')

@section('content')
    <div class="page-header">
        <div>
            <h1><i class="fab fa-whatsapp" style="color: #25D366; margin-right: 0.5rem;"></i> WhatsApp Oversight</h1>
            <div class="subtitle">Tenant conversations and message volume across WhatsApp Business API</div>
        </div>
    </div>

    <div class="stats-grid">
        <div class="stat-card accent">
            <div class="label">Total Conversations</div>
            <div class="value">{{ number_format($stats['total_conversations'] ?? 0) }}</div>
        </div>
        <div class="stat-card success">
            <div class="label">Active (24h)</div>
            <div class="value">{{ number_format($stats['active_24h'] ?? 0) }}</div>
        </div>
        <div class="stat-card">
            <div class="label">Messages (30d)</div>
            <div class="value">{{ number_format($stats['messages_30d'] ?? 0) }}</div>
        </div>
        <div class="stat-card warning">
            <div class="label">Tenants Using</div>
            <div class="value">{{ number_format($stats['tenants_using'] ?? 0) }}</div>
        </div>
    </div>

    <form method="GET" action="{{ route('admin.whatsapp') }}" 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>Conversations</th>
                    <th>Last Activity</th>
                    <th>Actions</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->conversations_count ?? 0) }}</td>
                        <td style="color:var(--text-secondary);">
                            {{ $tenant->last_activity_at ? \Carbon\Carbon::parse($tenant->last_activity_at)->diffForHumans() : '—' }}
                        </td>
                        <td>
                            <a href="{{ route('admin.whatsapp.tenant', $tenant->id) }}" class="action-btn" title="View conversations">
                                <i class="fas fa-eye"></i>
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="empty-state">
                            <i class="fab fa-whatsapp"></i>
                            No WhatsApp-enabled tenants found.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
        @include('partials.table-pagination', ['paginator' => $tenants, 'label' => 'tenants'])
    </div>
@endsection