@extends('layouts.B2C')

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

@section('content')
<div class="wrapper_subscribe_b2b wrapper_subscribe_v2">

    @if (
    $bOnBoardComplete &&
    isset($anyFakeCoupon) &&
    !empty($anyFakeCoupon) &&
    isset($showPercentage) &&
    $showPercentage > 0)
    <div class="wrap_exclusive_discount">
        <div class="wrap_flex">
            <span>Compre agora para garantir nosso desconto exclusivo de {{ $showPercentage }}% na web</span>
            <h2 id="timer"></h2>
        </div>
    </div>
    @endif

    <div class="wrapper_partner_header">
        <header class="header">
            <div class="header_logo">
                <a class="disable_redirecting" href="javascript:void(0);">
                    <img src="{{ Vite::asset('resources/images/logo-loading-page.png') }}" alt="image" />
                </a>
            </div>
        </header>
    </div>

    <div class="program_selection_wrap_txt">
        <section class="coupon_wrap" id="coupon_success">
            <div class="wrap_coupon_success">
                <div class="oops_text">
                    <p id="coupon_message"></p>
                </div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>

        <section class="coupon_wrap payment_failed" id="coupon_failed">
            <div class="wrap_coupon_success">
                <div class="oops_text" id="error_failed"></div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>

        <section class="wrap_smoking_pattern">
            <div class="container">
                <h3><span>{{ $smokingThoughtPattern ?? '' }}% </span> dos nossos usuários compartilham os seus padrões de pensamento sobre fumar.
                </h3>
                <div class="wrap_flex">
                    <div class="wrap_left">
                        <p>Com base no sucesso deles, prevemos que você estará <span>completamente livre do fumo em apenas 6 dias.</span></p>
                        <p class="font_light">Com uma redução adicional de:</p>
                        <ul>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>92% nos desejos</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>85% menos sintomas de abstinência</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Oscilações de humor e irritabilidade quase inexistentes</span>
                            </li>
                        </ul>
                    </div>
                    <div class="wrap_right">
                        <div class="banner_graph_image {{ $graphType == 'cigarettes' ? 'has_number' : '' }}">
                            <div class="wrap_dynamic_data_ul">
                                <p>{{ $graphType == 'cigarettes' ? 'Cigarros fumados' : 'Desejos' }}</p>
                            </div>
                            <div class="wrap_days_txt">
                                <div class="wrap_ul_img">
                                    @if ($graphType == 'cigarettes')
                                    <ul>
                                        @if ($yAxis)
                                        @foreach ($yAxis as $axis)
                                        <li>{{ $axis }}</li>
                                        @endforeach
                                        @endif
                                        <li>0</li>
                                    </ul>
                                    @else
                                    <ul>
                                        @for ($i = 1; $i <= 6; $i++)
                                            <li>
                                            </li>
                                            @endfor
                                    </ul>
                                    @endif
                                    <img src="{{ Vite::asset('resources/images/base-graph.png') }}">
                                </div>
                                <p>Dias</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section class="wrap_programe_ready">
            <div class="container">
                <div class="wrap_flex">
                    <div class="wrap_left">
                        <h3>Seu Programa está pronto!</h3>
                        <p>O que você vai receber </p>
                        <ul>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Nosso programa completo de transformação em 6 dias</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Módulos diários interativos em um estilo simples de narração</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Exercícios imersivos para remover seu desejo de fumar</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Suporte 24h por dia, 7 dias por semana, via chat com coaches especialistas</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Rastreador de fumo para acompanhar seu progresso todos os dias</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Poderoso kit de ferramentas pós-parada para se manter livre de fumo a longo prazo</span>
                            </li>
                        </ul>
                    </div>
                    <div class="wrap_right">
                        <section class="wrap_chose_right_program" id="programSelection1">
                            <div class="wrap_txt">
                                <span>Desbloqueie seu acesso</span>
                                <p>Escolha o programa que é ideal para você</p>
                            </div>

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

                                    <p class="head">Programa em Inglês (Vídeo)</p>
                                    <span class="gray">{{ $video['vDescription'] }}</span>
                                    @if (!$video['SubStatus'])
                                    <span>
                                        <del>{{ $video['currencySymbol'] . $video['FirstCrossPrice'] }}</del>
                                        <del><span id="price2"
                                                class="second_cross_price  {{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">{{ $video['currencySymbol'] . $video['CrossPrice'] }}/{{ __('messages.per_month') }}</span></del>
                                        <span id="codePriceApply2"
                                            class="price">{{ $video['currencySymbol'] . $video['Price'] }}
                                            <span>/{{ __('messages.per_month') }}</span></span>
                                    </span>

                                    <p id="pricePerDay2">
                                        {{ $video['currencySymbol'] . ' ' . $video['PricePerDay'] }}
                                        <span id="perDay2">/Dias</span>
                                    </p>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <span>Você já tem uma assinatura ativa para este programa</span>
                                    </div>
                                    @endif
                                </div>

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

                                    <p class="head">Programa em Português Brasileiro</p>
                                    <span class="gray">{{ $text['vDescription'] }}</span>
                                    @if (!$text['SubStatus'])
                                    <span>
                                        <del> {{ $text['currencySymbol'] . $text['FirstCrossPrice'] }}</del>
                                        <del><span id="price1"
                                                class="second_cross_price {{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                                {{ $text['currencySymbol'] . $text['CrossPrice'] }}/{{ __('messages.per_month') }}</span></del>
                                        <span id="codePriceApply1"
                                            class="price ">{{ $text['currencySymbol'] . $text['Price'] }}<span>/{{ __('messages.per_month') }}</span></span>
                                    </span>

                                    <p id="pricePerDay1">
                                        {{ $text['currencySymbol'] . ' ' . $text['PricePerDay'] }}
                                        <span id="perDay2">/Dias</span>
                                    </p>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <span>Você já tem uma assinatura ativa para este programa</span>
                                    </div>
                                    @endif
                                </div>
                            </div>

                            <span class="borders">
                                Seu desconto efetivo é
                                <span id="effectiveDiscount">{{ $iDiscount == 0 ? '50' : $showPercentage }}%</span>
                            </span>

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

                            <div
                                class="applyPromoCode hideAppliedCoupon {{ $text['CouponApplied'] ? 'hideAppliedCoupon' : '' }}">
                                <span class="promoCodeApply applieds" id="promoCodeApply1" data-select="1"
                                    data-program="{{ $text['iProgramID'] }}" data-section="1">
                                    Aplicar Cupom/Código Promocional</span>
                            </div>

                            @php
                            $payButtonClass =
                            $vCountry == 'India' && ($video['Currency'] ?? '') == 'INR'
                            ? 'alternate_pay_link_buy'
                            : 'buy_now_btn';

                            $alternatePayBtnClass =
                            $vCountry == 'India' && ($video['Currency'] ?? '') == 'INR'
                            ? 'buy_now_btn_alter'
                            : 'alternate_pay_link';

                            if (($video['CouponAppliedDiscount'] ?? 0) == 100) {
                            $payButtonClass = 'active_free';
                            }
                            @endphp

                            <button class="button {{ $payButtonClass }}" id="buynow-btn" data-section="1"
                                data-program="{{ $video['iProgramID'] }}" data-currency="{{ $video['Currency'] }}"
                                data-amount="{{ $video['Price'] }}" data-couponId="{{ $video['CouponId'] }}"
                                data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                data-select="2" data-eventid="{{ $fb_event_id }}"
                                data-emailid="{{ $fb_event_email }}"
                                data-externalid="{{ $fb_external_id }}">{{ $video['CouponAppliedDiscount'] == 100 ? 'ATIVAR ACESSO GRATUITO' : 'Comprar Agora' }}</button>

                            <div id="AlternatePay1"
                                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="{{ $alternatePayBtnClass }}"
                                    data-program="{{ $video['iProgramID'] }}" data-section="1"
                                    data-currency="{{ $video['Currency'] }}" id="alternate" data-select="2"
                                    data-amount="{{ $video['Price'] }}" data-couponId="{{ $video['CouponId'] }}"
                                    data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                    data-eventid="{{ $fb_event_id }}" data-emailid="{{ $fb_event_email }}"
                                    data-externalid="{{ $fb_external_id }}">{{ __('messages.alternate_payment_link') }}</a>
                            </div>
                            <ul>
                                <li>Cobrança mensal. Com reembolso total se o programa não funcionar para você.</li>
                                <li>OBSERVAÇÃO: o programa está disponível apenas através do nosso app. Você não conseguirá fazer o programa por aqui.</li>
                            </ul>
                        </section>
                    </div>
                </div>
            </div>
        </section>




        <section class="error_wrap" id="payment_error">
            <div class="wrap_payment_error">
                <div class="oops_text">
                    <p><b>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_journey_rating">
            <div class="container">
                <div class="wrap_flex">
                    <div class="wrap_left">
                        <h3>Comece sua jornada livre do fumo agora e veja os resultados em apenas 6 dias</h3>
                        <p>O principal programa do mundo para parar de fumar. Mais de 60,000+
                            clientes que retomaram o controle da nicotina.</p>
                    </div>
                    <div class="wrap_right">
                        @php
                        if ($vDeviceType == 'web') {
                        $userAgent = $_SERVER['HTTP_USER_AGENT'];

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

                        <div class="rating_google_img">
                            <a href="{{ $redirectURL }}" target="_blank" class="redirect">
                                <img src="{{ Vite::asset($image_url) }}" alt="" srcset="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="wrapper_proven_CBT">
            <div class="container">
                <div class="wrapper_cbt">
                    <div class="row">
                        <div class="col-lg-5 col-md-5 col-sm12">
                            <div class="wrap_cbt_img">
                                <figure>
                                    <img src="{{ config('services.bucket_url') . 'web/cbt.png' }}" alt="image" />
                                </figure>
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm12">
                            <div class="wrap_cbt_text">
                                <div class="wrap_CBT_h">
                                    <h3>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>
                        <p>Na QuitSure, a gente segue um caminho diferente. Num mundo cheio de truques e soluções milagrosas, focamos no que realmente funciona. Nosso compromisso em te ajudar a parar de fumar aparece em cada passo do processo. Talvez seja por isso que as pessoas continuam com a gente — e por que a gente ouve histórias de sucesso todos os dias.</p>
                    </div>
                    <div class="row">
                        <div class="col-lg-2 col-md-3 col-sm-6 col-7">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/Acces.png') }}" alt="">
                                </figure>
                                <p>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 col-7">
                            <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 col-7">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/tools.png') }}" alt="">
                                </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 col-7">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/freedom.png') }}" alt="">
                                </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> <b> Comece agora antes que sua mente te engane a adiar a decisão. <span></span> </b></h3>
                    <p>Você tem <span>74% mais chances de sucesso</span> se começar hoje.</p>
                </div>
                <div class="custom_class_slick">
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_1.png' }}"
                            alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_2.png' }}"
                            alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_3.png' }}"
                            alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_1.png' }}"
                            alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_2.png' }}"
                            alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_3.png' }}"
                            alt="image" />
                    </figure>
                </div>
            </div>
        </section>

        <section class="wrap_chose_right_program" id="programSelection2">
            <div class="container">
                <div class="wrap_txt">
                    <h3>Escolha o programa que é ideal para você</h3>
                </div>
                <div class="select_program" id="programSection2">
                    <div class="_card selected_program" id="videoProgram2" data-program="{{ $video['iProgramID'] }}"
                        data-currency="{{ $video['Currency'] }}" data-amount="{{ $video['Price'] }}"
                        data-couponId="{{ $video['CouponId'] }}"
                        data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                        data-select="2" data-substatus="{{ $video['SubStatus'] }}" data-section="2"
                        data-fakeoffer="{{ $video['fakeCoupon'] ? 1 : 0 }}"
                        data-promocode="{{ $video['CouponCode'] }}"
                        data-firstcrossprice="{{ $video['FirstCrossPrice'] }}"
                        data-secondprice="{{ $video['CrossPrice'] }}"
                        data-secondcurrency="{{ $video['CancelCurrency'] }}"
                        data-currencysymbol="{{ $video['currencySymbol'] }}">
                        <p class="head">Programa em Inglês (Vídeo)</p>
                        <span class="gray">{{ $video['vDescription'] }}</span>
                        @if (!$video['SubStatus'])
                        <span>
                            <del> {{ $video['currencySymbol'] . $video['FirstCrossPrice'] }} </del>
                            <del> <span id="price2"
                                    class="second_cross_price  {{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                    {{ $video['currencySymbol'] . $video['CrossPrice'] }}/{{ __('messages.per_month') }}</span></del>
                            <span id="codePriceApply2" class="price ">{{ $video['currencySymbol'] }}
                                {{ $video['Price'] }} <span>/{{ __('messages.per_month') }}</span></span>
                        </span>

                        <p id="pricePerDay2">
                            {{ $video['currencySymbol'] . $video['PricePerDay'] }}
                            <span id="perDay2">/Dias</span>
                        </p>
                        @else
                        <div class="wrap_inner_card2">
                            <span>Você já tem uma assinatura ativa para este programa</span>
                        </div>
                        @endif
                    </div>

                    <div class="_card" id="textProgram2" data-program="{{ $text['iProgramID'] }}"
                        data-btntext="1" data-currency="{{ $text['Currency'] }}"
                        data-amount="{{ $text['Price'] }}" data-couponid="{{ $text['CouponId'] }}"
                        data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                        data-select="1" data-substatus="{{ $text['SubStatus'] }}" data-section="2"
                        data-fakeoffer="{{ $text['fakeCoupon'] ? 1 : 0 }}"
                        data-promocode="{{ $text['CouponCode'] }}"
                        data-firstcrossprice="{{ $text['FirstCrossPrice'] }}"
                        data-secondprice="{{ $text['CrossPrice'] }}"
                        data-secondcurrency="{{ $text['CancelCurrency'] }}"
                        data-currencysymbol="{{ $text['currencySymbol'] }}">
                        <p class="head">Programa em Português Brasileiro</p>
                        <span class="gray">{{ $text['vDescription'] }}</span>
                        @if (!$text['SubStatus'])
                        <span>
                            <del> {{ $text['currencySymbol'] . $text['FirstCrossPrice'] }} </del>
                            <del> <span id="price1"
                                    class="second_cross_price {{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                    {{ $text['currencySymbol'] . $text['CrossPrice'] }}/{{ __('messages.per_month') }} </span></del>
                            <span id="codePriceApply1" class="price">{{ $text['currencySymbol'] }}
                                {{ $text['Price'] }}<span>/{{ __('messages.per_month') }}</span></span>
                        </span>

                        <p id="pricePerDay1">
                            {{ $text['currencySymbol'] . $text['PricePerDay'] }}
                            <span id="perDay1">/Dias</span>
                        </p>
                        @else
                        <div class="wrap_inner_card2">
                            <span>Você já tem uma assinatura ativa para este programa</span>
                        </div>
                        @endif
                    </div>
                </div>

                <span class="borders">
                    Seu desconto efetivo é <span id="effectiveDiscount"> {{ $showPercentage }}%</span>
                </span>

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

                <div
                    class="applyPromoCode hideAppliedCoupon {{ $text['CouponApplied'] ? 'hideAppliedCoupon' : '' }}">
                    <span class="promoCodeApply applieds" id="promoCodeApply1" data-select="2"
                        data-program="{{ $text['iProgramID'] }}" data-section="2">Aplicar Cupom/Código Promocional</span>
                </div>

                <button class="button {{ $payButtonClass }}" id="buynow-btn2" data-section="2"
                    data-program="{{ $video['iProgramID'] }}" data-currency="{{ $video['Currency'] }}"
                    data-select="2" data-amount="{{ $video['Price'] }}" data-couponId="{{ $video['CouponId'] }}"
                    data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">{{ $video['CouponAppliedDiscount'] == 100 ? 'ATIVAR ACESSO GRATUITO' : 'Comprar Agora' }}</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="{{ $alternatePayBtnClass }}"
                        data-program="{{ $video['iProgramID'] }}" data-section="2"
                        data-currency="{{ $video['Currency'] }}" id="alternate2" data-select="2"
                        data-amount="{{ $video['Price'] }}" data-couponId="{{ $video['CouponId'] }}"
                        data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">{{ __('messages.alternate_payment_link') }}</a>
                </div>
                <ul>
                    <li>Cobrança mensal. Com reembolso total se o programa não funcionar para você.</li>
                    <li>OBSERVAÇÃO: o programa está disponível apenas através do nosso app. Você não conseguirá fazer o programa por aqui.
                    </li>
                </ul>
            </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">
                                            <span>
                                                Por que a assinatura é de um mês?
                                            </span>
                                            <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                alt="image" />
                                        </button>
                                    </h5>
                                    <!-- Start your smoke-free journey now and see results in just 6 days -->
                                </div>

                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                    data-parent="#accordion">
                                    <div class="card-body">

                                        <p>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">
                                            <span> A assinatura se renova automaticamente?</span>
                                            <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                alt="image" />
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>
                                            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">
                                            <span> Como faço para cancelar minha assinatura?</span>
                                            <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                alt="image" />
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>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://quitsure.app.link/KUrCkCNiezb">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">
                                            <span>Estou enfrentando problemas com o pagamento. Como resolvo?</span>
                                            <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                alt="image" />
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>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">
                                            <span>Posso comprar vários programas ao mesmo tempo?</span>
                                            <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                alt="image" />
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseFive" class="collapse" aria-labelledby="headingFive"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>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">
                                            <span>Paguei a taxa. Como acesso meu programa?</span>
                                            <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                alt="image" />
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSix" class="collapse" aria-labelledby="headingSix"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>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://quitsure.app.link/KUrCkCNiezb">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">
                                            <span> Como funciona a garantia de devolução do dinheiro? </span>
                                            <img src="{{ Vite::asset('resources/images/Arrowup.png') }}"
                                                alt="image" />
                                        </button>
                                    </h5>
                                </div>
                                <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <p>QuitSure 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>

        <section class="wrappper_money_back">
            <div class="container">
                <div class="cstm_flex">
                    <div class="wrap_left">
                        <img src="{{ Vite::asset('resources/images/moneyback.png') }}" alt="image" />
                    </div>
                    <div class="wrap_right">
                        <p>Preocupado em não conseguir manter a decisão de parar? O QuitSure é tão eficaz que garantimos que você vai adorar os resultados — ou seu dinheiro de volta!</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="copy_write_txt">
            <span>Copyright © QuitSure Private Limited, 2025</span>
        </section>
    </div>
</div>

<!-- Apply Coupon -  Modal -->
<div class="modal fade modal_active_overwrite modal_add_coupon" id="applyCode" tabindex="-1"
    aria-labelledby="applyCodeLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <img class="coupon_gift" src="{{ Vite::asset('resources/images/12.svg') }}" alt="coupon">
                <h3>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">
                        <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>Tem certeza?</h3>
                <p class="showOnlyFakeOffer">Você vai perder o desconto adicional de <span class="discountPer"></span> que foi aplicado aqui.</p>

                <p class="showOnlyFakeOffer">Só faça isso se o seu cupom te der um desconto maior que <span class="discountPer"></span></p>

                <p class="showForCoupon">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('partials.js.B2C.subscribeJsEnglish')