{{--
    [#39388] Khối「発行されたWebhook URL」+ nút「コピー」+ hộp cảnh báo 上書き.
    Dùng CHUNG cho SCR-13 (nhánh quick) và SCR-05 (bước 2 wizard) — E-100/E-101 ghi nội dung trùng.

    URL LUÔN lấy từ EP-13 (`webhook_url`), FE không tự dựng (D-07 / QA-tech-101).
    Hộp vàng「既にWebhook URLが設定されている場合」LUÔN hiển thị (khớp add-bot QA-spec-112).

    Tham số:
      $urlLabel — nhãn khối URL (SCR-13「発行されたWebhook URL」· SCR-05「エルメのWebhook URL」)
      $urlDesc  — dòng mô tả dưới nhãn, chỉ SCR-05 có (E-048)
--}}
@php
    $urlLabel = $urlLabel ?? '発行されたWebhook URL';
    $urlDesc = $urlDesc ?? null;
@endphp
<div class="cbv2-webhook-url">
    <div class="wiz-form-card-title">
        <lme-icon color="#E7E7E7">
            <svg width="10" height="32" viewBox="0 0 10 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="10" height="32" rx="5" fill="#E7E7E7"/>
            </svg>
        </lme-icon>
        {{ $urlLabel }}</div>
    @if($urlDesc)
        <div class="cbv2-webhook-url__desc">{{ $urlDesc }}</div>
    @endif
    <div class="cbv2-webhook-url__row">
        <div class="cbv2-webhook-url__value" :title="webhook_url">@{{ webhook_url }}</div>
        <lme-button-ghost type="primary" size="lg" :disabled="!webhook_url" @click="copyWebhookUrl">
            <lme-icon file_name="file-copy-outlined"></lme-icon> コピー
        </lme-button-ghost>
    </div>
</div>

<div class="cbv2-alert cbv2-alert--warning" style="border: 1px solid #FFE0A2">
    <div class="cbv2-alert__head">
        <lme-icon size="20" color="#F0A000">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.0002 18.7505C5.17535 18.7505 1.25 14.8251 1.25 10.0002C1.25 5.17535 5.17535 1.25 10.0002 1.25C14.8251 1.25 18.7505 5.17535 18.7505 10.0002C18.7505 14.8251 14.8251 18.7505 10.0002 18.7505ZM10.0002 2.73387C5.99356 2.73387 2.73387 5.99356 2.73387 10.0002C2.73387 14.0063 5.99356 17.2655 10.0002 17.2655C14.0063 17.2655 17.2655 14.0063 17.2655 10.0002C17.2655 5.99356 14.0063 2.73387 10.0002 2.73387Z" fill="#F0A000"/>
                <path d="M9.99963 14.3752C9.48289 14.3752 9.0625 13.9543 9.0625 13.437C9.0625 12.9203 9.48289 12.4999 9.99963 12.4999C10.517 12.4999 10.9379 12.9203 10.9379 13.437C10.9379 13.9543 10.517 14.3752 9.99963 14.3752ZM10.4688 11.25H9.53162C9.4454 11.25 9.37525 11.1798 9.37525 11.0936V5.78137C9.37525 5.69515 9.4454 5.625 9.53162 5.625H10.4688C10.555 5.625 10.6251 5.69515 10.6251 5.78137V11.0936C10.6251 11.1784 10.5535 11.25 10.4688 11.25Z" fill="#F0A000"/>
            </svg>
        </lme-icon>
        <span class="cbv2-alert__title">既にWebhook URLが設定されている場合</span>
    </div>
    <div class="cbv2-alert__text">他社ツールのURLが表示されている場合、上書きすると他社システムが動作しなくなる可能性があります。上書き前に現在のURLを必ず記録してください。</div>
</div>