@extends('V2.layouts.B2B')

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

@section('content')
<div class="wrapper_subscribe_b2b">
    <div class="wrapper_partner_header">
        <Header class="header">
            <div class="header_logo">
                <a class="disable_redirecting" href="javascript:void(0);">
                    <img src="{{ config('services.bucket_url') . 'web/partner_qs_logo.png' }}" alt="image" />
                </a>
            </div>
            <div class="header_partner_logo">
                <P>सहयोग में :</P>
                <figure class="mt-2">
                    <img src="{{ $partnerLogo }}" alt="image" />
                </figure>
            </div>
        </Header>
    </div>
    <div class="program_selection_wrap_txt">
        <section class="coupon_wrap" id="coupon_success">
            <div class="wrap_coupon_success">
                <div class="oops_text">
                    <p id="coupon_message"></p>
                </div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>
        <section class="coupon_wrap payment_failed" id="coupon_failed">
            <div class="wrap_coupon_success">
                <div class="oops_text" id="error_failed"></div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>
        <section class="wrapper_program">
            <figure class="back_Bg">
                <img src="{{ config('services.bucket_url') . 'web/program_right.png' }}" alt="image" />
            </figure>
            <div class="container">
                <div class="wrap_program_selection">
                    <p class="common_quit_txt">प्रोग्राम चुनें</p>
                    <h3>अपने लिए सही प्रोग्राम चुनें </h3>
                    @if (empty($iDiscount))
                    <p class="light_txt">अभी सब्सक्रिप्शन खरीदें </p>
                    @else
                    <p class="light_txt">अभी सब्सक्रिप्शन खरीदें और हमारे विशेष
                        <b>{{ $showPercentage }}% तक की छूट
                            का लाभ उठाएं!</b>
                    </p>
                    @endif

                    <div class="wrap_purchase_card">
                        <div class="wrap_purchase">
                            <div class="cstm_card_program">
                                <h4 class="card_head">हिन्दी प्रोग्राम</h4>
                                <figure class="card_img">
                                    <img src="{{ config('services.bucket_url') . 'web/English_text.png' }}"
                                        alt="image" />
                                </figure>
                                <p>{{ $text['vDescription'] }}</p>
                                <div class="wrap_cards_buy">
                                    @if (!$text['SubStatus'])
                                    <div class="wrap_inner_card">
                                        <del>{{ $text['CancelCurrency'] . ' ' . $text['FirstCrossPrice'] }}/{{
                                            __('messages.per_month') }}</del>
                                        <h6 id="price1"
                                            class="second_cross_price {{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                            <del>{{ $text['CancelCurrency'] . ' ' . $text['CrossPrice'] }}/{{
                                                __('messages.per_month') }}</del>
                                        </h6>
                                        <h5 id="codePriceApply1"
                                            class="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'fillPrice' : '') : ($iDiscount ? 'fillPrice' : '') }}">
                                            {{ $text['Currency'] . ' ' . $text['Price'] }}/{{ __('messages.per_month')
                                            }}
                                        </h5>
                                        @if ($text['Price'] == 0)
                                        <button class="active_free" data-program="{{ $text['iProgramID'] }}" id="buy1"
                                            data-currency="{{ $text['Currency'] }}"
                                            data-couponid="{{ $text['CouponId'] }}"
                                            data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">
                                            फ्री एक्सेस सक्रिय करें</button>
                                        @else
                                        <button class="buy_now_btn" data-program="{{ $text['iProgramID'] }}" id="buy1"
                                            data-currency="{{ $text['Currency'] }}"
                                            data-couponid="{{ $text['CouponId'] }}"
                                            data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                            data-select="1" data-eventid="{{ $fb_event_id }}"
                                            data-emailid="{{ $fb_event_email }}"
                                            data-externalid="{{ $fb_external_id }}">अभी खरीदें</button>

                                        <div id="AlternatePay1"
                                            class="{{ $text['Currency'] == 'INR' && !$text['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                            <p class="alternate_pay_text">अगर आपको ऊपर दिए गए पेमेंट विधि में
                                                समस्या आती है:</p>
                                            <a href="javascript:void(0)" class="alternate_pay_link"
                                                data-program="{{ $text['iProgramID'] }}"
                                                data-currency="{{ $text['Currency'] }}" id="alternate1"
                                                data-amount="{{ $text['Price'] }}"
                                                data-couponid="{{ $text['CouponId'] }}"
                                                data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                data-select="1" data-eventid="{{ $fb_event_id }}"
                                                data-emailid="{{ $fb_event_email }}"
                                                data-externalid="{{ $fb_external_id }}">वैकल्पिक पेमेंट
                                                लिंक</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $text['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>कूपन लागू हुआ:</h6>
                                            <h6><b id="vCodeName1">{{ $text['CouponCode'] }}</b></h6>
                                            <a href="javascript:void(0)" class="removeCoupon" data-deselect="1"
                                                id="removeCoupon1" data-couponId="{{ $text['CouponId'] }}"
                                                data-discount="{{ $text['CouponApplied'] ? $text['CouponAppliedDiscount'] : '' }}">कूपन
                                                हटाएं</a>
                                        </div>
                                        <div class="couponCode {{ $text['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                            <a href="#" class="promoCodeApply" id="promoCodeApply1" data-select="1"
                                                data-program="{{ $text['iProgramID'] }}">प्रोमो कोड
                                                लागू करें</a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <p>आपके पास पहले से ही इस प्रोग्राम की एक सक्रिय सब्सक्रिप्शन है</p>
                                        <a href="{{ url($b2bUrlPrefix . 'account') }}" class="view_btn">विवरण
                                            देखें</a>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="wrap_purchase">
                            <div class="cstm_card_program">
                                <h4 class="card_head">अंग्रेज़ी (वीडियो) प्रोग्राम</h4>
                                <figure class="card_img">
                                    <img src="{{ config('services.bucket_url') . 'web/English_video.png' }}"
                                        alt="image" />
                                </figure>
                                <p>{{ $video['vDescription'] }}</p>
                                <div class="wrap_cards_buy">
                                    @if (!$video['SubStatus'])
                                    <div class="wrap_inner_card">
                                        <del>{{ $video['CancelCurrency'] . ' ' . $video['FirstCrossPrice'] }}/{{
                                            __('messages.per_month') }}</del>
                                        <h6 id="price2"
                                            class="second_cross_price {{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                            <del>{{ $video['CancelCurrency'] . ' ' . $video['CrossPrice'] }}/{{
                                                __('messages.per_month') }}</del>
                                        </h6>
                                        <h5 id="codePriceApply2"
                                            class="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'fillPrice' : '') : ($iDiscount ? 'fillPrice' : '') }}">
                                            {{ $video['Currency'] . ' ' . $video['Price'] }}/{{ __('messages.per_month')
                                            }}
                                        </h5>
                                        @if ($video['Price'] == 0)
                                        <button class="active_free" data-program="{{ $video['iProgramID'] }}" id="buy2"
                                            data-currency="{{ $video['Currency'] }}"
                                            data-couponId="{{ $video['CouponId'] }}"
                                            data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">फ्री
                                            एक्सेस सक्रिय करें</button>
                                        @else
                                        <button class="buy_now_btn" data-program="{{ $video['iProgramID'] }}" id="buy2"
                                            data-currency="{{ $video['Currency'] }}"
                                            data-couponId="{{ $video['CouponId'] }}"
                                            data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                            data-select="2" data-eventid="{{ $fb_event_id }}"
                                            data-emailid="{{ $fb_event_email }}"
                                            data-externalid="{{ $fb_external_id }}">अभी खरीदें</button>

                                        <div id="AlternatePay2"
                                            class="{{ $video['Currency'] == 'INR' && !$video['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                            <p class="alternate_pay_text">अगर आपको ऊपर दिए गए पेमेंट विधि में
                                                समस्या आती है</p>
                                            <a href="javascript:void(0)" class="alternate_pay_link"
                                                data-program="{{ $video['iProgramID'] }}"
                                                data-currency="{{ $video['Currency'] }}" id="alternate2"
                                                data-amount="{{ $video['Price'] }}"
                                                data-couponId="{{ $video['CouponId'] }}"
                                                data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                data-select="2" data-eventid="{{ $fb_event_id }}"
                                                data-emailid="{{ $fb_event_email }}"
                                                data-externalid="{{ $fb_external_id }}">वैकल्पिक पेमेंट
                                                लिंक</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $video['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>कूपन लागू हुआ:</h6>
                                            <h6><b id="vCodeName2">{{ $video['CouponCode'] }}</b></h6>
                                            <a href="javascript:void(0)" class="removeCoupon" data-deselect="2"
                                                id="removeCoupon2" data-couponid="{{ $video['CouponId'] }}"
                                                data-discount="{{ $video['CouponApplied'] ?
                                                $video['CouponAppliedDiscount'] : '' }}">कूपन
                                                हटाएं</a>
                                        </div>
                                        <div class="couponCode {{ $video['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                            <a href="#" class="promoCodeApply" id="promoCodeApply2" data-select="2"
                                                data-program="{{ $video['iProgramID'] }}">प्रोमो
                                                कोड लागू करें</a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <p>आपके पास पहले से ही इस प्रोग्राम की एक सक्रिय सब्सक्रिप्शन है</p>
                                        <a href="{{ url($b2bUrlPrefix . 'account') }}" class="view_btn">विवरण
                                            देखें</a>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <p class="clr_ora text-center mb-4"><b>(सिर्फ एक महीना ही काफ़ी है)</b></p>
                    <div class="wrap_p_links">
                        <p class="please_note">हम आपकी सफलता को लेकर इतने आश्वस्त हैं कि यदि यह प्रोग्राम आपके लिए काम
                            नहीं करता, तो हम आपको 100% मनी-बैक गारंटी दे रहे हैं। <b>कोई सवाल नहीं पूछा जाएगा।</b></p>
                        <p class="clr_dan">कृपया ध्यान दें कि यह प्रोग्राम केवल हमारे <b> ऐप के माध्यम से ही उपलब्ध है।
                            </b> आप यहाँ इस प्रोग्राम को नहीं कर पाएंगे। अभी ऐप डाउनलोड करें</p>
                    </div>
                    <div class="wrap_play_i_store">
                        <figure class="mr-4">
                            <a href="https://link.quitsure.app/l/HIES0u0ROp" target="_blank">
                                <img src="{{ config('services.bucket_url') . 'web/google_play_new.png' }}"
                                    alt="image" />
                            </a>
                        </figure>
                        <figure class="ml-4">
                            <a href="https://link.quitsure.app/l/hI2XldeZje" target="_blank">
                                <img src="{{ Vite::asset('resources/images/web/app_store_new.png') }}" />
                            </a>
                        </figure>
                    </div>
                </div>
            </div>
        </section>
        <section class="error_wrap" id="payment_error">
            <div class="wrap_payment_error">
                <div class="oops_text">
                    <p><b>ओह! पेमेंट विफल हो गया। कृपया फिर से प्रयास करें!</b></p>
                    <p>किसी भी समस्या या सवाल के लिए, कभी भी हमसे संपर्क करें। hello@quitsure.app</p>
                </div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>
        <section class="wrap_store_rating">
            <div class="container">
                <div class="ratings-cntent">
                    <h3 class="text-center">
                        अभी अपनी सिगरेट-मुक्त यात्रा शुरू करें और<br> सिर्फ 6 दिनों में परिणाम देखें।
                    </h3>
                    <p class="mb-2 mt-4 text-center">दुनिया का सबसे अच्छा सिगरेट छोड़ने का प्रोग्राम। 50,000+ क्लाइंट्स
                        जिन्होंने निकोटीन से अपना क़ाबू वापस पाया है। </p>

                    <div class="rating_icons">
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <span><b>4.7/5</b></span>
                    </div>
                    <p class="google_txt">(गूगल प्ले स्टोर) </p>
                </div>
            </div>
        </section>
        <section class="wrapper_proven_CBT">
            <div class="container">
                <div class="wrapper_cbt">
                    <div class="row">
                        <div class="col-lg-5 col-md-5 col-sm12">
                            <div class="wrap_cbt_img">
                                <figure>
                                    <img src="{{ config('services.bucket_url') . 'web/cbt.png' }}" alt="image" />
                                </figure>
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm12">
                            <div class="wrap_cbt_text">
                                <div class="wrap_CBT_h">
                                    <h3>सिद्ध सी.बी.टी. और माइंडफुलनेस तकनीकें</h3>
                                    <p>जो आपके निकोटीन के साथ संबंध को बदल देंगी।</p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>हम सफलता को सरल बनाते हैं</h3>
                                    <p>न तड़प, न वजन बढ़ेगा, न जीवनशैली में कोई बदलाव। </p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>करुणा और अनुभव के साथ बनाया गया। </h3>
                                    <p>इसे एक्स-स्मोकर्स ने डिज़ाइन किया है, जो आपको समझते हैं और इस यात्रा को खुद पूरा
                                        कर चुके हैं। </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="wrapper_if_you_subscribe">
            <div class="container">
                <div class="wrap_subscribe">
                    <div class="heads_txt_subs">
                        <h3 class="cstm_subscribe">आपको यह सब सब्सक्राइब करने पर मिलेगा:</h3>
                    </div>
                    <div class="row">
                        <div class="col-lg-2 col-md-3 col-sm-6">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/Acces.png') }}" alt="" />
                                </figure>
                                <p>आपके द्वारा चुने गए फ़ॉर्मेट में पूरा परिवर्तनकारी 6-दिन का प्रोग्राम।</p>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-6">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/chat.png') }}" alt="" />
                                </figure>
                                <p>हमारे प्रशिक्षित विशेषज्ञों से 24*7 चैट-बेस्ड व्यक्तिगत कोचिंग।</p>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-6">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/tools.png') }}" alt="image" />
                                </figure>
                                <p>लंबे समय की सफलता के लिए हमारे पावरफुल पोस्ट-छोड़ने के टूल्स के लिए लाइफटाइम एक्सेस।
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-3 col-sm-6">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/freedom.png') }}" alt="image" />
                                </figure>
                                <p>और अंत में, इस लत से और निकोटीन के मस्तिष्क पर नियंत्रण से आज़ादी। </p>
                            </div>
                        </div>
                    </div>

                    <div class="wrap_habits">
                        <h4>आपकी सिगरेट पीने की आदतों के आधार पर, सिगरेट छोड़ने के बाद आप</h4>
                        <h4>
                            <b class="wrap_Save">हर महीने लगभग </b>
                            <b class="wrap_dolar">~{{ $vPayCurrency . ' ' . $decCostPerMonth }}</b>
                            <span> की बचत कर सकते हैं </span>
                        </h4>
                        <h4>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> सफलता की संभावना 74% ज्यादा है।
                    </h3>
                </div>
                <div class="custom_class_slick">
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_1.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_2.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_3.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_1.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_2.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_3.png' }}" alt="image" />
                    </figure>
                </div>
            </div>
        </section>
        <section class="wrapper_faq">
            <div class="container">
                <div class="wrap_collapse">
                    <h3 class="text-center the_witnes">अक्सर पूछे जाने वाले सवाल</h3>
                    <div class="Accordian">
                        <div id="accordion">
                            <div class="card">
                                <div class="card-header" id="headingOne">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            सब्सक्रिप्शन एक महीने का क्यों है?
                                        </button>
                                    </h5>
                                </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">
                                            क्या यह ऑटोमेटिक रीन्यू हो जाता है?
                                        </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">
                                            मैं अपनी सब्सक्रिप्शन कैसे कैंसल कर सकता हूँ?
                                        </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://link.quitsure.app/l/bN4OloXZ9k">अभी QuitSure ऐप पर जाएं</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingFour">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseFour" aria-expanded="false"
                                            aria-controls="collapseFour">
                                            मुझे पेमेंट में समस्या आ रही है। इसे कैसे ठीक करूँ?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>कृपया हमसे <a href="mailto:hello@quitsure.app">
                                                hello@quitsure.app </a> पर संपर्क करें और हम इसे जल्द से जल्द हल करने
                                            में आपकी मदद करेंगे।</p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingFive">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseFive" aria-expanded="false"
                                            aria-controls="collapseFive">
                                            क्या मैं एक साथ कई प्रोग्राम्स खरीद सकता हूँ?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFive" class="collapse" aria-labelledby="headingFive"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>हाँ, हर प्रोग्राम की अलग सब्सक्रिप्शन होती है। आप एक साथ कई प्रोग्राम्स को
                                            खरीद सकते हैं, हर एक को अलग-अलग सब्सक्राइब करके।</p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingSix">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseSix" aria-expanded="false"
                                            aria-controls="collapseSix">
                                            मैंने फीस भर दी है। अपना प्रोग्राम कैसे एक्सेस करूँ?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSix" class="collapse" aria-labelledby="headingSix"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>आप QuitSure ऐप के माध्यम से प्रोग्राम एक्सेस कर सकते हैं। कृपया ध्यान रखें कि
                                            आप उसी ईमेल पते से लॉगिन करें जिससे आपने अपना QuitSure अकाउंट बनाया था।</p>
                                        <p> <a href="https://link.quitsure.app/l/bN4OloXZ9k"> अभी QuitSure ऐप पर जाएं
                                            </a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingSeven">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseSeven" aria-expanded="false"
                                            aria-controls="collapseSeven">
                                            आपकी मनी-बैक गारंटी कैसे काम करती है?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>QuitSure आपको एक अनोखी मनी-बैक गारंटी देता है (कोई सवाल नहीं पूछा जाएगा) अगर
                                            प्रोग्राम आपके लिए काम नहीं करता है। हमारी <a
                                                href="https://www.quitsure.app/refunds" target="_blank"> रिफंड
                                                पॉलिसी</a> की नवीनतम शर्तें आप यहाँ पा सकते हैं।</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>

