@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>अभी सब्सक्रिप्शन खरीदें और हमारे विशेष {{ $showPercentage }}% तक की छूट का लाभ उठाएं!</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> यूज़र्स के सिगरेट पीने के विचार आपके जैसे ही होते हैं।
                </h3>
                <div class="wrap_flex">
                    <div class="wrap_left">
                        <p>उनकी सफलता के आधार पर हम अनुमान लगाते हैं कि आप <span>सिर्फ 6 दिनों में पूरी तरह सिगरेट-मुक्त हो जाएंगे।</span></p>
                        <p class="font_light">इसके साथ-साथ:</p>
                        <ul>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>92% कम तड़प</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>85% कम छोड़ने के बाद के शारीरिक लक्षण</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>नाममात्र मूड स्विंग्स और चिड़चिड़ापन</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' ? 'पी गई सिगरेट्स' : 'तड़प' }}</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>दिन</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>




        <section class="wrap_programe_ready">
            <div class="container">
                <div class="wrap_flex">
                    <div class="wrap_left">
                        <h3>आपका प्रोग्राम तैयार है!</h3>
                        <p>आपको क्या मिलेगा: </p>
                        <ul>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>हमारा पूरा 6-दिन का परिवर्तन प्रोग्राम</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>सरल भाषा शैली में इंटरैक्टिव डेली मॉड्यूल्स</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>सिगरेट पीने की तड़प हटाने के लिए प्रभावशाली अभ्यास</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>24/7 चैट-आधारित सपोर्ट हमारे एक्सपर्ट कोच से</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>आपकी प्रगति देखने के लिए सिगरेट ट्रैकर</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>लंबे समय तक सिगरेट-मुक्त रहने के लिए पावरफुल पोस्ट-क्विट टूलकिट</span>
                            </li>
                        </ul>
                    </div>
                    <div class="wrap_right">
                        <section class="wrap_chose_right_program" id="programSelection1">
                            <div class="wrap_txt">
                                <span>अपनी एक्सेस अनलॉक करें</span>
                                <p>अपने लिए सही प्रोग्राम चुनें</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">अंग्रेज़ी (वीडियो) </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'] }}/महीना</span></del>
                                        <span id="codePriceApply2"
                                            class="price">{{ $video['currencySymbol'] . $video['Price'] }}
                                            <span>/महीना</span></span>
                                    </span>

                                    <p id="pricePerDay2">
                                        {{ $video['currencySymbol'] . ' ' . $video['PricePerDay'] }}
                                        <span id="perDay2">/दिन</span>
                                    </p>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <span>आपके पास पहले से ही इस प्रोग्राम की एक सक्रिय सब्सक्रिप्शन है</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">हिन्दी प्रोग्राम</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'] }}/महीना</span></del>
                                        <span id="codePriceApply1"
                                            class="price ">{{ $text['currencySymbol'] . $text['Price'] }}<span>/महीना</span></span>
                                    </span>

                                    <p id="pricePerDay1">
                                        {{ $text['currencySymbol'] . ' ' . $text['PricePerDay'] }}
                                        <span id="perDay2">/दिन</span>
                                    </p>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <span>आपके पास पहले से ही इस प्रोग्राम की एक सक्रिय सब्सक्रिप्शन है</span>
                                    </div>
                                    @endif
                                </div>
                            </div>

                            <span class="borders">
                                आपकी प्रभावी छूट है
                                <span id="effectiveDiscount">{{ $iDiscount == 0 ? '50' : $showPercentage }}%</span>
                            </span>

                            <span class="applied">{{ $anyFakeCoupon ? 'ऑफ़र ' : 'कूपन' }} लागू:
                                <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">
                                    कूपन या प्रोमो कोड लागू करें</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 ? 'फ्री  एक्सेस सक्रिय करें' : 'अभी खरीदें' }}</button>

                            <div id="AlternatePay1"
                                class="{{ $video['Currency'] == 'INR' && !$video['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                <p class="alternate_pay_text">अगर आपको ऊपर दिए गए पेमेंट विधि में समस्या आती है::</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 }}">वैकल्पिक पेमेंट लिंक</a>
                            </div>
                            <ul>
                                <li>हर महीने बिल बनेगा। अगर प्रोग्राम आपके लिए काम नहीं करता, तो आपका पूरा पैसा वापस मिलेगा।</li>
                                <li>नोट: यह प्रोग्राम केवल हमारे ऐप के ज़रिए ही उपलब्ध है। आप इसे यहां नहीं कर पाएंगे।</li>
                            </ul>
                        </section>
                    </div>
                </div>
            </div>
        </section>

        <section class="error_wrap" id="payment_error">
            <div class="wrap_payment_error">
                <div class="oops_text">
                    <p><b>ओह! पेमेंट विफल हो गया। कृपया फिर से प्रयास करें!</b></p>
                    <p>किसी भी समस्या या सवाल के लिए, कभी भी हमसे संपर्क करें। hello@quitsure.app</p>
                </div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>

        <section class="wrap_journey_rating">
            <div class="container">
                <div class="wrap_flex">
                    <div class="wrap_left">
                        <h3>अभी अपनी सिगरेट-मुक्त यात्रा शुरू करें और सिर्फ 6 दिनों में परिणाम देखें।</h3>
                        <p>दुनिया का सबसे अच्छा सिगरेट छोड़ने का प्रोग्राम। 60,000+ क्लाइंट्स जिन्होंने निकोटीन से अपना क़ाबू वापस पाया है।</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>सिद्ध सी.बी.टी. और माइंडफुलनेस तकनीकें</h3>
                                    <p>जो आपके निकोटीन के साथ संबंध को बदल देंगी।</p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>हम सफलता को सरल बनाते हैं</h3>
                                    <p>न तड़प, न वजन बढ़ेगा, न जीवनशैली में कोई बदलाव।  </p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>करुणा और अनुभव के साथ बनाया गया।</h3>
                                    <p>इसे एक्स-स्मोकर्स ने डिज़ाइन किया है, जो आपको समझते हैं और इस यात्रा को खुद पूरा कर चुके हैं। </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section class="wrapper_if_you_subscribe">
            <div class="container">
                <div class="wrap_subscribe">
                    <div class="heads_txt_subs">
                        <h3 class="cstm_subscribe">आपको यह सब सब्सक्राइब करने पर मिलेगा:</h3>
                        <p>QuitSure में हमारा तरीका थोड़ा अलग है। आज के ज़माने में जहाँ हर तरफ दिखावे और झटपट समाधान भरे पड़े हैं, हम उस चीज़ पर ध्यान देते हैं जो वाकई काम करती है। हमारा सिगरेट छुड़वाने का संकल्प हर कदम पर झलकता है। शायद यही वजह है कि लोग हमारे साथ बने रहते हैं — और हमें हर दिन सफलता की कहानियाँ सुनने को मिलती हैं।</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>आपके द्वारा चुने गए फ़ॉर्मेट में पूरा परिवर्तनकारी 6-दिन का प्रोग्राम।</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 चैट-बेस्ड व्यक्तिगत कोचिंग।</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>लंबे समय की सफलता के लिए हमारे पावरफुल पोस्ट-छोड़ने के टूल्स के लिए लाइफटाइम एक्सेस।</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>और अंत में, इस लत से और निकोटीन के मस्तिष्क पर नियंत्रण से आज़ादी।
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="wrap_habits">
                        <h4>आपकी सिगरेट पीने की आदतों के आधार पर, सिगरेट छोड़ने के बाद आप</h4>
                        <h4>
                            <b class="wrap_Save">हर महीने लगभग</b>
                            <b class="wrap_dolar">~{{ $vPayCurrency . $decCostPerMonth }}</b>
                            <span> की बचत कर सकते हैं</span>
                        </h4>
                        <!-- <h4>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> अभी शुरू करें, इससे पहले कि आपका मन आपको इसे बाद में छोड़ने के लिए बहकाए।  </b></h3>
                    <p>आज शुरू करने पर आपकी<span>74% सफलता की संभावना ज्यादा है।</span></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>अपने लिए सही प्रोग्राम चुनें</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">अंग्रेज़ी (वीडियो) </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'] }}/महीना</span></del>
                            <span id="codePriceApply2" class="price ">{{ $video['currencySymbol'] }}
                                {{ $video['Price'] }} <span>/महीना</span></span>
                        </span>

                        <p id="pricePerDay2">
                            {{ $video['currencySymbol'] . $video['PricePerDay'] }}
                            <span id="perDay2">/दिन</span>
                        </p>
                        @else
                        <div class="wrap_inner_card2">
                            <span>आपके पास पहले से ही इस प्रोग्राम की एक सक्रिय सब्सक्रिप्शन है</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">हिन्दी प्रोग्राम</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'] }}/महीना </span></del>
                            <span id="codePriceApply1" class="price">{{ $text['currencySymbol'] }}
                                {{ $text['Price'] }}<span>/महीना</span></span>
                        </span>

                        <p id="pricePerDay1">
                            {{ $text['currencySymbol'] . $text['PricePerDay'] }}
                            <span id="perDay1">/दिन</span>
                        </p>
                        @else
                        <div class="wrap_inner_card2">
                            <span>आपके पास पहले से ही इस प्रोग्राम की एक सक्रिय सब्सक्रिप्शन है</span>
                        </div>
                        @endif
                    </div>
                </div>

                <span class="borders">
                    आपकी प्रभावी छूट है <span id="effectiveDiscount"> {{ $showPercentage }}%</span>
                </span>

                <span class="applied">{{ $anyFakeCoupon ? 'ऑफ़र' : 'कूपन' }} लागू:
                    <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">कूपन या प्रोमो कोड लागू करें</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 ? 'फ्री  एक्सेस सक्रिय करें' : 'अभी खरीदें' }}</button>

                <div id="AlternatePay2"
                    class="{{ $video['Currency'] == 'INR' && !$video['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                    <p class="alternate_pay_text">अगर आपको ऊपर दिए गए पेमेंट विधि में समस्या आती है:</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) }}">वैकल्पिक पेमेंट लिंक</a>
                </div>
                <ul>
                    <li>हर महीने बिल बनेगा। अगर प्रोग्राम आपके लिए काम नहीं करता, तो आपका पूरा पैसा वापस मिलेगा।</li>
                    <li>नोट: यह प्रोग्राम केवल हमारे ऐप के ज़रिए ही उपलब्ध है। आप इसे यहां नहीं कर पाएंगे।</li>
                </ul>
            </div>
        </section>


        <section class="wrapper_faq">
            <div class="container">
                <div class="wrap_collapse">
                    <h3 class="text-center the_witnes">अक्सर पूछे जाने वाले सवाल</h3>
                    <div class="Accordian">
                        <div id="accordion">
                            <div class="card">
                                <div class="card-header" id="headingOne">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseOne" aria-expanded="true"
                                            aria-controls="collapseOne">
                                            <span>
                                                सब्सक्रिप्शन एक महीने का क्यों है?
                                            </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>आप सोच रहे होंगे कि जब यह केवल 6 दिनों का प्रोग्राम है, तो सब्सक्रिप्शन 1
                                            महीने का क्यों है। दरअसल, हमारे बहुत से क्लाइंट्स की जिंदगी काफी व्यस्त होती
                                            है। इसलिए उन्हें प्रोग्राम पूरा करने में 10-12 दिन तक लग जाते हैं। यह बिलकुल
                                            ठीक है और प्रोग्राम को 6-12 दिनों में पूरा करने के लिए डिजाइन किया गया है।
                                        </p>
                                        <p>लेकिन सिगरेट की लत के कारण, हम आमतौर पर टालमटोल करते हैं (हम सभी ने पिछले
                                            छोड़ने के प्रयासों में कई बार यह महसूस किया है)। यही मुख्य वजह है कि हम में
                                            से ज्यादातर लोगों को सिगरेट छोड़ना, या इसकी कोशिश शुरू करना मुश्किल लगता है।
                                            इस टालमटोल से बचने के लिए, हमने यह एक महीने का समय तय किया है, जिसमें यह
                                            प्रोग्राम पूरा करना चाहिए। इससे हमारे क्लाइंट्स को वो थोड़ी सी ज्यादा
                                            प्रेरणा मिल जाती है जो उन्हें टालमटोल से उबरने के लिए चाहिए।</p>
                                        <p>दरअसल, इस समय सीमा के कारण, कई क्लाइंट्स प्रोग्राम को अपने सब्सक्रिप्शन के
                                            खत्म होने से ठीक पहले पूरा कर लेते हैं। बिना इस समय सीमा के, वे शायद
                                            प्रोग्राम को करने में और देरी करते और आज भी सिगरेट पी रहे होते।</p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingTwo">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseTwo" aria-expanded="false"
                                            aria-controls="collapseTwo">
                                            <span> क्या यह ऑटोमेटिक रीन्यू हो जाता है?</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>
                                            ऑटो-रिन्यू होना एप्पल और गूगल के सब्सक्रिप्शन का डिफ़ॉल्ट सिस्टम है। अगर
                                            आपने प्रोग्राम पूरा कर लिया है और सिगरेट-मुक्त हो चुके हैं, तो आपको
                                            प्रोग्राम की सामग्री की जरूरत नहीं होगी। इसलिए हम आपसे अनुरोध करते हैं कि
                                            जैसे ही आप प्रोग्राम पूरा कर लें, अपना सब्सक्रिप्शन रद्द कर दें। आप
                                            सब्सक्रिप्शन रद्द करने के बाद भी टूल्स और अपनी डायरी का इस्तेमाल कर पाएंगे।
                                        </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>मैं अपनी सब्सक्रिप्शन कैसे कैंसल कर सकता हूँ?</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>आप कभी भी QuitSure ऐप में ‘Subscription Details’ पेज के ज़रिए अपनी
                                            सब्सक्रिप्शन कैंसल कर सकते हैं। कृपया ध्यान रखें कि आप उसी ईमेल पते से लॉगिन
                                            करें जिससे आपने अपना QuitSure अकाउंट बनाया था।
                                        </p>
                                        <p><a href="https://quitsure.app.link/KUrCkCNiezb">अभी QuitSure ऐप पर जाएं</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingFour">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseFour" aria-expanded="false"
                                            aria-controls="collapseFour">
                                            <span>मुझे पेमेंट में समस्या आ रही है। इसे कैसे ठीक करूँ?</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>कृपया हमसे <a href="mailto:hello@quitsure.app"> hello@quitsure.app </a> पर
                                            संपर्क करें और हम इसे जल्द से जल्द हल करने में आपकी मदद करेंगे।</p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingFive">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseFive" aria-expanded="false"
                                            aria-controls="collapseFive">
                                            <span>क्या मैं एक साथ कई प्रोग्राम्स खरीद सकता हूँ?</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>हाँ, हर प्रोग्राम की अलग सब्सक्रिप्शन होती है। आप एक साथ कई प्रोग्राम्स को
                                            खरीद सकते हैं, हर एक को अलग-अलग सब्सक्राइब करके।</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> मैंने फीस भर दी है। अपना प्रोग्राम कैसे एक्सेस करूँ?</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>आप QuitSure ऐप के माध्यम से प्रोग्राम एक्सेस कर सकते हैं। कृपया ध्यान रखें कि
                                            आप उसी ईमेल पते से लॉगिन करें जिससे आपने अपना QuitSure अकाउंट बनाया था।</p>
                                        <p> <a href="https://quitsure.app.link/KUrCkCNiezb"> अभी QuitSure ऐप पर
                                                जाएं</a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingSeven">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseSeven" aria-expanded="false"
                                            aria-controls="collapseSeven">
                                            <span> आपकी मनी-बैक गारंटी कैसे काम करती है? </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 आपको एक अनोखी मनी-बैक गारंटी देता है (कोई सवाल नहीं पूछा जाएगा) अगर
                                            प्रोग्राम आपके लिए काम नहीं करता है। हमारी <a
                                                href="https://www.quitsure.app/refunds" target="_blank"> रिफंड
                                                पॉलिसी</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>क्या आपको लगता है कि आप छोड़ने में टिक नहीं पाएंगे? QuitSure इतना असरदार है कि हम गारंटी देते हैं कि आपको इसके नतीजे पसंद आएंगे — वरना आपका पैसा वापस!</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>कूपन या प्रोमो कोड लागू करें</h3>
                <p>अपने कोड की मान्यता जांचें और इसे अपनी खरीदारी पर लागू करें</p>
                <div id="errorMsg"></div>
                <div>
                    <form class="coupon_apply_form" id="code_apply_form" method="post">
                        <input type="text" name="promocode" id="promocode" class="cstm_coupon_input"
                            placeholder="कूपन कोड दर्ज करें" required>
                        <input type="hidden" name="promoCodeApply" id="promoCodeApply">
                        <input type="hidden" name="iProgram" id="iProgram">
                        <input type="hidden" name="program_section" id="program_section">
                        <button type="submit" id="applyCodeBtn" class="buy_now_btn_cstm apply_code_disabled"
                            disabled>कोड लागू करें</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Remove Coupon -  Modal -->
