{{--
    [#39388 / #36412] Màn con「プロバイダー不一致の対処法」— vào từ trạng thái lỗi ở bước 5.
    Bản gốc: add-bot `currentStep === 31` (bot_add_v5.blade.php) qua partial `wiz-help-panel`.

    Giống màn 404: KHÔNG đổi `connectStep` nên sidebar + topbar vẫn đứng ở bước 5; riêng dòng phụ
    của bước 2 đổi thành「プロバイダー不一致の対処法」(wizardSteps), đúng như add-bot làm với
    currentStep 31. Không gọi API nào.

    KHÁC màn 404: add-bot truyền `$title = null` cho panel này nên KHÔNG có h2 + phụ đề, chỉ có
    hộp cảnh báo đỏ trở xuống.
--}}
<div class="cbv2-help404__caution">
    <div class="cbv2-help404__caution-title">
        <lme-icon file_name="warning-circle-outlined" size="24" color="#FF4D4F"></lme-icon>
        プロバイダーが一致していない場合の対処法
    </div>
    <div class="cbv2-help404__caution-sub">考えられる原因</div>
    <ul class="cbv2-help404__causes">
        <li>LINEログインチャネルを、Messaging APIチャネルとは別のプロバイダーに作成した</li>
        <li>別のプロバイダーにある既存のLINEログインチャネルを入力した</li>
        <li>複数のプロバイダーを運用していて、対象を取り違えた</li>
        <li>運用代行・委託先の切り替え時にプロバイダーを引き継がなかった</li>
    </ul>
</div>

<div class="cbv2-help404__video-card" v-if="wizardManual.help_provider_mismatch_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_provider_mismatch_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-wiz__footer">
    <lme-button-ghost type="primary" size="md" @click="backFromProviderHelpToStep3"><lme-icon file_name="left-outlined" class="lme-icon-em"></lme-icon> プロバイダーIDの確認に戻る</lme-button-ghost>
    <lme-button-default type="primary" size="md" @click="backFromProviderHelpToStep4"><lme-icon file_name="check-outlined" class="lme-icon-em"></lme-icon> 解決したのでログインチャネル設定に戻る</lme-button-default>
</div>