@extends('V2.layouts.B2B')

@push('styles')
@vite('resources/assets/slick/slick.css')
@vite('resources/assets/slick/slick-theme.css')
@endpush

@section('content')
<div class="wrapper_subscribe_b2b">
    <div class="wrapper_partner_header">
        <Header class="header">
            <div class="header_logo">
                <a class="disable_redirecting" href="javascript:void(0);">
                    <img src="{{ config('services.bucket_url') . 'web/partner_qs_logo.png' }}" alt="image" />
                </a>
            </div>
            <div class="header_partner_logo">
                <P>提携</P>
                <figure class="mt-2">
                    <img src="{{ $partnerLogo }}" alt="image" />
                </figure>
            </div>
        </Header>
    </div>
    <div class="program_selection_wrap_txt">
        <section class="coupon_wrap" id="coupon_success">
            <div class="wrap_coupon_success">
                <div class="oops_text">
                    <p id="coupon_message"></p>
                </div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>
        <section class="coupon_wrap payment_failed" id="coupon_failed">
            <div class="wrap_coupon_success">
                <div class="oops_text" id="error_failed"></div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>
        <section class="wrapper_program">
            <figure class="back_Bg">
                <img src="{{ config('services.bucket_url') . 'web/program_right.png' }}" alt="image" />
            </figure>
            <div class="container">
                <div class="wrap_program_selection">
                    <p class="common_quit_txt">プログラム選択</p>
                    <h3>自分に合ったプログラムを選択</h3>
                    @if (empty($iDiscount))
                    <p class="light_txt">今すぐ購読を購入 </p>
                    @else
                    <p class="light_txt">今すぐ購読を購入して、最大
                        <b>{{ $showPercentage }}% </b>の限定割引をゲット！
                    </p>
                    @endif

                    <div class="wrap_purchase_card">
                        <div class="wrap_purchase">
                            <div class="cstm_card_program">
                                <h4 class="card_head">日本語プログラム</h4>
                                <figure class="card_img">
                                    <img src="{{ config('services.bucket_url') . 'web/English_text.png' }}"
                                        alt="image" />
                                </figure>
                                <p>{{ $text['vDescription'] }}</p>
                                <div class="wrap_cards_buy">
                                    @if (!$text['SubStatus'])
                                    <div class="wrap_inner_card">
                                        <del>{{ $text['CancelCurrency'] . ' ' . $text['FirstCrossPrice'] }}/{{
                                            __('messages.per_month') }}</del>
                                        <h6 id="price1"
                                            class="second_cross_price {{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                            <del>{{ $text['CancelCurrency'] . ' ' . $text['CrossPrice'] }}/{{
                                                __('messages.per_month') }}</del>
                                        </h6>
                                        <h5 id="codePriceApply1"
                                            class="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'fillPrice' : '') : ($iDiscount ? 'fillPrice' : '') }}">
                                            {{ $text['Currency'] . ' ' . $text['Price'] }}/{{ __('messages.per_month')
                                            }}
                                        </h5>
                                        @if ($text['Price'] == 0)
                                        <button class="active_free" data-program="{{ $text['iProgramID'] }}" id="buy1"
                                            data-currency="{{ $text['Currency'] }}"
                                            data-couponid="{{ $text['CouponId'] }}"
                                            data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">
                                            {{ __('messages.activate_free_access') }}</button>
                                        @else
                                        <button class="buy_now_btn" data-program="{{ $text['iProgramID'] }}" id="buy1"
                                            data-currency="{{ $text['Currency'] }}"
                                            data-couponid="{{ $text['CouponId'] }}"
                                            data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                            data-select="1" data-eventid="{{ $fb_event_id }}"
                                            data-emailid="{{ $fb_event_email }}"
                                            data-externalid="{{ $fb_external_id }}">今すぐ購入</button>

                                        <div id="AlternatePay1"
                                            class="{{ $text['Currency'] == 'INR' && !$text['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                            <p class="alternate_pay_text">
                                                {{ __('messages.alternate_payment_text') }}</p>
                                            <a href="javascript:void(0)" class="alternate_pay_link"
                                                data-program="{{ $text['iProgramID'] }}"
                                                data-currency="{{ $text['Currency'] }}" id="alternate1"
                                                data-amount="{{ $text['Price'] }}"
                                                data-couponid="{{ $text['CouponId'] }}"
                                                data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                data-select="1" data-eventid="{{ $fb_event_id }}"
                                                data-emailid="{{ $fb_event_email }}"
                                                data-externalid="{{ $fb_external_id }}">{{
                                                __('messages.alternate_payment_link') }}
                                                link</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $text['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>クーポン適用済み:</h6>
                                            <h6><b id="vCodeName1">{{ $text['CouponCode'] }}</b></h6>
                                            <a href="javascript:void(0)" class="removeCoupon" data-deselect="1"
                                                id="removeCoupon1" data-couponId="{{ $text['CouponId'] }}"
                                                data-discount="{{ $text['CouponApplied'] ? $text['CouponAppliedDiscount'] : '' }}">クーポンを削除</a>
                                        </div>
                                        <div class="couponCode {{ $text['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                            <a href="#" class="promoCodeApply" id="promoCodeApply1" data-select="1"
                                                data-program="{{ $text['iProgramID'] }}">プロモコードを適用</a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <p>このプログラムにはすでにアクティブな購読があります</p>
                                        <a href="{{ url($b2bUrlPrefix . 'account') }}" class="view_btn">{{
                                            __('messages.view_details') }}</a>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="wrap_purchase">
                            <div class="cstm_card_program">
                                <h4 class="card_head">英語（ビデオ）プログラム</h4>
                                <figure class="card_img">
                                    <img src="{{ config('services.bucket_url') . 'web/English_video.png' }}"
                                        alt="image" />
                                </figure>
                                <p>{{ $video['vDescription'] }}</p>
                                <div class="wrap_cards_buy">
                                    @if (!$video['SubStatus'])
                                    <div class="wrap_inner_card">
                                        <del>{{ $video['CancelCurrency'] . ' ' . $video['FirstCrossPrice'] }}/{{
                                            __('messages.per_month') }}</del>
                                        <h6 id="price2"
                                            class="second_cross_price {{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                            <del>{{ $video['CancelCurrency'] . ' ' . $video['CrossPrice'] }}/{{
                                                __('messages.per_month') }}</del>
                                        </h6>
                                        <h5 id="codePriceApply2"
                                            class="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'fillPrice' : '') : ($iDiscount ? 'fillPrice' : '') }}">
                                            {{ $video['Currency'] . ' ' . $video['Price'] }}/{{ __('messages.per_month')
                                            }}
                                        </h5>
                                        @if ($video['Price'] == 0)
                                        <button class="active_free" data-program="{{ $video['iProgramID'] }}" id="buy2"
                                            data-currency="{{ $video['Currency'] }}"
                                            data-couponId="{{ $video['CouponId'] }}"
                                            data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">{{
                                            __('messages.activate_free_access') }}</button>
                                        @else
                                        <button class="buy_now_btn" data-program="{{ $video['iProgramID'] }}" id="buy2"
                                            data-currency="{{ $video['Currency'] }}"
                                            data-couponId="{{ $video['CouponId'] }}"
                                            data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                            data-select="2" data-eventid="{{ $fb_event_id }}"
                                            data-emailid="{{ $fb_event_email }}"
                                            data-externalid="{{ $fb_external_id }}">今すぐ購入</button>

                                        <div id="AlternatePay2"
                                            class="{{ $video['Currency'] == 'INR' && !$video['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                            <p class="alternate_pay_text">
                                                {{ __('messages.alternate_payment_text') }}</p>
                                            <a href="javascript:void(0)" class="alternate_pay_link"
                                                data-program="{{ $video['iProgramID'] }}"
                                                data-currency="{{ $video['Currency'] }}" id="alternate2"
                                                data-amount="{{ $video['Price'] }}"
                                                data-couponId="{{ $video['CouponId'] }}"
                                                data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                data-select="2" data-eventid="{{ $fb_event_id }}"
                                                data-emailid="{{ $fb_event_email }}"
                                                data-externalid="{{ $fb_external_id }}">{{
                                                __('messages.alternate_payment_link') }}
                                                link</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $video['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>クーポン適用済み:</h6>
                                            <h6><b id="vCodeName2">{{ $video['CouponCode'] }}</b></h6>
                                            <a href="javascript:void(0)" class="removeCoupon" data-deselect="2"
                                                id="removeCoupon2" data-couponid="{{ $video['CouponId'] }}"
                                                data-discount="{{ $video['CouponApplied'] ? $video['CouponAppliedDiscount'] : '' }}">クーポンを削除</a>
                                        </div>
                                        <div class="couponCode {{ $video['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                            <a href="#" class="promoCodeApply" id="promoCodeApply2" data-select="2"
                                                data-program="{{ $video['iProgramID'] }}">プロモコードを適用</a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <p>このプログラムにはすでにアクティブな購読があります</p>
                                        <a href="{{ url($b2bUrlPrefix . 'account') }}" class="view_btn">{{
                                            __('messages.view_details') }}</a>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <p class="clr_ora text-center mb-4"><b>(1か月で十分です)</b></p>
                    <div class="wrap_p_links">
                        <p class="please_note">プログラムが効果がない場合、100%返金保証を提供します。質問は一切ありません。</b></p>
                        <!-- <p class="please_note"> <b>まだ購読したくないですか？</b> 割引をスキップして、<a class="app_play_store" href="https://link.quitsure.app/l/bN4OloXZ9k">1日目を無料でお試しください！</a></p> -->
                        <p class="clr_dan"> プログラムは<b>アプリでのみ</b>利用可能です。ここではプログラムを実行できません。</p>
                    </div>
                    <div class="wrap_play_i_store">
                        <figure class="mr-4">
                            <a href="https://link.quitsure.app/l/HIES0u0ROp" target="_blank">
                                <img src="{{ config('services.bucket_url') . 'web/google_play_new.png' }}"
                                    alt="image" />
                            </a>
                        </figure>
                        <figure class="ml-4">
                            <a href="https://link.quitsure.app/l/hI2XldeZje" target="_blank">
                                <img src="{{ Vite::asset('resources/images/web/app_store_new.png') }}" />
                            </a>
                        </figure>
                    </div>
                </div>
            </div>
        </section>
        <section class="error_wrap" id="payment_error">
            <div class="wrap_payment_error">
                <div class="oops_text">
                    <p><b>おっと！支払いに失敗しました。もう一度お試しください！</b></p>
                    <p>問題やご不明点があれば、hello@quitsure.appまでご連絡ください。</p>
                </div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>
        <section class="wrap_store_rating">
            <div class="container">
                <div class="ratings-cntent">
                    <h3 class="text-center">
                        今すぐ無煙の旅を始めて、<br>たった6日で効果を実感しましょう！
                    </h3>
                    <p class="mb-2 mt-4 text-center">世界をリードする禁煙プログラム。50,000人以上のクライアントがニコチンからコントロールを取り戻しました。</p>


                    <div class="rating_icons">
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <span><b>4.7/5</b></span>
                    </div>
                    <p class="google_txt">(Google Play ストア) </p>
                </div>
            </div>
        </section>
        <section class="wrapper_proven_CBT">
            <div class="container">
                <div class="wrapper_cbt">
                    <div class="row">
                        <div class="col-lg-5 col-md-5 col-sm12">
                            <div class="wrap_cbt_img">
                                <figure>
                                    <img src="{{ config('services.bucket_url') . 'web/cbt.png' }}" alt="image" />
                                </figure>
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm12">
                            <div class="wrap_cbt_text">
                                <div class="wrap_CBT_h">
                                    <h3>実証済みのCBT（認知行動療法）とマインドフルネスの技術</h3>
                                    <p>ニコチンとの関係を変革します。 </p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>成功をシンプルに </h3>
                                    <p>渇望なし、体重増加なし、生活習慣の変更なし。 </p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>思いやりと経験をもとに構築 </h3>
                                    <p>この旅を経験した元喫煙者によって設計されています。あなたの気持ちを理解しています。 </p>



                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="wrapper_if_you_subscribe">
            <div class="container">
                <div class="wrap_subscribe">
                    <div class="heads_txt_subs">
                        <h3 class="cstm_subscribe">購読すると、以下の内容が手に入ります:</h3>
                    </div>
                    <div class="row">
                        <div class="col-lg-2 col-md-3 col-sm-6">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/Acces.png') }}" alt="" />
                                </figure>
                                <p>選択した形式で提供される、変革をもたらす6日間のプログラム全体 </p>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-6">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/chat.png') }}" alt="" />
                                </figure>
                                <p>訓練された専門家による、24時間365日のチャットベースの個別コーチング</p>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-6">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/tools.png') }}" alt="image" />
                                </figure>
                                <p>長期的な成功をサポートする強力な禁煙後のツールへの生涯アクセス</p>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-6">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/freedom.png') }}" alt="image" />
                                </figure>
                                <p>そして最後に、この依存とニコチンが脳に与える支配からの解放</p>
                            </div>
                        </div>
                    </div>

                    <div class="wrap_habits">
                        <h4>あなたの喫煙習慣に基づくと、</h4>
                        <h4><b class="wrap_Save">節約</b>
                            <b class="wrap_dolar">~{{ $vPayCurrency . ' ' . $decCostPerMonth }}</b>
                            <span> 毎月可能です </span>
                        </h4>
                        <h4>禁煙後に</h4>
                    </div>
                </div>
            </div>
        </section>
        <section class="section_7 wrap_program_crousal">
            <div class="container">
                <div class="wrap_section_7">
                    <h3>今すぐ始めましょう。後回しにすると、心があなたを惑わせてしまいます。<b>今日始めれば、成功率が74%高くなります。</b></h3>
                </div>

                <div class="custom_class_slick">
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_1.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_2.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_3.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_1.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_2.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_3.png' }}" alt="image" />
                    </figure>
                </div>
            </div>
        </section>
        <section class="wrapper_faq">
            <div class="container">
                <div class="wrap_collapse">
                    <h3 class="text-center the_witnes">よくある質問</h3>
                    <div class="Accordian">
                        <div id="accordion">
                            <div class="card">
                                <div class="card-header" id="headingOne">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            なぜ1ヶ月のサブスクリプションなのか？
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>6日間のプログラムであるにも関わらず、なぜ月額サブスクリプションがあるのか疑問に思うかもしれません。実際には、多くのクライアントが非常に忙しい生活を送っているため、プログラムを完了するのに10〜12日かかることがあります。これは全く問題なく、プログラムは6〜12日で完了するように設計されています。
                                        </p>
                                        <p>しかし、喫煙への依存のために、私たちは先延ばしをする傾向があります（これは、多くの禁煙試みの前に私たち全員が感じたことです）。これが、私たちの多くが禁煙を困難に感じたり、禁煙の試みを開始することさえ難しいと感じる最大
                                            の理由です。それを避けるために、このプログラムを完了しなければならない1ヶ月というタイムラインを定めています。これにより、クライアントに先延ばしを克服するために必要な少しの追い込みを与えます。
                                        </p>
                                        <p>実際、この時間制限があるため、多くのクライアントはサブスクリプションが終了する直前にプログラムを完了しています。この時間制限がなければ、彼らはプログラムを実行することを引き続き先延ばしにしており、今日でもまだ喫煙者であったかもしれません。
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingTwo">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseTwo" aria-expanded="false"
                                            aria-controls="collapseTwo">
                                            自動更新されますか？
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>
                                            AppleとGoogleのサブスクリプションのデフォルトの動作は自動更新です。プログラムを完了し、非喫煙者になった場合、プログラムのコンテンツにアクセスする必要はありません。したがって、プログラムを完了したら、サブスクリプションを解約することをお勧めします。解約後も、禁煙後のツールやあなたのジャーナルにアクセスすることができます。
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingThree">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseThree" aria-expanded="false"
                                            aria-controls="collapseThree">
                                            どうやって購読をキャンセルできますか？
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>QuitSureアプリ内の「購読詳細」ページからいつでも購読をキャンセルできます。必ず、QuitSureアカウントを作成したときと同じメールアドレスでログインしてください。
                                        </p>
                                        <p><a href="https://link.quitsure.app/l/bN4OloXZ9k">今すぐQuitSureアプリに移動</a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingFour">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseFour" aria-expanded="false"
                                            aria-controls="collapseFour">
                                            支払いに問題があります。どうすれば解決できますか？
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p> <a href="mailto:hello@quitsure.app">hello@quitsure.app</a>
                                            までご連絡ください。すぐに対応いたします。</p>

                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingFive">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseFive" aria-expanded="false"
                                            aria-controls="collapseFive">
                                            複数のプログラムを同時に購入できますか？
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFive" class="collapse" aria-labelledby="headingFive"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>はい、それぞれのプログラムは別々の購読です。各プログラムに個別に購読することで、複数のプログラムを同時に購入できます。</p>

                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingSix">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseSix" aria-expanded="false"
                                            aria-controls="collapseSix">
                                            料金を支払いました。プログラムにアクセスする方法は？
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSix" class="collapse" aria-labelledby="headingSix"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>QuitSureアプリからプログラムにアクセスできます。必ず、QuitSureアカウントを作成したときと同じメールアドレスでログインしてください。</p>
                                        <p><a href="https://link.quitsure.app/l/bN4OloXZ9k">今すぐQuitSureアプリに移動</a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingSeven">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseSeven" aria-expanded="false"
                                            aria-controls="collapseSeven">
                                            返金保証はどうなっていますか？
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>QuitSureでは、プログラムが効果がなかった場合、質問なしで返金保証を提供しています。最新の返金ポリシーの条件は <a
                                                href="https://www.quitsure.app/refunds" target="_blank">こちら</a>
                                            で確認できます。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>

<!-- Apply Coupon -  Modal -->
<div class="modal fade modal_active_overwrite modal_add_coupon" id="applyCode" tabindex="-1"
    aria-labelledby="applyCodeLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <img class="coupon_gift" src="{{ Vite::asset('resources/images/12.svg') }}" alt="coupon">
                <h3>クーポンまたはプロモコードを適用</h3>
                <p>コードが有効か確認し、購入に適用しましょう</p>
                <div id="errorMsg"></div>
                <div>
                    <form class="coupon_apply_form" id="code_apply_form" method="post">
                        <input type="text" name="promocode" id="promocode" class="cstm_coupon_input"
                            placeholder="クーポンコードを入力" required>
                        <input type="hidden" name="promoCodeApply" id="promoCodeApply">
                        <input type="hidden" name="iProgram" id="iProgram">
                        <button type="submit" id="applyCodeBtn" class="buy_now_btn_cstm apply_code_disabled"
                            disabled>コードを適用</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Remove Coupon -  Modal -->
<div class="modal fade modal_active_overwrite modal_add_coupon cstm_delete_coupon" id="removeCode" tabindex="-1"
    aria-labelledby="removeCodeLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <img class="coupon_gift" src="{{ Vite::asset('resources/images/solar_danger-circle-bold.svg') }}"
                    alt="delete">
                <h3>本当によろしいですか？</h3>
                <p>このクーポンに関連する特典を失います。</p>
                <div>
                    <form class="coupon_apply_form" method="post">
                        <input type="hidden" name="removeCodeApply" id="removeCodeApply">
                        <input type="hidden" name="iCouponId" id="iCouponId">
                        <input type="hidden" name="iDiscount" id="iDiscount">
                        <button type="button" id="removeCodeBtn" class="buy_now_btn_cstm remove_coupon_btn">削除</button>
                        <button type="button" class="buy_now_btn_cstm" data-dismiss="modal"
                            aria-label="Close">保持</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@include('V2.B2B.partials.js.subscribeJs')