@extends('dev.layout')
@php $showNav = true; @endphp

@section('title', 'Yoco Webhooks')

@section('content')
<div class="page">
    <div class="page-header">
        <h1>🔔 Yoco Webhooks</h1>
        <p>Register a webhook subscription with Yoco and store the signing secret used for signature verification.</p>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-error">{{ session('error') }}</div>
    @endif
    @if(session('warning'))
        <div class="alert alert-warning">{{ session('warning') }}</div>
    @endif

    {{-- ── Active API Key ── --}}
    <div class="card">
        <div class="card-title">Active Yoco Secret Key</div>
        <p style="font-size:.8rem;">
            <code style="color:#79c0ff;">{{ $activeKey }}</code>
        </p>
        <p style="font-size:.75rem;color:#8b949e;margin-top:.4rem;">
            Set via <strong>Settings → yoco.secret_key</strong>. If this looks wrong, update it there and refresh.
        </p>
    </div>

    {{-- ── Signing Secret Status ── --}}
    <div class="card">
        <div class="card-title">Signing Secret</div>
        @if($storedSecret)
            <p style="font-size:.8rem;">
                <span class="dot dot-green"></span>
                <strong style="color:#3fb950">Configured</strong>
                &nbsp;·&nbsp; <span style="color:#8b949e">{{ $secretStatus }}</span>
            </p>
            <p style="font-size:.75rem; color:#8b949e; margin-top:.5rem;">
                Webhook signature verification is active. All incoming Yoco events will be verified.
            </p>
        @else
            <p style="font-size:.8rem;">
                <span class="dot dot-red"></span>
                <strong style="color:#ff7b72">Not configured</strong>
            </p>
            <p style="font-size:.75rem; color:#8b949e; margin-top:.5rem;">
                Signature verification is bypassed until a subscription is registered. Register below to receive and store the secret.
            </p>
        @endif
    </div>

    {{-- ── Register / Rotate ── --}}
    <div class="card">
        <div class="card-title">Register Webhook Subscription</div>
        <p style="font-size:.78rem; color:#8b949e; margin-bottom:1rem;">
            Subscribes to <code style="color:#79c0ff">payment.created</code> and <code style="color:#79c0ff">payment.refunded</code> events.
            The signing secret is returned only once and will be stored automatically.
        </p>

        <form method="POST" action="{{ route('dev.yoco.register') }}">
            @csrf
            <div class="form-row">
                <div class="form-group">
                    <label>Notification URL</label>
                    <input type="url" name="url" value="{{ old('url', $defaultUrl) }}" required>
                </div>
                <button type="submit" class="btn btn-primary">Register</button>
            </div>

            <div style="margin-top:.85rem;">
                <label class="checkbox-row">
                    <input type="checkbox" name="force" value="1" {{ old('force') ? 'checked' : '' }}>
                    Force re-register (creates a new subscription even if one already exists for this URL)
                </label>
            </div>
        </form>

        @if($storedSecret)
        <hr>
        <p style="font-size:.75rem; color:#8b949e;">
            <strong style="color:#e3b341">⚠ Rotating the secret:</strong>
            If you force re-register, Yoco will issue a new secret which will overwrite the one currently stored.
            This will not affect in-flight webhooks already in transit.
        </p>
        @endif
    </div>

    {{-- ── Current Subscriptions ── --}}
    <div class="card">
        <div class="card-title">Current Subscriptions (live from Yoco API)</div>

        @if($listError)
            <div class="alert alert-error">Could not fetch subscriptions: {{ $listError }}</div>
        @elseif(empty($subscriptions))
            <p style="font-size:.8rem; color:#8b949e;">No subscriptions found on this account.</p>
        @else
            <table class="data-table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Notification URL</th>
                        <th>Event Types</th>
                        <th>Enabled</th>
                        <th>Created</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($subscriptions as $sub)
                    <tr>
                        <td style="color:#79c0ff; font-size:.72rem;">{{ $sub['id'] ?? '—' }}</td>
                        <td>{{ $sub['name'] ?? '—' }}</td>
                        <td style="font-size:.73rem;">{{ $sub['notification_url'] ?? '—' }}</td>
                        <td style="font-size:.73rem;">
                            @foreach((array)($sub['event_types'] ?? []) as $et)
                                <code style="color:#d2a8ff; display:block;">{{ $et }}</code>
                            @endforeach
                        </td>
                        <td>
                            @if($sub['enabled'] ?? false)
                                <span class="dot dot-green"></span>yes
                            @else
                                <span class="dot dot-red"></span>no
                            @endif
                        </td>
                        <td style="font-size:.73rem; color:#8b949e;">
                            {{ isset($sub['created_at']) ? \Carbon\Carbon::parse($sub['created_at'])->format('d M Y H:i') : '—' }}
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        @endif
    </div>
</div>
@endsection