@extends('layouts.admin')
@section('title', 'Webhook events')
@section('content')
<form class="mb-3" method="get"><select class="form-select w-auto d-inline" name="status" onchange="this.form.submit()"><option value="">All</option>@foreach(['received','processed','unmatched','rejected'] as $s)<option @selected(request('status')===$s)>{{ $s }}</option>@endforeach</select></form>
<div class="alert alert-info small">Use this to inspect the <strong>real</strong> payloads your provider sends. Configure the provider's <code>webhook_map</code> from what you see here – do not guess field names.</div>
<div class="card"><div class="table-responsive"><table class="table table-sm align-middle mb-0"><thead><tr><th>When</th><th>Provider</th><th>Signature</th><th>Status</th><th>Note</th><th>Payload</th></tr></thead><tbody>
@forelse($events as $e)<tr><td class="text-nowrap">{{ $e->created_at->format('d M H:i:s') }}</td><td>#{{ $e->voice_provider_id }}</td><td>{{ $e->signature_valid ? 'valid' : 'INVALID' }}</td><td><x-badge :v="$e->status"/></td><td class="small">{{ $e->note }}</td><td><details><summary class="small">view</summary><pre class="small mb-0" style="max-width:480px;white-space:pre-wrap">{{ \Illuminate\Support\Str::limit($e->raw_body, 1500) }}</pre></details></td></tr>@empty<tr><td colspan="6"><x-empty text="No webhook events received yet."/></td></tr>@endforelse</tbody></table></div><div class="p-3">{{ $events->links() }}</div></div>
@endsection