@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">

        <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>
            </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">Selección de Programa</p>
                        <h3>Elige el programa adecuado para ti</h3>
                        @if (empty($iDiscount))
                            <p class="light_txt">Compra la suscripción ahora </p>
                        @else
                            <p class="light_txt">Compra la suscripción ahora y obtén nuestro descuento exclusivo de hasta
                                <b> {{ $showPercentage }}%</b>
                            </p>
                        @endif

                        <div class="wrap_purchase_card">
                            <div class="wrap_purchase">
                                <div class="cstm_card_program">
                                    <h4 class="card_head">Programa en Español</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'] }}"
                                                        data-currency="{{ $text['Currency'] }}" id="buy1"
                                                        data-select="1" data-couponid="{{ $text['CouponId'] }}"
                                                        data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">{{ __('messages.activate_free_access') }}</button>
                                                @else
                                                    @if ($vCountry == 'India' && $text['Currency'] == 'INR')
                                                        <a href="javascript:void(0)" class="alternate_pay_link_buy"
                                                            id="buy1" data-program="{{ $text['iProgramID'] }}"
                                                            data-btntext="1" data-currency="{{ $text['Currency'] }}"
                                                            id="alternate1" data-select="1"
                                                            data-amount="{{ $text['Price'] }}"
                                                            data-couponid="{{ $text['CouponId'] }}"
                                                            data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                            data-eventid="{{ $fb_event_id }}"
                                                            data-emailid="{{ $fb_event_email }}"
                                                            data-externalid="{{ $fb_external_id }}">{{ __('messages.buy_now') }}</a>
                                                    @else
                                                        <button class="buy_now_btn"
                                                            data-program="{{ $text['iProgramID'] }}"
                                                            data-currency="{{ $text['Currency'] }}" id="buy1"
                                                            data-select="1" data-couponid="{{ $text['CouponId'] }}"
                                                            data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                            data-eventid="{{ $fb_event_id }}"
                                                            data-emailid="{{ $fb_event_email }}"
                                                            data-externalid="{{ $fb_external_id }}">{{ __('messages.buy_now') }}</button>
                                                    @endif
                                                    <div id="AlternatePay1"
                                                        class="{{ $text['Currency'] == 'INR' && !$text['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                                        <p class="alternate_pay_text">
                                                            {{ __('messages.alternate_payment_text') }}</p>
                                                        @if ($vCountry == 'India' && $text['Currency'] == 'INR')
                                                            <a href="javascript:void(0)" class="buy_now_btn_alter"
                                                                data-program="{{ $text['iProgramID'] }}"
                                                                data-currency="{{ $text['Currency'] }}" id="alternate1"
                                                                data-select="1" data-couponid="{{ $text['CouponId'] }}"
                                                                data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                                data-eventid="{{ $fb_event_id }}"
                                                                data-emailid="{{ $fb_event_email }}"
                                                                data-externalid="{{ $fb_external_id }}">{{ __('messages.alternate_payment_link') }}</a>
                                                        @else
                                                            <a href="javascript:void(0)" class="alternate_pay_link"
                                                                data-program="{{ $text['iProgramID'] }}"
                                                                data-currency="{{ $text['Currency'] }}" id="alternate1"
                                                                data-select="1" data-amount="{{ $text['Price'] }}"
                                                                data-couponid="{{ $text['CouponId'] }}"
                                                                data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                                data-eventid="{{ $fb_event_id }}"
                                                                data-emailid="{{ $fb_event_email }}"
                                                                data-externalid="{{ $fb_external_id }}">{{ __('messages.alternate_payment_link') }}</a>
                                                        @endif
                                                    </div>
                                                @endif
                                            </div>
                                            <div class="couponCodeDisp">
                                                <div
                                                    class="appliedCoupon {{ $text['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                                    <h6>Cupón Aplicado:</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'] : '' }}">Eliminar
                                                        Cupón</a>
                                                </div>
                                                <div
                                                    class="couponCode {{ $text['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                                    <a href="#" class="promoCodeApply" id="promoCodeApply1"
                                                        data-select="1" data-program="{{ $text['iProgramID'] }}">Aplicar
                                                        Código Promocional</a>
                                                </div>
                                            </div>
                                        @else
                                            <div class="wrap_inner_card2">
                                                <p>Ya tienes una suscripción activa a este programa</p>
                                                <a href="{{ url($b2cUrlPrefix . 'account') }}"
                                                    class="view_btn">{{ __('messages.view_details') }}</a>
                                            </div>
                                        @endif

                                    </div>
                                </div>
                            </div>

                            <div class="wrap_purchase">
                                <div class="cstm_card_program">
                                    <h4 class="card_head">Programa en Inglés (Video)</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'] }}"
                                                        data-currency="{{ $video['Currency'] }}" id="buy2"
                                                        data-select="2" data-couponid="{{ $video['CouponId'] }}"
                                                        data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">{{ __('messages.activate_free_access') }}</button>
                                                @else
                                                    @if ($vCountry == 'India' && $video['Currency'] == 'INR')
                                                        <a href="javascript:void(0)" class="alternate_pay_link_buy"
                                                            id="buy2" data-program="{{ $video['iProgramID'] }}"
                                                            data-btntext="1" 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) }}"
                                                            data-eventid="{{ $fb_event_id }}"
                                                            data-emailid="{{ $fb_event_email }}"
                                                            data-externalid="{{ $fb_external_id }}">{{ __('messages.buy_now') }}</a>
                                                    @else
                                                        <button class="buy_now_btn"
                                                            data-program="{{ $video['iProgramID'] }}"
                                                            data-currency="{{ $video['Currency'] }}" id="buy2"
                                                            data-select="2" 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 }}">{{ __('messages.buy_now') }}</button>
                                                    @endif
                                                    <div id="AlternatePay2"
                                                        class="{{ $video['Currency'] == 'INR' && !$video['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                                        <p class="alternate_pay_text">
                                                            {{ __('messages.alternate_payment_text') }}</p>
                                                        @if ($vCountry == 'India' && $video['Currency'] == 'INR')
                                                            <a href="javascript:void(0)" class="buy_now_btn_alter"
                                                                data-program="{{ $video['iProgramID'] }}"
                                                                data-currency="{{ $video['Currency'] }}" id="alternate2"
                                                                data-select="2" 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 }}">{{ __('messages.alternate_payment_link') }}</a>
                                                        @else
                                                            <a href="javascript:void(0)" class="alternate_pay_link"
                                                                data-program="{{ $video['iProgramID'] }}"
                                                                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) }}"
                                                                data-eventid="{{ $fb_event_id }}"
                                                                data-emailid="{{ $fb_event_email }}"
                                                                data-externalid="{{ $fb_external_id }}">{{ __('messages.alternate_payment_link') }}</a>
                                                        @endif
                                                    </div>
                                                @endif
                                            </div>
                                            <div class="couponCodeDisp">
                                                <div
                                                    class="appliedCoupon {{ $video['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                                    <h6>Cupón Aplicado:</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'] : '' }}">Eliminar
                                                        Cupón</a>
                                                </div>
                                                <div
                                                    class="couponCode {{ $video['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                                    <a href="#" class="promoCodeApply" id="promoCodeApply2"
                                                        data-select="2"
                                                        data-program="{{ $video['iProgramID'] }}">Aplicar Código
                                                        Promocional</a>
                                                </div>
                                            </div>
                                        @else
                                            <div class="wrap_inner_card2">
                                                <p>Ya tienes una suscripción activa a este programa</p>
                                                <a href="{{ url($b2cUrlPrefix . 'account') }}"
                                                    class="view_btn">{{ __('messages.view_details') }}</a>
                                            </div>
                                        @endif

                                    </div>
                                </div>
                            </div>
                        </div>

                        <p class="clr_ora text-center mb-4"><b>(solo un mes es suficiente)</b></p>
                        <div class="wrap_p_links">
                            <p class="please_note">Estamos tan seguros de tu éxito que te ofrecemos una garantía de
                                devolución del 100% si el programa no funciona para ti. <b>Sin preguntas.</b></p>
                            <p class="clr_dan">Ten en cuenta que el programa solo está disponible <b>a través de nuestra
                                    app.</b> No podrás realizar el programa aquí.</p>

                        </div>
                        <div class="wrap_play_i_store">
                            <figure class="mr-4">
                                <a href="https://quitsure.app.link/Xm61QsJTaqb" target="_blank">
                                    <img src="{{ config('services.bucket_url') . 'web/google_play_new.png' }}"
                                        alt="image" />
                                </a>
                            </figure>
                            <figure class="ml-4">
                                <a href="https://quitsure.app.link/2oSqUhn1aqb" 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>¡Ups! El pago ha fallado. Por favor, inténtalo de nuevo. </b></p>
                        <p>Para cualquier problema o inquietud, contáctanos en 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">
                            Empieza tu camino sin fumar ahora y ve resultados
                            <br> en solo 6 días
                        </h3>
                        <p class="mb-2 mt-4 text-center">El programa líder mundial para dejar de fumar. Más de 50,000
                            clientes han recuperado el control sobre la nicotina.</p>

                        <div class="rating_icons">
                            <figure>
                                <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                            </figure>
                            <figure>
                                <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                            </figure>
                            <figure>
                                <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                            </figure>
                            <figure>
                                <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                            </figure>
                            <figure>
                                <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                            </figure>
                            <span><b>4.7/5</b></span>
                        </div>
                        <p class="google_txt">(Google Play Store)</p>
                    </div>
                </div>
            </section>

            <section class="wrapper_proven_CBT">
                <div class="container">
                    <div class="wrapper_cbt">
                        <div class="row">
                            <div class="col-lg-5 col-md-5 col-sm12">
                                <div class="wrap_cbt_img">
                                    <figure>
                                        <img src="{{ config('services.bucket_url') . 'web/cbt.png' }}" alt="image" />
                                    </figure>
                                </div>
                            </div>
                            <div class="col-lg-7 col-md-7 col-sm12">
                                <div class="wrap_cbt_text">
                                    <div class="wrap_CBT_h">
                                        <h3>Técnicas probadas de TCC y mindfulness </h3>
                                        <p>Para transformar tu relación con la nicotina.</p>
                                    </div>
                                    <div class="wrap_CBT_h">
                                        <h3>Hacemos que el éxito sea sencillo</h3>
                                        <p>Sin antojos. Sin aumento de peso. Sin cambios en tu estilo de vida. </p>
                                    </div>
                                    <div class="wrap_CBT_h">
                                        <h3>Creado con compasión y experiencia.</h3>
                                        <p>Diseñado por exfumadores que te entienden y han recorrido este camino ellos
                                            mismos </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">Esto es lo que obtienes si te suscribes:</h3>
                        </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>El programa completo de 6 días de transformación en el formato que has elegido. </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>Coaching personalizado basado en chat 24/7 con nuestros expertos capacitados.</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>Acceso de por vida a nuestras poderosas herramientas post-dejar de fumar para un
                                        éxito a largo plazo. </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>Y, finalmente, libertad de esta adicción y del control de la nicotina sobre tu
                                        cerebro.</p>
                                </div>
                            </div>
                        </div>

                        <div class="wrap_habits">
                            <h4>Según tus hábitos de fumar, puedes</h4>
                            <h4><b class="wrap_Save">ahorrar</b>
                                <b class="wrap_dolar">~{{ $vPayCurrency . $decCostPerMonth }}</b>
                                <span> cada mes </span>
                            </h4>
                            <h4>después de dejarlo</h4>
                        </div>
                    </div>
                </div>
            </section>

            <section class="section_7 wrap_program_crousal">
                <div class="container">
                    <div class="wrap_section_7">
                        <h3>Empieza ahora antes de que tu mente te engañe para dejarlo para después. Tienes un <b>74% más de
                                probabilidades de éxito</b> si comienzas hoy.</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">Preguntas Frecuentes</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">
                                                ¿Por qué la suscripción dura todo un mes?
                                            </button>
                                        </h5>
                                    </div>

                                    <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                        data-parent="#accordion">
                                        <div class="card-body">
                                            <p>Puede que te preguntes por qué el programa tiene una suscripción mensual, si
                                                solo dura 6 días. En la práctica, muchos de nuestros clientes llevan un
                                                estilo de vida bastante agitado. Por eso necesitan 10-12 días para completar
                                                el programa. No hay problema con eso y el programa ha sido diseñado para
                                                completarse en 6-12 días. </p>
                                            <p>Sin embargo, debido a nuestra dependencia del fumar, tendemos a procrastinar
                                                (todos hemos sentido esto antes de nuestros muchos intentos de dejar de
                                                fumar). Por esta razón nos parece difícil dejar de fumar, o incluso comenzar
                                                el intento. Para evitar eso, hemos definido el plazo de un mes dentro del
                                                cual se debe completar el programa. Proporciona a nuestros clientes ese
                                                empujón extra que necesitan para superar la procrastinación.</p>
                                            <p>De hecho, debido a este límite de tiempo, muchos clientes completan el
                                                programa justo antes de que su suscripción esté por terminar. Sin este
                                                límite de tiempo, podrían haber seguido retrasando el programa y aún serían
                                                fumadores hoy.</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">
                                                ¿Se renueva automáticamente?
                                            </button>
                                        </h5>
                                    </div>
                                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                        data-parent="#accordion">
                                        <div class="card-body">
                                            <p>
                                                Las suscripciones de Apple y Google se renuevan automáticamente. Si has
                                                completado el programa y estás libre de fumar, no necesitarás acceder al
                                                contenido del programa. Por lo tanto, te pedimos que te des de baja una vez
                                                que hayas completado el programa. Aún tendrás acceso a las herramientas
                                                útiles después de dejar de fumar y a tu diario después de darte de baja.
                                            </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">
                                                ¿Cómo cancelo mi suscripción?
                                            </button>
                                        </h5>
                                    </div>
                                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                        data-parent="#accordion">
                                        <div class="card-body">
                                            <p>Puedes cancelar tu suscripción en cualquier momento a través de la página
                                                "Detalles de Suscripción" en la app QuitSure. Asegúrate de iniciar sesión
                                                con el mismo correo electrónico que usaste para crear tu cuenta de QuitSure.
                                            </p>
                                            <p><a href="https://quitsure.app.link/KUrCkCNiezb">Ve a la app QuitSure
                                                    ahora</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">
                                                Estoy teniendo problemas con el pago. ¿Cómo lo soluciono?
                                            </button>
                                        </h5>
                                    </div>
                                    <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                                        data-parent="#accordion">
                                        <div class="card-body">
                                            <p>Por favor, contáctanos en <a
                                                    href="mailto:hello@quitsure.app">hello@quitsure.app</a> y te ayudaremos
                                                a resolverlo lo antes posible.</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">
                                                ¿Puedo comprar varios programas al mismo tiempo?
                                            </button>
                                        </h5>
                                    </div>
                                    <div id="collapseFive" class="collapse" aria-labelledby="headingFive"
                                        data-parent="#accordion">
                                        <div class="card-body">
                                            <p>Sí, cada programa tiene una suscripción independiente. Puedes comprar varios
                                                programas a la vez suscribiéndote a cada uno por separado.</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">
                                                Pagué la tarifa. ¿Cómo accedo a mi programa?
                                            </button>
                                        </h5>
                                    </div>
                                    <div id="collapseSix" class="collapse" aria-labelledby="headingSix"
                                        data-parent="#accordion">
                                        <div class="card-body">
                                            <p>Puedes acceder al programa a través de la app QuitSure. Asegúrate de iniciar
                                                sesión con el mismo correo electrónico que usaste para crear tu cuenta de
                                                QuitSure.</p>
                                            <p> <a href="https://quitsure.app.link/KUrCkCNiezb"> Ve a la app QuitSure ahora
                                                </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">
                                                ¿Cómo funciona su garantía de devolución de dinero?
                                            </button>
                                        </h5>
                                    </div>
                                    <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven"
                                        data-parent="#accordion">
                                        <div class="card-body">
                                            <p>QuitSure ofrece una garantía única de devolución de dinero (sin preguntas) si
                                                el programa no funciona para ti. Puedes encontrar los últimos términos de
                                                nuestra <a href="https://www.quitsure.app/refunds" target="_blank">
                                                    Política de Reembolso aquí.</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>Aplicar un Cupón o Código Promocional</h3>
                    <p>Verifica si tu código es válido y aplícalo a tu compra</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="Ingresar Código de Cupón" 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>APLICAR CÓDIGO</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>¿Estás seguro?</h3>
                    <p>Perderás los beneficios asociados con este cupón.</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">ELIMINAR</button>
                            <button type="button" class="buy_now_btn_cstm" data-dismiss="modal"
                                aria-label="Close">MANTENER</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

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