@extends('layouts.portal')
@section('title', 'WhatsApp templates')
@section('subtitle', 'Messages approved by Meta. Outside the 24-hour reply window, and for campaigns, WhatsApp only allows these. Create or edit templates in Meta WhatsApp Manager, then sync.')
@section('actions')
  <a class="btn btn-ghost btn-sm" href="{{ route('admin.whatsapp.index') }}"><x-icon name="inbox" :size="16"/> Inbox</a>
  <form method="post" action="{{ route('admin.whatsapp.templates.sync') }}">@csrf<button class="btn btn-primary btn-sm" type="submit" @disabled(! $waba)><x-icon name="refresh" :size="16"/> Sync from Meta</button></form>
@endsection
@section('content')
@unless($waba)
  <div class="callout warn mb-2"><x-icon name="alert" :size="20"/><div>Add your <b>WhatsApp Business Account ID</b> and token in <a href="{{ route('admin.integrations.index') }}#whatsapp">Integrations</a> to sync templates.</div></div>
@endunless
<div class="table-wrap"><table class="table">
  <thead><tr><th>Template</th><th>Category</th><th>Body</th><th class="num">Values</th><th>Status</th><th>Synced</th></tr></thead>
  <tbody>
  @forelse($templates as $t)
    <tr>
      <td><b class="op-mono">{{ $t->name }}</b><div class="xs muted">{{ $t->language }}</div></td>
      <td>{{ ucfirst(strtolower((string) $t->category)) }}</td>
      <td class="xs" style="max-width:460px">{{ $t->body }}</td>
      <td class="num">{{ $t->variables }}</td>
      <td><span class="op-chip {{ $t->status === 'APPROVED' ? 'green' : ($t->status === 'REJECTED' ? 'red' : '') }}">{{ ucfirst(strtolower((string) $t->status)) }}</span></td>
      <td class="xs muted">{{ $t->synced_at?->diffForHumans() }}</td>
    </tr>
  @empty
    <tr><td colspan="6"><div class="empty sm"><x-icon name="file-text" :size="28"/><p>No templates yet. Create them in Meta WhatsApp Manager (e.g. <i>infotics_update</i>: “INFOTICS update: &#123;&#123;1&#125;&#125;”, or a marketing template for new batches), then press <b>Sync from Meta</b>.</p></div></td></tr>
  @endforelse
  </tbody>
</table></div>
@endsection