@extends('layouts.app')
@section('title', __('WhatsApp'))

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
    <h1 class="h4 fw-bold mb-0">💬 {{ __('WhatsApp log') }}</h1>
    <a href="{{ route('tenant.whatsapp.templates') }}" class="btn mb-btn-ghost btn-sm">✏️ {{ __('Templates') }}</a>
</div>

<div class="d-flex gap-2 mb-3 flex-wrap">
    <a href="{{ route('tenant.whatsapp.index') }}" class="btn btn-sm {{ request('status') ? 'mb-btn-ghost' : 'mb-btn-primary' }}">{{ __('All') }}</a>
    @foreach(\App\Enums\WaMessageStatus::cases() as $s)
        <a href="?status={{ $s->value }}" class="btn btn-sm {{ request('status') === $s->value ? 'mb-btn-primary' : 'mb-btn-ghost' }}">{{ $s->label() }}</a>
    @endforeach
</div>

<div class="mb-card p-3">
    <table class="table mb-table align-middle mb-0">
        <thead><tr>
            <th>{{ __('Patient') }}</th><th>{{ __('Message') }}</th>
            <th>{{ __('Status') }}</th><th>{{ __('When') }}</th><th></th>
        </tr></thead>
        <tbody>
        @forelse($messages as $m)
            <tr>
                <td>
                    @if($m->patient)
                        <a href="{{ route('tenant.patients.whatsapp', $m->patient_id) }}">{{ $m->patient->full_name }}</a>
                    @else <span class="mb-muted" dir="ltr">{{ $m->to_phone }}</span> @endif
                </td>
                <td style="max-width:28rem">
                    <div class="text-truncate">{{ $m->body }}</div>
                    @if($m->hasMedia())<span class="badge text-bg-light">📎 PDF</span>@endif
                    @if($m->failure_reason)<div class="text-danger small">⚠ {{ $m->failure_reason }}</div>@endif
                </td>
                <td><span class="status-chip" style="background: {{ $m->status->color() }}">{{ $m->status->label() }}</span></td>
                <td class="mb-muted small">{{ $m->created_at->setTimezone(\App\Support\ClinicTime::timezone())->format('d M · H:i') }}</td>
                <td class="text-end">
                    @if($m->status === \App\Enums\WaMessageStatus::Failed)
                    @can('retry', $m)
                        <form method="POST" action="{{ route('tenant.whatsapp.retry', $m) }}">
                            @csrf <button class="btn btn-sm mb-btn-ghost">↻ {{ __('Retry') }}</button>
                        </form>
                    @endcan
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="5" class="mb-muted py-4 text-center">{{ __('No messages yet.') }}</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
{{ $messages->links() }}
@endsection