@extends('layouts.admin')

@section('title', 'WhatsApp — ' . ($tenant->business_name ?? $tenant->name))

@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> {{ $tenant->business_name ?? $tenant->name }}</h1>
            <div class="subtitle">WhatsApp conversations · {{ number_format($messageCount) }} total messages</div>
        </div>
        <a href="{{ route('admin.whatsapp') }}" class="btn btn-outline"><i class="fas fa-arrow-left"></i> Back</a>
    </div>

    <div class="table-card">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Customer</th>
                    <th>Phone</th>
                    <th>Last Message</th>
                    <th>Started</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($conversations as $conv)
                    <tr>
                        <td style="font-weight:500;">{{ $conv->customer_name ?? 'Unknown' }}</td>
                        <td>{{ $conv->customer_phone ?? '—' }}</td>
                        <td style="color:var(--text-secondary);">
                            {{ $conv->last_message_at ? \Carbon\Carbon::parse($conv->last_message_at)->diffForHumans() : '—' }}
                        </td>
                        <td style="color:var(--text-secondary);">{{ $conv->created_at?->format('M d, Y') }}</td>
                        <td>
                            <span class="badge badge-{{ ($conv->status ?? 'open') === 'closed' ? 'muted' : 'success' }}">
                                {{ ucfirst($conv->status ?? 'open') }}
                            </span>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="empty-state">
                            <i class="fab fa-whatsapp"></i>
                            No conversations for this tenant.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
        @include('partials.table-pagination', ['paginator' => $conversations, 'label' => 'conversations'])
    </div>
@endsection