@extends('layouts.B2C')

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

@section('content')
    <div class="wrapper_subscribe_b2b wrapper_subscribe_v2">
        @if (
            $bOnBoardComplete &&
                isset($anyFakeCoupon) &&
                !empty($anyFakeCoupon) &&
                isset($showPercentage) &&
                $showPercentage > 0)
            <div class="wrap_exclusive_discount">
                <div class="wrap_flex">
                    <span>Buy now to get our exclusive {{ $showPercentage }}% web discount</span>
                    <h2 id="timer"></h2>
                </div>
            </div>
        @endif
        <div class="wrapper_partner_header">
            <header class="header">
                <div class="header_logo">
                    <a class="disable_redirecting" href="javascript:void(0);">
                        <img src="{{ Vite::asset('resources/images/logo-loading-page.png') }}" alt="image" />
                    </a>
                </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="wrap_smoking_pattern">
                <div class="container">
                    <h3><span>{{ $smokingThoughtPattern ?? '' }}% </span> of our users share your smoking thought patterns.
                    </h3>
                    <div class="wrap_flex">
                        <div class="wrap_left">
                            <p>Based on their success we predict that you will be <span>completely smoke-free in just 6
                                    days.</span></p>
                            <p class="font_light">With an additional:</p>
                            <ul>
                                <li>
                                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                    <span>92% reduced cravings</span>
                                </li>
                                <li>
                                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                    <span>85% fewer withdrawal symptoms</span>
                                </li>
                                <li>
                                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                    <span>Negligible mood swings and irritability</span>
                                </li>
                            </ul>
                        </div>
                        <div class="wrap_right">
                            <div class="banner_graph_image {{ $graphType == 'cigarettes' ? 'has_number' : '' }}">
                                <div class="wrap_dynamic_data_ul">
                                    <p>{{ $graphType == 'cigarettes' ? 'Cigarettes Smoked' : 'Cravings' }}</p>
                                </div>
                                <div class="wrap_days_txt">
                                    <div class="wrap_ul_img">
                                        @if ($graphType == 'cigarettes')
                                            <ul>
                                                @if ($yAxis)
                                                    @foreach ($yAxis as $axis)
                                                        <li>{{ $axis }}</li>
                                                    @endforeach
                                                @endif
                                                <li>0</li>
                                            </ul>
                                        @else
                                            <ul>
                                                @for ($i = 1; $i <= 6; $i++)
                                                    <li></li>
                                                @endfor
                                            </ul>
                                        @endif
                                        <img src="{{ Vite::asset('resources/images/base-graph.png') }}">
                                    </div>
                                    <p>Days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="wrap_programe_ready">
                <div class="container">
                    <div class="wrap_flex">
                        <div class="wrap_left">
                            <h3>Your Program is Ready!</h3>
                            <p>What you will get </p>
                            <ul>
                                <li>
                                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                    <span>Our complete 6-day transformation program</span>
                                </li>
                                <li>
                                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                    <span>Interactive daily modules in a simple story-telling style</span>
                                </li>
                                <li>
                                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                    <span>Immersive exercises to remove your desire to smoke</span>
                                </li>
                                <li>
                                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                    <span>24/7 chat-based support by expert coaches</span>
                                </li>
                                <li>
                                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                    <span>Smoking tracker to see your progress every day</span>
                                </li>
                                <li>
                                    <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                    <span>Powerful post-quit toolkit to stay smoke-free long-term</span>
                                </li>
                            </ul>
                        </div>
                        <div class="wrap_right">
                            <section class="wrap_chose_right_program" id="programSelection1">
                                <div class="wrap_txt">
                                    <span>Unlock your access</span>
                                    <p>Choose the program that is right for you</p>
                                </div>

                                <div class="select_program" id="programSection1">
                                    <div class="_card selected_program" id="videoProgram"
                                        data-program="{{ $video['iProgramID'] }}" data-currency="{{ $video['Currency'] }}"
                                        data-amount="{{ $video['Price'] }}" data-select="2"
                                        data-couponId="{{ $video['CouponId'] }}"
                                        data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                        data-substatus="{{ $video['SubStatus'] }}" data-section="1"
                                        data-fakeoffer="{{ $video['fakeCoupon'] ? 1 : 0 }}"
                                        data-promocode="{{ $video['CouponCode'] }}"
                                        data-firstcrossprice="{{ $video['FirstCrossPrice'] }}"
                                        data-secondprice="{{ $video['CrossPrice'] }}"
                                        data-secondcurrency="{{ $video['CancelCurrency'] }}"
                                        data-currencysymbol="{{ $video['currencySymbol'] }}">

                                        <p class="head">English (Video)</p>
                                        <span class="gray">{{ $video['vDescription'] }}</span>
                                        @if (!$video['SubStatus'])
                                            <span>
                                                <del>{{ $video['currencySymbol'] . $video['FirstCrossPrice'] }}</del>
                                                <del><span id="price2"
                                                        class="second_cross_price  {{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">{{ $video['currencySymbol'] . $video['CrossPrice'] }}/mo</span></del>
                                                <span id="codePriceApply2"
                                                    class="price">{{ $video['currencySymbol'] . $video['Price'] }}
                                                    <span>/mo</span></span>
                                            </span>

                                            <p id="pricePerDay2">
                                                {{ $video['currencySymbol'] . ' ' . $video['PricePerDay'] }}
                                                <span id="perDay2">/day</span>
                                            </p>
                                        @else
                                            <div class="wrap_inner_card2">
                                                <span>You already have an active subscription to this program</span>
                                            </div>
                                        @endif
                                    </div>

                                    <div class="_card" id="textProgram" data-program="{{ $text['iProgramID'] }}"
                                        data-btntext="1" 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-substatus="{{ $text['SubStatus'] }}" data-section="1"
                                        data-fakeoffer="{{ $text['fakeCoupon'] ? 1 : 0 }}"
                                        data-promocode="{{ $text['CouponCode'] }}"
                                        data-firstcrossprice="{{ $text['FirstCrossPrice'] }}"
                                        data-secondprice="{{ $text['CrossPrice'] }}"
                                        data-secondcurrency="{{ $text['CancelCurrency'] }}"
                                        data-currencysymbol="{{ $text['currencySymbol'] }}">

                                        <p class="head">English (Text)</p>
                                        <span class="gray">{{ $text['vDescription'] }}</span>
                                        @if (!$text['SubStatus'])
                                            <span>
                                                <del> {{ $text['currencySymbol'] . $text['FirstCrossPrice'] }}</del>
                                                <del><span id="price1"
                                                        class="second_cross_price {{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                                        {{ $text['currencySymbol'] . $text['CrossPrice'] }}/mo</span></del>
                                                <span id="codePriceApply1"
                                                    class="price ">{{ $text['currencySymbol'] . $text['Price'] }}<span>/mo</span></span>
                                            </span>

                                            <p id="pricePerDay1">
                                                {{ $text['currencySymbol'] . ' ' . $text['PricePerDay'] }}
                                                <span id="perDay2">/day</span>
                                            </p>
                                        @else
                                            <div class="wrap_inner_card2">
                                                <span>You already have an active subscription to this program</span>
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                <span class="borders">
                                    Your effective discount is
                                    <span id="effectiveDiscount">{{ $iDiscount == 0 ? '50' : $showPercentage }}%</span>
                                </span>

                                <span class="applied">{{ $anyFakeCoupon ? 'Offer' : 'Coupon' }} Applied:
                                    <b>
                                        <span
                                            id="vCodeName1">{{ $anyFakeCoupon ? 'SIGNUPOFFER' : $video['CouponCode'] }}</span>
                                    </b>
                                    <a href="javascript:void(0)" class="removeCoupon" data-section="1" data-deselect="2"
                                        id="removeCoupon2" data-couponid="{{ $video['CouponId'] }}"
                                        data-discount='{{ $video['CouponApplied'] ? $video['CouponAppliedDiscount'] : '' }}'>
                                        <img src="{{ Vite::asset('resources/images/cut.svg') }}" alt="image" />
                                    </a>
                                </span>

                                <div
                                    class="applyPromoCode hideAppliedCoupon {{ $text['CouponApplied'] ? 'hideAppliedCoupon' : '' }}">
                                    <span class="promoCodeApply applieds" id="promoCodeApply1" data-select="1"
                                        data-program="{{ $text['iProgramID'] }}" data-section="1">
                                        Apply Coupon/Promo Code</span>
                                </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

                                <button class="button {{ $payButtonClass }}" id="buynow-btn" data-section="1"
                                    data-program="{{ $video['iProgramID'] }}" 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 }}">{{ $video['CouponAppliedDiscount'] == 100 ? 'ACTIVATE FREE ACCESS' : 'BUY NOW' }}</button>

                                <div id="AlternatePay1"
                                    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-section="1"
                                        data-currency="{{ $video['Currency'] }}" id="alternate" data-select="2"
                                        data-amount="{{ $video['Price'] }}" data-couponId="{{ $video['CouponId'] }}"
                                        data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                        data-eventid="{{ $fb_event_id }}" data-emailid="{{ $fb_event_email }}"
                                        data-externalid="{{ $fb_external_id }}">Alternate payment link</a>
                                </div>
                                <ul>
                                    <li>Billed monthly. With all your money back if the program doesn’t work for you.</li>
                                    <li>NOTE: the program is only available via our app. You will not be able to do the
                                        program here.</li>
                                </ul>
                            </section>
                        </div>
                    </div>
                </div>
            </section>

            <section class="wrap_journey_rating">
                <div class="container">
                    <div class="wrap_flex">
                        <div class="wrap_left">
                            <h3>Start your smoke-free journey now and see results in just 6 days</h3>
                            <p>World’s leading quit-smoking program. 60,000+ clients who have taken control back from
                                nicotine.</p>
                        </div>
                        <div class="wrap_right">
                            @php
                                if ($vDeviceType == 'web') {
                                    $userAgent = $_SERVER['HTTP_USER_AGENT'];

                                    if (
                                        strpos($userAgent, 'Safari') !== false &&
                                        strpos($userAgent, 'Chrome') === false &&
                                        strpos($userAgent, 'Edg') === false
                                    ) {
                                        $image_url = 'resources/images/apple-rating.png';
                                        $rating = '4.8';
                                        $rating_plateform = 'Apple Rating';
                                        $redirectURL = 'https://quitsure.app.link/2oSqUhn1aqb';
                                    } else {
                                        $image_url = 'resources/images/google-rating.png';
                                        $rating = '4.7';
                                        $rating_plateform = 'Google Rating';
                                        $redirectURL = 'https://quitsure.app.link/Xm61QsJTaqb';
                                    }
                                } elseif (strtolower($vDeviceType) == 'ios') {
                                    $image_url = 'resources/images/apple-rating.png';
                                    $rating = '4.8';
                                    $rating_plateform = 'Apple Rating';
                                    $redirectURL = 'https://quitsure.app.link/2oSqUhn1aqb';
                                } else {
                                    $image_url = 'resources/images/google-rating.png';
                                    $rating = '4.7';
                                    $rating_plateform = 'Google Rating';
                                    $redirectURL = 'https://quitsure.app.link/Xm61QsJTaqb';
                                }
                            @endphp

                            <div class="rating_google_img">
                                <a href="{{ $redirectURL }}" target="_blank" class="redirect">
                                    <img src="{{ Vite::asset($image_url) }}" alt="" srcset="">
                                </a>
                            </div>
                        </div>
                    </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>
                            <p>At QuitSure, we take a different approach. In a world full of gimmicks and quick fixes,
                                we
                                focus on what truly works. Our commitment to helping you quit smoking shines through
                                every
                                step of the way. Maybe that’s why people stick with us—and why we keep hearing about
                                success
                                stories every day.</p>
                        </div>
                        <div class="row">
                            <div class="col-lg-2 col-md-3 col-sm-6 col-7">
                                <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 col-7">
                                <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 col-7">
                                <div class="custom_col_subscribe">
                                    <figure>
                                        <img src="{{ Vite::asset('resources/images/web/tools.png') }}" alt="">
                                    </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 col-7">
                                <div class="custom_col_subscribe">
                                    <figure>
                                        <img src="{{ Vite::asset('resources/images/web/freedom.png') }}" alt="">
                                    </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> <b> Start now before your mind tricks <span></span> you into doing it ‘later’. </b></h3>
                        <p>You have a <span>74% higher chance of success</span> if you get started today.</p>
                    </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="wrap_chose_right_program" id="programSelection2">
                <div class="container">
                    <div class="wrap_txt">
                        <h3>Choose the program that is <span></span> right for you</h3>
                    </div>
                    <div class="select_program" id="programSection2">
                        <div class="_card selected_program" id="videoProgram2" data-program="{{ $video['iProgramID'] }}"
                            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-substatus="{{ $video['SubStatus'] }}" data-section="2"
                            data-fakeoffer="{{ $video['fakeCoupon'] ? 1 : 0 }}"
                            data-promocode="{{ $video['CouponCode'] }}"
                            data-firstcrossprice="{{ $video['FirstCrossPrice'] }}"
                            data-secondprice="{{ $video['CrossPrice'] }}"
                            data-secondcurrency="{{ $video['CancelCurrency'] }}"
                            data-currencysymbol="{{ $video['currencySymbol'] }}">
                            <p class="head">English (Video)</p>
                            <span class="gray">{{ $video['vDescription'] }}</span>
                            @if (!$video['SubStatus'])
                                <span>
                                    <del> {{ $video['currencySymbol'] . $video['FirstCrossPrice'] }} </del>
                                    <del> <span id="price2"
                                            class="second_cross_price  {{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                            {{ $video['currencySymbol'] . $video['CrossPrice'] }}/mo</span></del>
                                    <span id="codePriceApply2" class="price ">{{ $video['currencySymbol'] }}
                                        {{ $video['Price'] }} <span>/mo</span></span>
                                </span>

                                <p id="pricePerDay2">
                                    {{ $video['currencySymbol'] . $video['PricePerDay'] }}
                                    <span id="perDay2">/Day</span>
                                </p>
                            @else
                                <div class="wrap_inner_card2">
                                    <span>You already have an active subscription to this program</span>
                                </div>
                            @endif
                        </div>

                        <div class="_card" id="textProgram2" data-program="{{ $text['iProgramID'] }}"
                            data-btntext="1" 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-substatus="{{ $text['SubStatus'] }}" data-section="2"
                            data-fakeoffer="{{ $text['fakeCoupon'] ? 1 : 0 }}"
                            data-promocode="{{ $text['CouponCode'] }}"
                            data-firstcrossprice="{{ $text['FirstCrossPrice'] }}"
                            data-secondprice="{{ $text['CrossPrice'] }}"
                            data-secondcurrency="{{ $text['CancelCurrency'] }}"
                            data-currencysymbol="{{ $text['currencySymbol'] }}">
                            <p class="head">English (Text)</p>
                            <span class="gray">{{ $text['vDescription'] }}</span>
                            @if (!$text['SubStatus'])
                                <span>
                                    <del> {{ $text['currencySymbol'] . $text['FirstCrossPrice'] }} </del>
                                    <del> <span id="price1"
                                            class="second_cross_price {{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                            {{ $text['currencySymbol'] . $text['CrossPrice'] }}/mo </span></del>
                                    <span id="codePriceApply1" class="price">{{ $text['currencySymbol'] }}
                                        {{ $text['Price'] }}<span>/mo</span></span>
                                </span>

                                <p id="pricePerDay1">
                                    {{ $text['currencySymbol'] . $text['PricePerDay'] }}
                                    <span id="perDay1">/Day</span>
                                </p>
                            @else
                                <div class="wrap_inner_card2">
                                    <span>You already have an active subscription to this program</span>
                                </div>
                            @endif
                        </div>
                    </div>

                    <span class="borders">
                        Your effective discount is <span id="effectiveDiscount"> {{ $showPercentage }}%</span>
                    </span>

                    <span class="applied">{{ $anyFakeCoupon ? 'Offer' : 'Coupon' }} Applied:
                        <b> <span id="vCodeName2">{{ $anyFakeCoupon ? 'SIGNUPOFFER' : $video['CouponCode'] }}</span></b>
                        <a href="javascript:void(0)" class="removeCoupon" data-section="2" data-deselect="2"
                            id="removeCoupon2" data-couponid="{{ $video['CouponId'] }}"
                            data-discount='{{ $video['CouponApplied'] ? $video['CouponAppliedDiscount'] : '' }}'>
                            <img src="{{ Vite::asset('resources/images/cut.svg') }}" alt="image" />
                        </a>
                    </span>

                    <div
                        class="applyPromoCode hideAppliedCoupon {{ $text['CouponApplied'] ? 'hideAppliedCoupon' : '' }}">
                        <span class="promoCodeApply applieds" id="promoCodeApply1" data-select="2"
                            data-program="{{ $text['iProgramID'] }}" data-section="2">Apply Coupon/Promo Code</span>
                    </div>

                    <button class="button {{ $payButtonClass }}" id="buynow-btn2" data-section="2"
                        data-program="{{ $video['iProgramID'] }}" data-currency="{{ $video['Currency'] }}"
                        data-select="2" data-amount="{{ $video['Price'] }}" data-couponId="{{ $video['CouponId'] }}"
                        data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">{{ $video['CouponAppliedDiscount'] == 100 ? 'ACTIVATE FREE ACCESS' : '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-section="2"
                            data-currency="{{ $video['Currency'] }}" id="alternate2" data-select="2"
                            data-amount="{{ $video['Price'] }}" data-couponId="{{ $video['CouponId'] }}"
                            data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">Alternate
                            payment link</a>
                    </div>
                    <ul>
                        <li>Billed monthly. With all your money back if the program doesn’t work for you.</li>
                        <li>NOTE: the program is only available via our app. You will not be able to do the program here.
                        </li>
                    </ul>
                </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">
                                                <span>
                                                    Why is the subscription for one month?
                                                </span>
                                                <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                    alt="image" />
                                            </button>
                                        </h5>Start your smoke-free journey now and see results in just 6 days
                                    </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">
                                                <span>Does it auto-renew?</span>
                                                <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                    alt="image" />
                                            </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">
                                                <span>How do I cancel my subscription?</span>
                                                <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                    alt="image" />
                                            </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://quitsure.app.link/KUrCkCNiezb">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">
                                                <span>I am facing issues with payment. How do I fix it?</span>
                                                <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                    alt="image" />
                                            </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">
                                                <span>Can I purchase multiple programs at the same time?</span>
                                                <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                    alt="image" />
                                            </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">
                                                <span>I paid the fee. How do I access my program?</span>
                                                <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                    alt="image" />
                                            </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://quitsure.app.link/KUrCkCNiezb"> 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">
                                                <span> How does your money-back guarantee work? </span>
                                                <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                    alt="image" />
                                            </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>

            <section class="wrappper_money_back">
                <div class="container">
                    <div class="cstm_flex">
                        <div class="wrap_left">
                            <img src="{{ Vite::asset('resources/images/moneyback.png') }}" alt="image" />
                        </div>
                        <div class="wrap_right">
                            <p>Worried you won’t stick to quitting? <br> QuitSure is so effective, we guarantee you’ll
                                love
                                the results—or your money back!</p>
                        </div>
                    </div>
                </div>
            </section>

            <section class="copy_write_txt">
                <span>Copyright © QuitSure Private Limited, 2025</span>
            </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">
                            <input type="hidden" name="program_section" id="program_section">
                            <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 class="showOnlyFakeOffer">You will lose the <span class="discountPer"></span> additional discount
                        that has been applied here.</p>

                    <p class="showOnlyFakeOffer">Only do this if your coupon gives you a
                        greater than <span class="discountPer"></span> discount.</p>

                    <p class="showForCoupon">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">
                            <input type="hidden" name="program_section" id="program_section">
                            <input type="hidden" name="selected_program" id="selected_program">
                            <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('partials.js.B2C.subscribeJsEnglish')