{{--
  Task #36409 add-bot — Sidebar phải「操作マニュアル」cho PC接続ウィザード (Path B).
  Partial DÙNG CHUNG cho 6 màn (SCR-17/18/19/20/21/22) để hết drift: trước đây card này
  bị copy-paste ~6 lần → SCR-20/21 thiếu video + スマホで見る + 途中保存 so với design.
  Sửa 1 chỗ ở đây = áp cho tất cả màn.

  Params (@include(..., [...]) ) — mặc định = bản ĐẦY ĐỦ của Path B step 1-4 (SCR-17/18/20/21):
    $title        string  Tiêu đề card.                              Default '操作マニュアル'
    $showVideo    bool    Hiện video thumbnail.                      Default true
    $duration     string  Thời lượng video.                         Default '3:24'
    $showConsole  bool    Nút「別タブで見る」.                        Default true
    $consoleUrl   string  Link「別タブで見る」.                       Default LINE Developers console
    $showMobile   bool    Nút「スマホで見る」.                        Default true
    $showText     bool    Nút「テキストマニュアルを見る」.            Default true
    $textUrl      string  Link テキストマニュアル.                    Default https://lme.jp/manual/
    $showSaveDraft bool   Nút「途中保存」(@click saveDraft, Path B 1-4). Default true
    $showInquiry  bool    Nút「新規接続に関する問い合わせ」.          Default true
    $inquiryUrl   string  Link 問い合わせ.                            Default chatplus
--}}
@php
    $title         = $title         ?? '操作マニュアル';
    $showVideo     = $showVideo     ?? true;
    $duration      = $duration      ?? '3:24';
    $showConsole   = $showConsole   ?? true;
    $consoleUrl    = $consoleUrl    ?? 'https://developers.line.biz/console/';
    $showMobile    = $showMobile    ?? true;
    $showText      = $showText      ?? true;
    $textUrl       = $textUrl       ?? 'https://lme.jp/manual/';
    $showSaveDraft = $showSaveDraft ?? true;
    $showInquiry   = $showInquiry   ?? true;
    $inquiryUrl    = $inquiryUrl    ?? 'https://app.chatplus.jp/chat/visitor/e3f8121b_1?t=btn';
@endphp
<div class="wiz-sidebar-right">
    <div class="wiz-manual-card">
        <div class="wiz-manual-title"><i class="far fa-book-open"></i> {{ $title }}</div>
        @if ($showVideo)
            <div class="wiz-video-thumb">
                <i class="fas fa-play-circle"></i>
                <span class="wiz-video-duration">{{ $duration }}</span>
            </div>
        @endif
        @if ($showConsole)
            <a href="{{ $consoleUrl }}" target="_blank" class="wiz-manual-btn">
                <i class="far fa-external-link-alt"></i> 別タブで見る
            </a>
        @endif
        @if ($showMobile)
            <button class="wiz-manual-btn">
                <i class="fas fa-mobile-alt"></i> スマホで見る
            </button>
        @endif
        @if ($showText)
            <a href="{{ $textUrl }}" target="_blank" class="wiz-manual-btn">
                <i class="far fa-file-alt"></i> テキストマニュアルを見る
            </a>
        @endif
        @if ($showSaveDraft)
            <button class="wiz-manual-btn" @click="saveDraft">
                <i class="far fa-save"></i> 途中保存
            </button>
        @endif
        @if ($showInquiry)
            <a href="{{ $inquiryUrl }}" target="_blank" class="wiz-manual-btn">
                <i class="far fa-comment-dots"></i> 新規接続に関する問い合わせ
            </a>
        @endif
    </div>
</div>