@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>In association with :</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">PROGRAM SELECTION</p>
                    <h3>Choose the program that is right for you</h3>
                    @if (empty($iDiscount))
                    <p class="light_txt">Buy the subscription now </p>
                    @else
                    <p class="light_txt">Buy the subscription now to get our exclusive discount up to
                        <b>{{ $showPercentage }}% </b>
                    </p>
                    @endif

                    <div class="wrap_purchase_card">
                        @php
                        $payButtonClass = $vCountry == 'India' && ($text['Currency'] ?? '') == 'INR'
                        ? 'alternate_pay_link_buy' : 'buy_now_btn';

                        $alternatePayBtnClass = $vCountry == 'India' && ($text['Currency'] ?? '') == 'INR'
                        ? 'buy_now_btn_alter' : 'alternate_pay_link';

                        if (($text['CouponAppliedDiscount'] ?? 0) == 100) {
                        $payButtonClass = 'active_free';
                        }
                        @endphp
                        <div class="wrap_purchase">
                            <div class="cstm_card_program">
                                <h4 class="card_head">Text-Based Program</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) }}">
                                            ACTIVATE FREE ACCESS</button>
                                        @else
                                        <button class="{{ $payButtonClass }}" data-program="{{ $text['iProgramID'] }}"
                                            id="buy1" data-currency="{{ $text['Currency'] }}"
                                            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 }}">BUY NOW</button>

                                        <div id="AlternatePay1"
                                            class="{{ $text['Currency'] == 'INR' && !$text['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                            <p class="alternate_pay_text">If you face issues with the above
                                                payment method</p>
                                            <a href="javascript:void(0)" class="{{ $alternatePayBtnClass }}"
                                                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 }}">Alternate payment
                                                link</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $text['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>Coupon Applied:</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'] : '' }}">Remove
                                                Coupon</a>
                                        </div>
                                        <div class="couponCode {{ $text['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                            <a href="#" class="promoCodeApply" id="promoCodeApply1" data-select="1"
                                                data-program="{{ $text['iProgramID'] }}">Apply
                                                Promo Code</a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <p>You already have an active subscription to this program</p>
                                        <a href="{{ url($b2bUrlPrefix . 'account') }}" class="view_btn">VIEW
                                            DETAILS</a>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @php
                        $payButtonClass = $vCountry == 'India' && ($video['Currency'] ?? '') == 'INR'
                        ? 'alternate_pay_link_buy' : 'buy_now_btn';

                        $alternatePayBtnClass = $vCountry == 'India' && ($video['Currency'] ?? '') == 'INR'
                        ? 'buy_now_btn_alter' : 'alternate_pay_link';

                        if (($video['CouponAppliedDiscount'] ?? 0) == 100) {
                        $payButtonClass = 'active_free';
                        }
                        @endphp
                        <div class="wrap_purchase">
                            <div class="cstm_card_program">
                                <h4 class="card_head">Video-Based Program</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) }}">ACTIVATE
                                            FREE ACCESS</button>
                                        @else
                                        <button class="{{ $payButtonClass }}" data-program="{{ $video['iProgramID'] }}"
                                            id="buy2" data-currency="{{ $video['Currency'] }}"
                                            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 }}">BUY NOW</button>

                                        <div id="AlternatePay2"
                                            class="{{ $video['Currency'] == 'INR' && !$video['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                            <p class="alternate_pay_text">If you face issues with the above
                                                payment
                                                method</p>
                                            <a href="javascript:void(0)" class="{{ $alternatePayBtnClass }}"
                                                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 }}">Alternate payment
                                                link</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $video['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>Coupon Applied:</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'] : '' }}">Remove
                                                Coupon</a>
                                        </div>
                                        <div class="couponCode {{ $video['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                            <a href="#" class="promoCodeApply" id="promoCodeApply2" data-select="2"
                                                data-program="{{ $video['iProgramID'] }}">Apply
                                                Promo Code</a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <p>You already have an active subscription to this program</p>
                                        <a href="{{ url($b2bUrlPrefix . 'account') }}" class="view_btn">VIEW
                                            DETAILS</a>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <p class="clr_ora text-center mb-4"><b>(Just one month is enough)</b></p>
                    <div class="wrap_p_links">
                        <p class="please_note">We are so confident of your success, that we are giving you a 100%
                            money-back guarantee if the program doesn’t work for you. <b> No questions asked.</b></p>
                        <p class="clr_dan"> Please note that the program is only available <b> via our app.</b> You
                            will not be able to do the program here.</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>Oops! Payment Failed. Please try again!</b></p>
                    <p>For any issues or concerns, connect with us at 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">
                        Start your smoke-free journey now and see results
                        <br> in just 6 days
                    </h3>
                    <p class="mb-2 mt-4 text-center">World’s leading quit-smoking program. 50,000+ clients who have
                        taken control back from nicotine.</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 Store) </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>Proven CBT and mindfulness techniques</h3>
                                    <p>To transform your relationship with nicotine </p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>We make success simple</h3>
                                    <p>No cravings. No weight gain. No lifestyle changes. </p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>Built with compassion and experience</h3>
                                    <p>Designed by ex-smokers who understand you and have done this journey themselves
                                    </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">Here’s what you get if you 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>The entire transformative 6-day program in the format you have chosen</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*7 chat-based personalized coaching from our trained experts</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>Lifetime access to our powerful post-quit tools for long-term success</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>And finally, freedom from this addiction and nicotine’s control over your brain</p>
                            </div>
                        </div>
                    </div>

                    <div class="wrap_habits">
                        <h4>Based on your smoking habits, you can</h4>
                        <h4><b class="wrap_Save">save</b>
                            <b class="wrap_dolar">~{{ $vPayCurrency . ' ' . $decCostPerMonth }}</b>
                            <span> every month </span>
                        </h4>
                        <h4>after you quit</h4>
                    </div>
                </div>
            </div>
        </section>
        <section class="section_7 wrap_program_crousal">
            <div class="container">
                <div class="wrap_section_7">
                    <h3>Start now before your mind tricks you into quitting later. You
                        have a <b> 74% higher chance of success </b> if you get started today.</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">Frequently Asked Questions</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">
                                            Why is the subscription for one month?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>You may be wondering why the program has a monthly subscription, when it is
                                            just a 6 day program. Practically, many of our clients are leading quite
                                            hectic lifestyles. So they need 10-12 days to complete the program. This is
                                            completely fine and the program has been designed to be completed in 6-12
                                            days.</p>
                                        <p>But because of our dependence on smoking, we have a tendency to procrastinate
                                            (we have all felt this before our many quitting attempts). This is the
                                            biggest reason that most of us find it difficult to quit, or even start the
                                            quitting attempt. To avoid that, we have defined this one month timeline
                                            within which the program must be completed. It gives our clients that little
                                            extra push they need to overcome procrastination.</p>
                                        <p>In fact, because of this time limit, many clients complete the program right
                                            before their subscription is due to end. Without this time limit, they may
                                            have continued to delay doing the program and may still have been smokers
                                            today.
                                        </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">
                                            Does it auto-renew?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>
                                            Yes. If you have completed the program and are smoke-free, you will not need
                                            to access the program’s content. So we request you to unsubscribe once you
                                            have completed the program. You will still have access to the post-quit
                                            tools and your journal after unsubscribing.
                                        </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">
                                            How do I cancel my subscription?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>You can cancel your subscription at any time via your ‘Subscription Details’
                                            page in the QuitSure App. Do make sure to login using the same email address
                                            you used to create your QuitSure account.</p>
                                        <p><a href="https://link.quitsure.app/l/bN4OloXZ9k">Go to the QuitSure App
                                                now</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">
                                            I am facing issues with payment. How do I fix it?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>Please reach out to us at <a href="mailto:hello@quitsure.app">
                                                hello@quitsure.app </a> and we will help you sort it out asap.</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">
                                            Can I purchase multiple programs at the same time?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFive" class="collapse" aria-labelledby="headingFive"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>Yes, each program has a separate subscription. You can purchase multiple
                                            programs at the same time by subscribing to each one separately.</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">
                                            I paid the fee. How do I access my program?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSix" class="collapse" aria-labelledby="headingSix"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>You can access the program via the QuitSure app. Do make sure to login using
                                            the same email address you used to create your QuitSure account.</p>
                                        <p> <a href="https://link.quitsure.app/l/bN4OloXZ9k"> Go to the QuitSure app now
                                            </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">
                                            How does your money-back guarantee work?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>QuitSure offers a unique money back guarantee (no questions asked) if the
                                            program doesn't work for you. You can find the latest terms of our <a
                                                href="https://www.quitsure.app/refunds" target="_blank"> Refund Policy
                                                here.</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>Apply a Coupon or Promo Code</h3>
                <p>Check if your code is valid and apply it to your purchase</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="Enter Coupon Code" 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>APPLY CODE</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>Are you sure?</h3>
                <p>You will lose the benefits associated with this coupon.</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">REMOVE</button>
                        <button type="button" class="buy_now_btn_cstm" data-dismiss="modal"
                            aria-label="Close">KEEP</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

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