@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>Jetzt kaufen und unseren exklusiven {{ $showPercentage }}% Web-Rabatt sichern </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="wrap_smoking_pattern">
            <div class="container">
                <h3><span>{{ $smokingThoughtPattern ?? '' }}% </span> unserer Nutzer haben die gleichen Rauchgedanken wie du.
                </h3>
                <div class="wrap_flex">
                    <div class="wrap_left">
                        <p>Basierend auf ihrem Erfolg sagen wir voraus, dass du in nur <span>6 Tagen komplett rauchfrei sein wirst.
                            </span></p>
                        <p class="font_light">Zusätzlich wirst du erleben:</p>
                        <ul>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>92 % weniger Verlangen</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>85 % weniger Entzugserscheinungen</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Kaum Stimmungsschwankungen und Reizbarkeit</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' ? 'Gerauchte Zigaretten' : 'Verlangen' }}</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>Tage</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <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="error_wrap" id="payment_error">
            <div class="wrap_payment_error">
                <div class="oops_text">
                    <p><b>Ups! Zahlung fehlgeschlagen. Bitte versuche es erneut!</b></p>
                    <p>Bei Problemen oder Fragen kontaktiere uns unter 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_programe_ready">
            <div class="container">
                <div class="wrap_flex">
                    <div class="wrap_left">
                        <h3>Dein Programm ist bereit!</h3>
                        <p>Das bekommst du: </p>
                        <ul>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Unser komplettes 6-Tage-Transformationsprogramm</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Interaktive tägliche Module im einfachen Storytelling-Stil</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Intensive Übungen, um dein Rauchverlangen zu beseitigen</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>24/7 Chat-basierte Unterstützung durch erfahrene Coaches</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Rauchtracker, um deinen Fortschritt täglich zu verfolgen</span>
                            </li>
                            <li>
                                <img src="{{ Vite::asset('resources/images/chekmark.svg') }}" alt="image" />
                                <span>Leistungsstarkes Post-Quit-Toolkit, um langfristig rauchfrei zu bleiben</span>
                            </li>
                        </ul>
                    </div>
                    <div class="wrap_right">
                        <section class="wrap_chose_right_program" id="programSelection1">
                            <div class="wrap_txt">
                                <span>Schalte deinen Zugang frei</span>
                                <p>Wähle das Programm, das zu dir passt</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">Englisches (Video-)Programm</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'] }}/Monat</span></del>
                                        <span id="codePriceApply2"
                                            class="price">{{ $video['currencySymbol'] . $video['Price'] }}
                                            <span>/Monat</span></span>
                                    </span>

                                    <p id="pricePerDay2">
                                        {{ $video['currencySymbol'] . ' ' . $video['PricePerDay'] }}
                                        <span id="perDay2">/Tage</span>
                                    </p>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <span>Du hast bereits ein aktives Abonnement für dieses Programm</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">Deutsches Programm</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'] }}/Monat</span></del>
                                        <span id="codePriceApply1"
                                            class="price ">{{ $text['currencySymbol'] . $text['Price'] }}<span>/Monat</span></span>
                                    </span>

                                    <p id="pricePerDay1">
                                        {{ $text['currencySymbol'] . ' ' . $text['PricePerDay'] }}
                                        <span id="perDay2">/Tage</span>
                                    </p>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <span>Du hast bereits ein aktives Abonnement für dieses Programm</span>
                                    </div>
                                    @endif
                                </div>
                            </div>

                            <span class="borders">
                                Dein effektiver Rabatt beträgt
                                <span id="effectiveDiscount">{{ $iDiscount == 0 ? '50' : $showPercentage }}%</span>
                            </span>

                            <span class="applied">{{ $anyFakeCoupon ? 'Angebot' : 'Gutschein' }} angewendet:
                                <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">
                                    Gutschein oder Promo-Code eingeben</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 ? 'KOSTENLOSEN ZUGANG AKTIVIEREN' : 'Jetzt kaufen' }}</button>

                            <div id="AlternatePay1"
                                class="{{ $video['Currency'] == 'INR' && !$video['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                <p class="alternate_pay_text">Falls du Probleme mit der oben genannten Zahlungsmethode hast:</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 }}">Alternativer Zahlungslink</a>
                            </div>
                            <ul>
                                <li>Monatliche Abrechnung. Mit Geld-zurück-Garantie, falls das Programm für dich nicht funktioniert.</li>
                                <li>HINWEIS: Das Programm ist nur über unsere App verfügbar. Du kannst das Programm nicht hier durchführen.</li>
                            </ul>
                        </section>
                    </div>
                </div>
            </div>
        </section>




        <section class="wrap_journey_rating">
            <div class="container">
                <div class="wrap_flex">
                    <div class="wrap_left">
                        <h3>Starte deine rauchfreie Reise jetzt und sieh in nur 6 Tagen Ergebnisse</h3>
                        <p>Das weltweit führende Programm zum Rauchstopp. Über 60,000+ Kunden haben die Kontrolle über Nikotin zurückgewonnen.</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>Bewährte Techniken aus KVT und Achtsamkeit</h3>
                                    <p>Um deine Beziehung zu Nikotin zu verändern. </p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>Wir machen Erfolg einfach </h3>
                                    <p>Keine Gelüste. Keine Gewichtszunahme. Keine Änderungen im Lebensstil.</p>
                                </div>
                                <div class="wrap_CBT_h">
                                    <h3>Mit Mitgefühl und Erfahrung entwickelt.</h3>
                                    <p>Entworfen von Ex-Rauchern, die dich verstehen und diese Reise selbst gemacht
                                        haben.</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">Das bekommst du, wenn du abonnierst:</h3>
                        <p>Bei QuitSure gehen wir einen anderen Weg. In einer Welt voller Spielereien und schneller Lösungen konzentrieren wir uns auf das, was wirklich funktioniert. Unser Einsatz, dir beim Aufhören mit dem Rauchen zu helfen, zeigt sich in jedem Schritt. Vielleicht ist das der Grund, warum so viele bei uns bleiben – und warum wir jeden Tag neue Erfolgsgeschichten hören.</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>Das gesamte transformative 6-Tage-Programm in dem von dir gewählten Format.</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>Rund um die Uhr personalisiertes Coaching per Chat von unseren ausgebildeten Experten.</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>Lebenslanger Zugang zu unseren kraftvollen Tools nach dem Rauchstopp für langfristigen Erfolg.</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>Und schließlich Freiheit von dieser Sucht und von Nikotins Kontrolle über dein Gehirn.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="wrap_habits">
                        <h4>Basierend auf deinen Rauchgewohnheiten kannst du</h4>
                        <h4>
                            <b class="wrap_Save">sparen</b>
                            <b class="wrap_dolar">~{{ $vPayCurrency . $decCostPerMonth }}</b>
                            <span> pro Monat</span>
                        </h4>
                        <h4>nachdem du aufgehört hast</h4>
                    </div>
                </div>
            </div>
        </section>

        <section class="section_7 wrap_program_crousal">
            <div class="container">
                <div class="wrap_section_7">
                    <h3> <b>Starte jetzt, bevor dein Verstand dich dazu bringt, das Aufhören zu verschieben. </b></h3>
                    <p>Du hast eine <span>74% höhere Chance auf Erfolg</span> wenn du heute beginnst.</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>Wähle das Programm, <span></span> das zu dir passt </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">Englisches (Video-)Programm</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'] }}/Monat</span></del>
                            <span id="codePriceApply2" class="price ">{{ $video['currencySymbol'] }}
                                {{ $video['Price'] }} <span>/Monat</span></span>
                        </span>

                        <p id="pricePerDay2">
                            {{ $video['currencySymbol'] . $video['PricePerDay'] }}
                            <span id="perDay2">/Tage</span>
                        </p>
                        @else
                        <div class="wrap_inner_card2">
                            <span>Du hast bereits ein aktives Abonnement für dieses Programm</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">Deutsches Programm</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'] }}/Monat </span></del>
                            <span id="codePriceApply1" class="price">{{ $text['currencySymbol'] }}
                                {{ $text['Price'] }}<span>/Monat</span></span>
                        </span>

                        <p id="pricePerDay1">
                            {{ $text['currencySymbol'] . $text['PricePerDay'] }}
                            <span id="perDay1">/Tage</span>
                        </p>
                        @else
                        <div class="wrap_inner_card2">
                            <span>Du hast bereits ein aktives Abonnement für dieses Programm</span>
                        </div>
                        @endif
                    </div>
                </div>

                <span class="borders">
                    Dein effektiver Rabatt beträgt <span id="effectiveDiscount"> {{ $showPercentage }}%</span>
                </span>

                <span class="applied">{{ $anyFakeCoupon ? 'Angebot' : 'Gutschein' }} angewendet:
                    <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">Gutschein oder Promo-Code eingeben</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 ? 'KOSTENLOSEN ZUGANG AKTIVIEREN' : 'Jetzt kaufen' }}</button>

                <div id="AlternatePay2"
                    class="{{ $video['Currency'] == 'INR' && !$video['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                    <p class="alternate_pay_text">Falls du Probleme mit der oben genannten Zahlungsmethode hast:</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) }}">Alternativer Zahlungslink</a>
                </div>
                <ul>
                    <li>Monatliche Abrechnung. Mit Geld-zurück-Garantie, falls das Programm für dich nicht funktioniert.</li>
                    <li>HINWEIS: Das Programm ist nur über unsere App verfügbar. Du kannst das Programm nicht hier durchführen.
                    </li>
                </ul>
            </div>
        </section>

        <section class="wrapper_faq">
            <div class="container">
                <div class="wrap_collapse">
                    <h3 class="text-center the_witnes">Häufig gestellte Fragen</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>
                                                Warum gibt es ein Abonnement für einen Monat?
                                            </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>Vielleicht fragst du dich, warum das Programm ein monatliches Abonnement hat,
                                            wenn es doch nur ein 6-Tage-Programm ist? Da viele unserer Kund:innen ein
                                            sehr stressiges Leben führen, benötigen sie oftmals 10-12 Tage, um das
                                            Programm abzuschließen. Es ist also völlig in Ordnung, etwas länger für das
                                            Programm zu benötigen. Das Programm ist so konzipiert, dass es in 6-12 Tagen
                                            abgeschlossen werden kann.</p>
                                        <p>Aber aufgrund unserer Abhängigkeit vom Rauchen neigen wir dazu, Dinge
                                            aufzuschieben (das haben wir alle auch schon vor unseren vielen Versuchen
                                            aufzuhören gespürt). Das ist einer der Hauptgründe, warum es die meisten von
                                            uns schwer finden, mit dem Rauchen aufzuhören oder es überhaupt zu probiere.
                                            Um dem entgegenzuwirken, haben wir diesen Zeitrahmen von einem Monat
                                            festgelegt, in dem das Programm abgeschlossen sein muss. Es gibt unseren
                                            Kund:innen den kleinen zusätzlichen Anstoß, den sie benötigen, um die
                                            Aufschieberitis zu überwinden.</p>
                                        <p>Tatsächlich schließen wegen dieser Zeitbegrenzung viele Kund:innen das
                                            Programm kurz bevor ihr Abonnement endet ab. Ohne diese Zeitbegrenzung
                                            hätten sie möglicherweise weiterhin verzögert, das Programm durchzuführen,
                                            und wären heute möglicherweise immer noch Rauchende.</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> Verlängert es sich automatisch?</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>
                                            Apple- und Google-Abonnements sind standardmäßig für die automatische
                                            Verlängerung konfiguriert. Wenn du das Programm abgeschlossen hast und
                                            rauchfrei bist, wirst du keinen Zugang mehr zum Inhalt des Programms
                                            benötigen. Deshalb bitten wir dich, das Abonnement zu kündigen, sobald du
                                            das Programm abgeschlossen hast. Du hast auch nach der Kündigung noch Zugang
                                            zu den Werkzeugen nach dem Rauchstopp und deinem Tagebuch. </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>Wie kündige ich mein Abonnement?</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>Du kannst dein Abonnement jederzeit über die Seite „Abonnementdetails“ in der
                                            QuitSure-App kündigen. Bitte stelle sicher, dass du dich mit derselben
                                            E-Mail-Adresse einloggst, mit der du dein QuitSure-Konto erstellt hast.</p>
                                        <p><a href="https://quitsure.app.link/KUrCkCNiezb">Jetzt zur QuitSure-App
                                                gehen</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>Ich habe Probleme mit der Zahlung. Wie kann ich das beheben?</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>Bitte kontaktiere uns unter <a
                                                href="mailto:hello@quitsure.app">hello@quitsure.app</a>, und wir werden
                                            dir so schnell wie möglich helfen.</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> Kann ich mehrere Programme gleichzeitig kaufen?</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>Ja, jedes Programm hat ein separates Abonnement. Du kannst mehrere Programme
                                            gleichzeitig kaufen, indem du für jedes Programm separat abonnierst.</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>Ich habe die Gebühr bezahlt. Wie greife ich auf mein Programm zu?</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>Du kannst über die QuitSure-App auf das Programm zugreifen. Bitte stelle
                                            sicher, dass du dich mit derselben E-Mail-Adresse einloggst, mit der du dein
                                            QuitSure-Konto erstellt hast.</p>
                                        <p> <a href="https://quitsure.app.link/KUrCkCNiezb"> Jetzt zur QuitSure-App
                                                gehen </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> Wie funktioniert eure Geld-zurück-Garantie? </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 bietet eine einzigartige Geld-zurück-Garantie (ohne Fragen), wenn
                                            das Programm für dich nicht funktioniert. Die neuesten Bedingungen unserer
                                            <a href="https://www.quitsure.app/refunds" target="_blank">
                                                Rückerstattungsrichtlinie findest du hier.</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>Du hast Angst, dass du es nicht durchziehst? QuitSure ist so effektiv, dass wir dir garantieren, dass du die Ergebnisse lieben wirst – oder du bekommst dein Geld zurück!</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>Gutschein oder Promo-Code eingeben</h3>
                <p>Prüfe deinen Code und nutze ihn für deinen Kauf</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="Gutscheincode eingeben" 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>CODE ANWENDEN</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>Bist du sicher?</h3>
                <p class="showOnlyFakeOffer">Du verlierst den zusätzlichen Rabatt von <span class="discountPer"></span>, der hier angewendet wurde.
                </p>

                <p class="showOnlyFakeOffer">Mach das nur, wenn dein Gutschein dir mehr als
                    <span class="discountPer"></span> Rabatt gibt.
                </p>


                <p class="showForCoupon">Du wirst die mit diesem Gutschein verbundenen Vorteile verlieren.</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">ENTFERNEN</button>
                        <button type="button" class="buy_now_btn_cstm" data-dismiss="modal"
                            aria-label="Close">BEHALTEN</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

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