{{--
    [#39388] Màn con「404エラーが表示される場合の対処法」của bước 2 — QA-spec-016 = (A)「Dùng lại MÀN
    của add bot」. Bản gốc: add-bot SCR-19 (`bot_add_v5.blade.php:1879` + partial `wiz-help-panel`).

    Là MÀN CON, không phải bước: `connectStep` giữ nguyên 2 nên sidebar trái vẫn sáng ở bước 2 và
    dòng「Step 2 / 5」ở trên vẫn đứng yên — đúng cách add-bot làm (KHÔNG đổi roadStep). Không gọi API.

    KHÔNG include partial của add-bot: QA-tech-001 chốt wizard nhập thay dựng component riêng.
    Nội dung chép từ bản add-bot; hai nơi KHÔNG tự đồng bộ (technical-spec:189).
--}}
<div class="cbv2-wiz__title">404エラーが表示される場合の対処法</div>
<div class="cbv2-wiz__desc">Webhook URLの設定時に404エラーが表示される場合は、以下の原因をご確認ください。</div>

<div class="cbv2-help404__caution">
    <div class="cbv2-help404__caution-title">
        <lme-icon file_name="warning-circle-outlined" size="24" color="#FF4D4F"></lme-icon>
        画面に404が表示された場合の対処法
    </div>
    <div class="cbv2-help404__caution-sub">考えられる原因</div>
    <ul class="cbv2-help404__causes">
        <li>LINE公式アカウント自体を作成した方が別にいる</li>
        <li>前任の担当者から、LINE公式アカウントの運用担当を引き継いだ</li>
        <li>運用代行会社に委託をしていたが、委託をやめて自社運用に切り替えた</li>
        <li>1人で複数のLINE公式アカウントを運用しているなど</li>
    </ul>
</div>

{{-- Video dùng lại `change_bot_wizard_manual.help_404_url` sẵn có trong config (vimeo 1215092646).
     Chưa cấu hình URL thì ẩn hẳn khối video, không để iframe rỗng. --}}
<div class="cbv2-help404__video-card" v-if="wizardManual.help_404_url">
    <div class="cbv2-help404__video-title">
        <lme-icon file_name="play-circle-outlined" color="#1677FF" size="20"></lme-icon> 対処法の解説動画
    </div>
    <div class="cbv2-help404__video-wrap">
        <iframe :src="wizardManual.help_404_url + '?share=copy&fl=sv&fe=ci'"
                title="対処法の解説動画"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                allowfullscreen></iframe>
    </div>
</div>

<div class="cbv2-alert cbv2-alert--info">
    <div class="cbv2-alert__head">
        @include('admin.bots.change_bot_new.partials.info_icon_v2')
        <span class="cbv2-alert__title">LINE Official Account Manager</span>
    </div>
    <div class="cbv2-alert__text" style="margin-left: 0">
        <span class="cbv2-help404__chip">設定</span> ＞
        <span class="cbv2-help404__chip">登録情報</span> ＞
        <span class="cbv2-help404__chip">管理者情報</span>
        に表示されているメールアドレスが正しいログイン情報となります。正しいログイン情報でLINE Developersに再ログインしてください。
    </div>
    <div class="cbv2-help404__note">
        正しいログイン情報はLINEヤフー株式会社が管理しているため、L Messageのサポートでログイン情報をお調べすることはできません。
    </div>
    <div class="cbv2-alert__action" style="margin-left: 0">
        <lme-button-default type="primary" size="md" @click="openLineAdmin">LINE Official Account Managerを開く <lme-icon file_name="export-outlined"></lme-icon></lme-button-default>
    </div>
</div>

<div class="cbv2-wiz__footer">
    <lme-button-ghost type="primary" size="md" @click="backFromHelp404ToStep1"><lme-icon file_name="left-outlined" class="lme-icon-em"></lme-icon> Step 1へ戻る</lme-button-ghost>
    <lme-button-default type="primary" size="md" @click="backFromHelp404ToStep2"><lme-icon file_name="check-outlined" class="lme-icon-em"></lme-icon> 解決したのでWebhook設定に戻る</lme-button-default>
</div>