@props(['uris' => [], 'label' => '', 'domainsUrl' => null])

{{--
    The OAuth addresses of a panel, shown where its provider credentials are
    edited. It lists EVERY public host of the panel because a customer can sign
    in at any of them and the provider app has to whitelist them all — and it
    refuses to invent one when the panel has no address yet: pointing a reseller
    at a URI their store will never call is how OAuth dies with a mismatch.
--}}
@if (count($uris) > 0)
    <div class="rf-alert rf-alert-info text-xs">
        <i data-lucide="info" style="width:14px;height:14px;flex-shrink:0;"></i>
        <div>
            <span>{{ $label }}</span>
            @foreach ($uris as $uri)
                <div class="mt-1 flex items-center gap-2">
                    <code class="rf-mono" style="color:var(--color-text);">{{ $uri }}</code>
                    <x-copy-inline :value="$uri" />
                </div>
            @endforeach
        </div>
    </div>
@else
    <div class="rf-alert rf-alert-warning text-xs">
        <i data-lucide="alert-triangle" style="width:14px;height:14px;flex-shrink:0;"></i>
        <div>
            <span>{{ __('Assign a domain or subdomain first — the redirect URI depends on your store address.') }}</span>
            @if ($domainsUrl)
                <a href="{{ $domainsUrl }}" class="rf-link">{{ __('Go to Domains') }}</a>
            @endif
        </div>
    </div>
@endif