@extends('layouts.admin')
@section('title','Webhooks')
@section('content')
<h1 class="text-2xl font-semibold">Webhook endpoints</h1>
@forelse($endpoints as $endpoint)
    <div class="mt-6 rounded border border-black/10 bg-white p-4 text-sm">
        <div class="flex flex-wrap justify-between gap-2">
            <div>
                <strong>{{ $endpoint->name }}</strong>
                <div class="text-xs text-black/50">{{ $endpoint->url }}</div>
            </div>
            <span>{{ $endpoint->active ? 'Active' : 'Inactive' }}</span>
        </div>
        <div class="mt-2 text-xs">Events: {{ implode(', ', $endpoint->events ?? []) }}</div>

        <h3 class="mt-4 font-medium">Recent deliveries</h3>
        <table class="mt-2 w-full text-sm">
            <thead class="text-left text-black/60"><tr><th class="py-1">Event</th><th>Status</th><th>Code</th><th>Attempts</th><th></th></tr></thead>
            <tbody>
                @foreach($endpoint->deliveries->take(10) as $delivery)
                    <tr class="border-t border-black/5">
                        <td class="py-2">{{ $delivery->event }}</td>
                        <td>{{ $delivery->status }}</td>
                        <td>{{ $delivery->response_code }}</td>
                        <td>{{ $delivery->attempts }}</td>
                        <td>
                            <form method="post" action="{{ route('admin.webhooks.replay', $delivery) }}" class="inline">@csrf<button class="text-xs underline">Replay</button></form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@empty
    <p class="mt-6 text-sm text-black/50">No webhook endpoints.</p>
@endforelse

@if(isset($deliveries))
    <h2 class="mt-10 text-lg font-medium">All deliveries</h2>
    <table class="mt-3 w-full rounded border border-black/10 bg-white text-sm">
        <thead class="bg-black/5 text-left"><tr><th class="p-3">When</th><th>Endpoint</th><th>Event</th><th>Status</th><th></th></tr></thead>
        <tbody>
            @foreach($deliveries as $delivery)
                <tr class="border-t border-black/5">
                    <td class="p-3">{{ $delivery->created_at }}</td>
                    <td>{{ $delivery->webhook_endpoint_id }}</td>
                    <td>{{ $delivery->event }}</td>
                    <td>{{ $delivery->status }}</td>
                    <td class="p-3 text-right">
                        <form method="post" action="{{ route('admin.webhooks.replay', $delivery) }}" class="inline">@csrf<button class="text-sm underline">Replay</button></form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $deliveries->links() }}</div>
@endif
@endsection