<!-- Apply Coupon -  Modal -->
<div class="modal fade modal_active_overwrite modal_add_coupon" id="applyCode" tabindex="-1"
    aria-labelledby="applyCodeLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <img class="coupon_gift" src="{{ Vite::asset('resources/images/12.svg') }}" alt="coupon">
                <h3>कूपन या प्रोमो कोड लागू करें</h3>
                <p>अपने कोड की मान्यता जांचें और इसे अपनी खरीदारी पर लागू करें</p>
                <div id="errorMsg"></div>
                <div>
                    <form class="coupon_apply_form" id="code_apply_form" method="post">
                        <input type="text" name="promocode" id="promocode" class="cstm_coupon_input"
                            placeholder="कूपन कोड दर्ज करें" required>
                        <input type="hidden" name="promoCodeApply" id="promoCodeApply">
                        <input type="hidden" name="iProgram" id="iProgram">
                        <button type="submit" id="applyCodeBtn" class="buy_now_btn_cstm apply_code_disabled"
                            disabled>कोड लागू करें</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Remove Coupon -  Modal -->
<div class="modal fade modal_active_overwrite modal_add_coupon cstm_delete_coupon" id="removeCode" tabindex="-1"
    aria-labelledby="removeCodeLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <img class="coupon_gift" src="{{ Vite::asset('resources/images/solar_danger-circle-bold.svg') }}"
                    alt="delete">
                <h3>क्या आप निश्चित हैं?</h3>
                <p>आप इस कूपन से जुड़े लाभ खो देंगे।</p>
                <div>
                    <form class="coupon_apply_form" method="post">
                        <input type="hidden" name="removeCodeApply" id="removeCodeApply">
                        <input type="hidden" name="iCouponId" id="iCouponId">
                        <input type="hidden" name="iDiscount" id="iDiscount">
                        <button type="button" id="removeCodeBtn"
                            class="buy_now_btn_cstm remove_coupon_btn">हटाएं</button>
                        <button type="button" class="buy_now_btn_cstm" data-dismiss="modal"
                            aria-label="Close">रखें</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

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