@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>Em parceria com:</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">Seleção de Programa</p>
                    <h3>Escolha o programa que é ideal para você </h3>
                    @if (empty($iDiscount))
                    <p class="light_txt">Compre a assinatura agora </p>
                    @else
                    <p class="light_txt">Compre a assinatura agora e aproveite nosso desconto exclusivo de até
                        <b>{{ $showPercentage }}% </b>
                    </p>
                    @endif

                    <div class="wrap_purchase_card">
                        <div class="wrap_purchase">
                            <div class="cstm_card_program">
                                <h4 class="card_head">Programa em Português Brasileiro</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) }}">
                                            {{ __('messages.activate_free_access') }}</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 }}">{{ __('messages.buy_now')
                                            }}</button>

                                        <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>
                                            <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 }}">{{
                                                __('messages.alternate_payment_link') }}</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $text['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>Cupom 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'] : '' }}">Remover
                                                Cupom</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>Você já tem uma assinatura ativa para este programa</p>
                                        <a href="{{ url($b2bUrlPrefix . '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 em Inglês (Vídeo)</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) }}">{{
                                            __('messages.activate_free_access') }}</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 }}">{{ __('messages.buy_now')
                                            }}</button>

                                        <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>
                                            <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 }}">{{
                                                __('messages.alternate_payment_link') }}</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $video['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>Cupom 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'] : '' }}">Remover
                                                Cupom</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>Você já tem uma assinatura ativa para este programa</p>
                                        <a href="{{ url($b2bUrlPrefix . 'account') }}" class="view_btn">{{
                                            __('messages.view_details') }}</a>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <p class="clr_ora text-center mb-4"><b>(apenas um mês é suficiente)</b></p>
                    <div class="wrap_p_links">
                        <p class="please_note">Estamos tão confiantes no seu sucesso que oferecemos uma garantia de
                            devolução de 100% do dinheiro se o programa não funcionar para você. Sem perguntas.</p>
                        <p class="clr_dan"> Observe que o programa está disponível apenas em nosso <b>app.</b> Você não
                            poderá fazer o programa aqui.</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>Opa! Pagamento Falhou. Por favor, tente novamente! </b></p>
                    <p>Para qualquer problema ou dúvida, entre em contato conosco em 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">
                        Comece sua jornada livre do fumo agora e veja os resultados
                        <br> em apenas 6 dias
                    </h3>
                    <p class="mb-2 mt-4 text-center">O principal programa do mundo para parar de fumar. Mais de 50.000
                        clientes que retomaram o controle da 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 comprovadas de TCC e mindfulness</h3>
                                    <p>Para transformar sua relação com a nicotina.  </p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>Tornamos o sucesso simples</h3>
                                    <p>Sem desejos. Sem ganho de peso. Sem mudanças no estilo de vida. </p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>Construído com compaixão e experiência.</h3>
                                    <p>Desenvolvido por ex-fumantes que entendem você e já fizeram essa jornada.</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">Veja o que você recebe ao se inscrever:</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>O programa transformador completo de 6 dias no formato que você escolheu.</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>Coaching personalizado 24/7 via chat com nossos especialistas treinados.</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>Acesso vitalício às nossas poderosas ferramentas pós-abandono para um sucesso a longo
                                    prazo.</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>E, finalmente, liberdade desse vício e do controle da nicotina sobre o seu cérebro.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="wrap_habits">
                        <h4>Com base nos seus hábitos de fumar, você pode</h4>
                        <h4><b class="wrap_Save">economizar</b>
                            <b class="wrap_dolar">~{{ $vPayCurrency . ' ' . $decCostPerMonth }}</b>
                            <span> por mês </span>
                        </h4>
                        <h4>após parar de fumar</h4>
                    </div>
                </div>
            </div>
        </section>
        <section class="section_7 wrap_program_crousal">
            <div class="container">
                <div class="wrap_section_7">
                    <h3>Comece agora antes que sua mente te engane a adiar a decisão. Você tem <b>74% mais chances de
                            sucesso</b> se começar hoje.</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">Perguntas Frequentes</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 que a assinatura é de um mês?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>Você pode estar se perguntando por que o programa tem uma assinatura mensal,
                                            se é apenas um programa de 6 dias. Na prática, muitos de nossos clientes têm
                                            rotinas agitadas e acabam precisando de 10 a 12 dias para concluir o
                                            programa. Isso é totalmente normal, e o programa foi projetado para ser
                                            finalizado dentro desse período.</p>
                                        <p>Entendemos que, devido à nossa dependência do cigarro, temos a tendência de
                                            procrastinar (algo que todos nós já sentimos em nossas muitas tentativas de
                                            parar). Esse é o maior motivo pelo qual a maioria de nós acha difícil parar,
                                            ou até mesmo começar a tentar. Para evitar isso, definimos um prazo de um
                                            mês dentro do qual o programa deve ser concluído. Isso dá aos nossos
                                            clientes aquele empurrãozinho extra que eles precisam para superar a
                                            procrastinação.</p>
                                        <p>Na verdade, por causa desse prazo, muitos clientes completam o programa pouco
                                            antes de sua assinatura expirar. Sem esse prazo, eles poderiam continuar
                                            adiando a conclusão do programa e provavelmente ainda seriam fumantes hoje.
                                        </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">
                                            A assinatura se renova automaticamente?

                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>
                                            O comportamento padrão das assinaturas da Apple e do Google é a renovação
                                            automática. Se você concluiu o programa e está livre do vício, não precisará
                                            acessar o conteúdo do programa. Portanto, pedimos que você cancele a
                                            assinatura após concluir o programa. Mesmo após o cancelamento, você ainda
                                            terá acesso às ferramentas pós-quitação e ao seu diário.
                                        </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">
                                            Como faço para cancelar minha assinatura?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>Você pode cancelar sua assinatura a qualquer momento através da página
                                            ‘Detalhes da Assinatura’ no aplicativo QuitSure. Certifique-se de fazer
                                            login usando o mesmo endereço de e-mail que você usou para criar sua conta
                                            QuitSure.</p>
                                        <p><a href="https://link.quitsure.app/l/bN4OloXZ9k">Vá para o aplicativo
                                                QuitSure agora</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">
                                            Estou enfrentando problemas com o pagamento. Como resolvo?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>Entre em contato conosco em <a
                                                href="mailto:hello@quitsure.app">hello@quitsure.app</a> e ajudaremos
                                            você a resolver o problema o mais rápido possível.</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">
                                            Posso comprar vários programas ao mesmo tempo?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFive" class="collapse" aria-labelledby="headingFive"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>Sim, cada programa tem uma assinatura separada. Você pode comprar vários
                                            programas ao mesmo tempo assinando cada um separadamente.</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">
                                            Paguei a taxa. Como acesso meu programa?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSix" class="collapse" aria-labelledby="headingSix"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>Você pode acessar o programa pelo aplicativo QuitSure. Certifique-se de fazer
                                            login usando o mesmo endereço de e-mail que você usou para criar sua conta
                                            QuitSure.</p>
                                        <p> <a href="https://link.quitsure.app/l/bN4OloXZ9k">Vá para o aplicativo
                                                QuitSure agora </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">
                                            Como funciona a garantia de devolução do dinheiro?
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>QuitSure oferece uma garantia de devolução única (sem perguntas) se o
                                            programa não funcionar para você. Você pode encontrar os termos mais
                                            recentes da nossa <a href="https://www.quitsure.app/refunds"
                                                target="_blank">Política de Reembolso aqui.</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 um Cupom ou Código Promocional</h3>
                <p>Verifique se seu código é válido e aplique-o à sua 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="Insira o Código do Cupom" 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>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>Tem certeza?</h3>
                <p>Você perderá os benefícios associados a este cupom.</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">REMOVER</button>
                        <button type="button" class="buy_now_btn_cstm" data-dismiss="modal"
                            aria-label="Close">MANTER</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

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