@extends('layouts.dashboard')
@section('title', __('Integrations'))
@section('page_title', __('API Keys & Webhooks'))

@section('content')
    @include('partials.how-it-works', ['key' => 'admin.integrations'])

    @if(session('plain_key'))
        <div class="alert alert-success d-flex align-items-center gap-3 flex-wrap">
            <i class="bi bi-key-fill fs-4"></i>
            <div class="flex-grow-1"><div class="fw-bold">{{ __('Your new API key (shown once)') }}</div><code class="user-select-all fs-6">{{ session('plain_key') }}</code></div>
            <button class="btn btn-light btn-sm" onclick="navigator.clipboard.writeText(@json(session('plain_key')));this.innerText='{{ __('Copied') }}'"><i class="bi bi-clipboard me-1"></i>{{ __('Copy') }}</button>
        </div>
    @endif

    <div class="row g-3 mb-3">
        <div class="col-md-4">@include('partials.dashboard.stat-card', ['label' => __('Active API keys'), 'value' => $keys->where('status', true)->count(), 'icon' => 'bi-key', 'color' => 'primary'])</div>
        <div class="col-md-4">@include('partials.dashboard.stat-card', ['label' => __('Webhooks'), 'value' => $webhooks->where('status', true)->count().' / '.$webhooks->count(), 'icon' => 'bi-broadcast', 'color' => 'info'])</div>
        <div class="col-md-4">@include('partials.dashboard.stat-card', ['label' => __('Deliveries (recent)'), 'value' => $deliveries->count(), 'icon' => 'bi-send-check', 'color' => $deliveries->where('status', 'failed')->count() ? 'warning' : 'success', 'hint' => __(':count failed', ['count' => $deliveries->where('status', 'failed')->count()])])</div>
    </div>

    <h5 class="mt-4 mb-2 fw-bold"><i class="bi bi-grid me-1"></i>{{ __('Integration directory') }}</h5>
    <p class="text-muted small">{{ __('Every third-party connection, its live status, and where to set it up.') }}</p>
    <div class="row g-3 mb-4">
        @foreach($directory ?? [] as $app)
            <div class="col-md-6 col-xl-3">
                <div class="card h-100 shadow-sm">
                    <div class="card-body d-flex flex-column">
                        <div class="d-flex justify-content-between align-items-start mb-2">
                            <i class="bi {{ $app['icon'] }} fs-4 text-primary"></i>
                            @if($app['status'] === true)<span class="badge bg-success">{{ __('Connected') }}</span>
                            @elseif($app['status'] === 'na')<span class="badge bg-secondary">{{ __('Built-in') }}</span>
                            @else<span class="badge bg-light text-dark border">{{ __('Not set') }}</span>@endif
                        </div>
                        <div class="fw-semibold">{{ $app['name'] }}</div>
                        <div class="small text-muted mb-1">{{ $app['category'] }}</div>
                        <div class="small flex-grow-1">{{ $app['blurb'] }}</div>
                        <a href="{{ \Illuminate\Support\Facades\Route::has($app['route']) ? route($app['route']) : route('admin.integrations.index') }}" class="btn btn-sm btn-outline-primary mt-2">{{ __('Set up') }}</a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="row g-3">
        <div class="col-xl-6">
            <div class="card mb-3">
                <div class="card-header d-flex justify-content-between align-items-center"><span><i class="bi bi-key text-primary me-2"></i>{{ __('API keys') }}</span><button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#newKey"><i class="bi bi-plus-lg me-1"></i>{{ __('New key') }}</button></div>
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead><tr><th>{{ __('Name') }}</th><th>{{ __('Key') }}</th><th>{{ __('Abilities') }}</th><th>{{ __('Used') }}</th><th></th></tr></thead>
                        <tbody>
                            @forelse($keys as $k)
                                <tr class="{{ $k->status ? '' : 'opacity-50' }}">
                                    <td class="fw-semibold">{{ $k->name }}@if($k->expires_at)<div class="small text-muted">{{ __('expires') }} {{ $k->expires_at->format('M d, Y') }}</div>@endif</td>
                                    <td><code>{{ $k->key_prefix }}…</code></td>
                                    <td class="small">{{ in_array('*', $k->abilities ?? [], true) ? __('All') : count($k->abilities ?? []).' '.__('scopes') }}</td>
                                    <td class="small text-muted">{{ number_format($k->requests) }} · {{ $k->last_used_at?->diffForHumans() ?? __('never') }}</td>
                                    <td class="text-end text-nowrap">
                                        <form action="{{ route('admin.integrations.keys.toggle', $k) }}" method="POST" class="d-inline">@csrf<button class="btn btn-sm btn-light" title="{{ $k->status ? __('Disable') : __('Enable') }}"><i class="bi {{ $k->status ? 'bi-pause' : 'bi-play' }}"></i></button></form>
                                        <form action="{{ route('admin.integrations.keys.destroy', $k) }}" method="POST" class="d-inline" data-confirm="{{ __('Revoke this key? Integrations using it will stop working.') }}">@csrf @method('DELETE')<button class="btn btn-sm btn-light text-danger"><i class="bi bi-trash"></i></button></form>
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="5"><div class="lf-empty"><i class="bi bi-key"></i>{{ __('No API keys yet.') }}</div></td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="card-footer small text-muted">
                    {{ __('Base URL') }}: <code>{{ $apiBase }}</code> · {{ __('Header') }}: <code>X-API-Key: lfk_…</code> · {{ __('Endpoints') }}: <code>GET ping · courses · users · users/{id|email} · enrollments · orders · certificates</code>, <code>POST users · enrollments</code>, <code>DELETE enrollments</code>. {{ __('See docs/API.md.') }}
                </div>
            </div>
        </div>

        <div class="col-xl-6">
            <div class="card mb-3">
                <div class="card-header d-flex justify-content-between align-items-center"><span><i class="bi bi-broadcast text-primary me-2"></i>{{ __('Outgoing webhooks') }}</span><button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#newHook"><i class="bi bi-plus-lg me-1"></i>{{ __('Add webhook') }}</button></div>
                <div class="list-group list-group-flush">
                    @forelse($webhooks as $h)
                        <div class="list-group-item {{ $h->status ? '' : 'opacity-50' }}">
                            <div class="d-flex justify-content-between align-items-start gap-2">
                                <div class="min-w-0">
                                    <div class="fw-semibold">{{ $h->name }} <span class="badge {{ $h->last_status === 'failed' ? 'bg-danger' : ($h->last_status === 'success' ? 'bg-success' : 'bg-secondary') }} ms-1">{{ $h->last_status ? status_label($h->last_status) : __('never sent') }}</span>@if(!$h->status)<span class="badge bg-warning ms-1">{{ __('disabled') }}</span>@endif</div>
                                    <div class="small text-muted text-truncate">{{ $h->url }}</div>
                                    <div class="small mt-1">@foreach($h->events as $ev)<span class="badge bg-light me-1">{{ $ev }}</span>@endforeach</div>
                                    <div class="small text-muted mt-1">{{ __('Secret') }}: <code class="user-select-all">{{ $h->secret }}</code> · {{ $h->deliveries_count }} {{ __('deliveries') }}@if($h->failures) · <span class="text-danger">{{ $h->failures }} {{ __('consecutive failures') }}</span>@endif</div>
                                </div>
                                <div class="text-nowrap">
                                    <form action="{{ route('admin.integrations.webhooks.test', $h) }}" method="POST" class="d-inline">@csrf<button class="btn btn-sm btn-light" title="{{ __('Send test ping') }}"><i class="bi bi-send"></i></button></form>
                                    <button class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#hook-{{ $h->id }}"><i class="bi bi-pencil"></i></button>
                                    <form action="{{ route('admin.integrations.webhooks.rotate', $h) }}" method="POST" class="d-inline" data-confirm="{{ __('Rotate the signing secret? Update your receiver afterwards.') }}">@csrf<button class="btn btn-sm btn-light" title="{{ __('Rotate secret') }}"><i class="bi bi-arrow-repeat"></i></button></form>
                                    <form action="{{ route('admin.integrations.webhooks.destroy', $h) }}" method="POST" class="d-inline" data-confirm="{{ __('Remove webhook?') }}">@csrf @method('DELETE')<button class="btn btn-sm btn-light text-danger"><i class="bi bi-trash"></i></button></form>
                                </div>
                            </div>
                        </div>
                        <div class="modal fade" id="hook-{{ $h->id }}" tabindex="-1"><div class="modal-dialog"><form class="modal-content" action="{{ route('admin.integrations.webhooks.update', $h) }}" method="POST">@csrf @method('PUT')
                            <div class="modal-header"><h5 class="modal-title">{{ __('Edit webhook') }}</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                            <div class="modal-body">@include('admin.integrations._hook_fields', ['h' => $h])</div>
                            <div class="modal-footer"><button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ __('Cancel') }}</button><button class="btn btn-primary">{{ __('Save') }}</button></div>
                        </form></div></div>
                    @empty
                        <div class="lf-empty"><i class="bi bi-broadcast"></i>{{ __('No webhooks yet. Get notified in your own systems when users sign up, buy or complete courses.') }}</div>
                    @endforelse
                </div>
                <div class="card-footer small text-muted">{{ __('Each POST carries JSON {id, event, created_at, data} and headers') }} <code>X-Learnify-Event</code>, <code>X-Learnify-Timestamp</code>, <code>X-Learnify-Signature: sha256=HMAC_SHA256(secret, timestamp + "." + body)</code>. {{ __('Failed deliveries retry 3 times; a hook is disabled after 25 consecutive failures.') }}</div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><i class="bi bi-clock-history text-primary me-2"></i>{{ __('Recent deliveries') }}</div>
        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead><tr><th>{{ __('When') }}</th><th>{{ __('Webhook') }}</th><th>{{ __('Event') }}</th><th>{{ __('Status') }}</th><th>{{ __('Response') }}</th><th>{{ __('Time') }}</th><th></th></tr></thead>
                <tbody>
                    @forelse($deliveries as $d)
                        <tr>
                            <td class="small text-muted">{{ $d->created_at->diffForHumans() }}</td>
                            <td class="small">{{ $d->webhook?->name ?? '—' }}</td>
                            <td><code>{{ $d->event }}</code></td>
                            <td><span class="badge bg-{{ ['success' => 'success', 'failed' => 'danger'][$d->status] ?? 'secondary' }}">{{ status_label($d->status) }}</span> <span class="small text-muted">#{{ $d->attempt }}</span></td>
                            <td class="small text-muted text-truncate" style="max-width:260px" title="{{ $d->response_body }}">{{ $d->response_code ?? '—' }} {{ \Illuminate\Support\Str::limit($d->response_body, 60) }}</td>
                            <td class="small text-muted">{{ $d->duration_ms !== null ? $d->duration_ms.' ms' : '' }}</td>
                            <td class="text-end"><form action="{{ route('admin.integrations.deliveries.redeliver', $d) }}" method="POST">@csrf<button class="btn btn-sm btn-light" title="{{ __('Redeliver') }}"><i class="bi bi-arrow-clockwise"></i></button></form></td>
                        </tr>
                    @empty
                        <tr><td colspan="7"><div class="lf-empty"><i class="bi bi-send"></i>{{ __('No deliveries yet.') }}</div></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="modal fade" id="newKey" tabindex="-1"><div class="modal-dialog"><form class="modal-content" action="{{ route('admin.integrations.keys.store') }}" method="POST">@csrf
        <div class="modal-header"><h5 class="modal-title">{{ __('Create API key') }}</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
        <div class="modal-body">
            <div class="mb-3"><label class="form-label">{{ __('Name') }}</label><input type="text" name="name" class="form-control" placeholder="{{ __('HR system') }}" required></div>
            <div class="mb-3"><label class="form-label">{{ __('Expires') }}</label><select name="expires_in" class="form-select"><option value="never">{{ __('Never') }}</option><option value="30">30 {{ __('days') }}</option><option value="90">90 {{ __('days') }}</option><option value="365">1 {{ __('year') }}</option></select></div>
            <label class="form-label">{{ __('Abilities') }} <span class="text-muted small">({{ __('none selected = full access') }})</span></label>
            @foreach($abilities as $ab => $label)<div class="form-check"><input class="form-check-input" type="checkbox" name="abilities[]" value="{{ $ab }}" id="ab-{{ $loop->index }}"><label class="form-check-label small" for="ab-{{ $loop->index }}"><code>{{ $ab }}</code> — {{ __($label) }}</label></div>@endforeach
        </div>
        <div class="modal-footer"><button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ __('Cancel') }}</button><button class="btn btn-primary">{{ __('Create key') }}</button></div>
    </form></div></div>
    <div class="modal fade" id="newHook" tabindex="-1"><div class="modal-dialog"><form class="modal-content" action="{{ route('admin.integrations.webhooks.store') }}" method="POST">@csrf
        <div class="modal-header"><h5 class="modal-title">{{ __('Add webhook') }}</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
        <div class="modal-body">@include('admin.integrations._hook_fields', ['h' => null])</div>
        <div class="modal-footer"><button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ __('Cancel') }}</button><button class="btn btn-primary">{{ __('Add') }}</button></div>
    </form></div></div>
@endsection