@extends('layouts.client')
@section('title', 'API connection')
@section('content')
<div class="card p-3 mb-3"><h2 class="h6">Endpoint</h2><x-secret label="API base URL" :value="$base"/>
 <p class="small text-muted mb-0">The WordPress plugin authenticates with a per-website API key (<code>Authorization: Bearer KEY_ID.SECRET</code>). Secrets are stored hashed and are shown only once when created or regenerated. See the API documentation for all endpoints.</p></div>
<div class="card"><div class="table-responsive"><table class="table mb-0"><thead><tr><th>Website</th><th>Status</th><th>Key ID</th><th>Key last used</th></tr></thead><tbody>
@forelse($websites as $w)@php $k = $w->credentials()->whereNull('revoked_at')->latest('id')->first(); @endphp<tr><td>{{ $w->normalized_domain }}</td><td><x-badge :v="$w->status"/></td><td class="mono">{{ $k?->key_id ?? '—' }}</td><td>{{ $k?->last_used_at?->diffForHumans() ?? '—' }}</td></tr>
@empty<tr><td colspan="4"><x-empty text="No websites connected."/></td></tr>@endforelse</tbody></table></div></div>
@endsection