<div class="modal fade modal_active_overwrite modal_add_coupon cstm_delete_coupon" id="removeCode" tabindex="-1"
    aria-labelledby="removeCodeLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <img class="coupon_gift" src="{{ Vite::asset('resources/images/solar_danger-circle-bold.svg') }}"
                    alt="delete">
                <h3>क्या आप निश्चित हैं?</h3>
                <p class="showOnlyFakeOffer">आपको यहाँ जो <span class="discountPer"></span> का अतिरिक्त डिस्काउंट मिला है, वह हट जाएगा।.</p>

                <p class="showOnlyFakeOffer">यह तभी करें जब आपका कूपन आपको
                    <span class="discountPer"></span> से अधिक का डिस्काउंट दे रहा हो।</p>


                <p class="showForCoupon">आप इस कूपन से जुड़े लाभ खो देंगे।</p>

                <div>
                    <form class="coupon_apply_form" method="post">
                        <input type="hidden" name="removeCodeApply" id="removeCodeApply">
                        <input type="hidden" name="iCouponId" id="iCouponId">
                        <input type="hidden" name="iDiscount" id="iDiscount">
                        <button type="button" id="removeCodeBtn"
                            class="buy_now_btn_cstm remove_coupon_btn">हटाएं</button>
                        <button type="button" class="buy_now_btn_cstm" data-dismiss="modal"
                            aria-label="Close">रखें</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@include('partials.js.B2C.subscribeJsEnglish')