@extends('V2.layouts.B2B')

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

@section('content')
<div class="wrapper_subscribe_b2b">
    <div class="wrapper_partner_header">
        <Header class="header">
            <div class="header_logo">
                <a class="disable_redirecting" href="javascript:void(0);">
                    <img src="{{ config('services.bucket_url') . 'web/partner_qs_logo.png' }}" alt="image" />
                </a>
            </div>
            <div class="header_partner_logo">
                <P>In Zusammenarbeit mit:</P>
                <figure class="mt-2">
                    <img src="{{ $partnerLogo }}" alt="image" />
                </figure>
            </div>
        </Header>
    </div>
    <div class="program_selection_wrap_txt">
        <section class="coupon_wrap" id="coupon_success">
            <div class="wrap_coupon_success">
                <div class="oops_text">
                    <p id="coupon_message"></p>
                </div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>
        <section class="coupon_wrap payment_failed" id="coupon_failed">
            <div class="wrap_coupon_success">
                <div class="oops_text" id="error_failed"></div>
                <button class="error__btn_cancel">
                    <figure>
                        <img src="{{ Vite::asset('resources/images/web/error_cross.png') }}" alt="image" />
                    </figure>
                </button>
            </div>
        </section>
        <section class="wrapper_program">
            <figure class="back_Bg">
                <img src="{{ config('services.bucket_url') . 'web/program_right.png' }}" alt="image" />
            </figure>
            <div class="container">
                <div class="wrap_program_selection">
                    <p class="common_quit_txt">Programmauswahl</p>
                    <h3>Wähle das Programm, das zu dir passt </h3>
                    @if (empty($iDiscount))
                    <p class="light_txt">Abonnement jetzt kaufen </p>
                    @else
                    <p class="light_txt">Jetzt abonnieren und exklusiven Rabatt von bis zu
                        <b>{{ $showPercentage }}% sichern! </b>
                    </p>
                    @endif

                    <div class="wrap_purchase_card">
                        <div class="wrap_purchase">
                            <div class="cstm_card_program">
                                <h4 class="card_head">Deutsches Programm</h4>
                                <figure class="card_img">
                                    <img src="{{ config('services.bucket_url') . 'web/English_text.png' }}"
                                        alt="image" />
                                </figure>
                                <p>{{ $text['vDescription'] }}</p>
                                <div class="wrap_cards_buy">
                                    @if (!$text['SubStatus'])
                                    <div class="wrap_inner_card">
                                        <del>{{ $text['CancelCurrency'] . ' ' . $text['FirstCrossPrice'] }}/{{
                                            __('messages.per_month') }}</del>
                                        <h6 id="price1"
                                            class="second_cross_price {{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                            <del>{{ $text['CancelCurrency'] . ' ' . $text['CrossPrice'] }}/{{
                                                __('messages.per_month') }}</del>
                                        </h6>
                                        <h5 id="codePriceApply1"
                                            class="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? 'fillPrice' : '') : ($iDiscount ? 'fillPrice' : '') }}">
                                            {{ $text['Currency'] . ' ' . $text['Price'] }}/{{ __('messages.per_month')
                                            }}
                                        </h5>
                                        @if ($text['Price'] == 0)
                                        <button class="active_free" data-program="{{ $text['iProgramID'] }}" id="buy1"
                                            data-currency="{{ $text['Currency'] }}"
                                            data-couponid="{{ $text['CouponId'] }}"
                                            data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">
                                            {{ __('messages.activate_free_access') }}</button>
                                        @else
                                        <button class="buy_now_btn" data-program="{{ $text['iProgramID'] }}" id="buy1"
                                            data-currency="{{ $text['Currency'] }}"
                                            data-couponid="{{ $text['CouponId'] }}"
                                            data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                            data-select="1" data-eventid="{{ $fb_event_id }}"
                                            data-emailid="{{ $fb_event_email }}"
                                            data-externalid="{{ $fb_external_id }}">{{ __('messages.buy_now')
                                            }}</button>

                                        <div id="AlternatePay1"
                                            class="{{ $text['Currency'] == 'INR' && !$text['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                            <p class="alternate_pay_text">
                                                {{ __('messages.alternate_payment_text') }}</p>
                                            <a href="javascript:void(0)" class="alternate_pay_link"
                                                data-program="{{ $text['iProgramID'] }}"
                                                data-currency="{{ $text['Currency'] }}" id="alternate1"
                                                data-amount="{{ $text['Price'] }}"
                                                data-couponid="{{ $text['CouponId'] }}"
                                                data-discount="{{ $text['CouponApplied'] ? ($text['CouponAppliedDiscount'] > 0 ? $text['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                data-select="1" data-eventid="{{ $fb_event_id }}"
                                                data-emailid="{{ $fb_event_email }}"
                                                data-externalid="{{ $fb_external_id }}">{{
                                                __('messages.alternate_payment_link') }}</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $text['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>Gutschein angewendet:</h6>
                                            <h6><b id="vCodeName1">{{ $text['CouponCode'] }}</b></h6>
                                            <a href="javascript:void(0)" class="removeCoupon" data-deselect="1"
                                                id="removeCoupon1" data-couponId="{{ $text['CouponId'] }}"
                                                data-discount="{{ $text['CouponApplied'] ? $text['CouponAppliedDiscount'] : '' }}">Gutschein
                                                entfernen</a>
                                        </div>
                                        <div class="couponCode {{ $text['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                            <a href="#" class="promoCodeApply" id="promoCodeApply1" data-select="1"
                                                data-program="{{ $text['iProgramID'] }}">Promo-Code
                                                anwenden</a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <p>Du hast bereits ein aktives Abonnement für dieses Programm</p>
                                        <a href="{{ url($b2bUrlPrefix . 'account') }}" class="view_btn">{{
                                            __('messages.view_details') }}</a>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="wrap_purchase">
                            <div class="cstm_card_program">
                                <h4 class="card_head">Englisches (Video-)Programm</h4>
                                <figure class="card_img">
                                    <img src="{{ config('services.bucket_url') . 'web/English_video.png' }}"
                                        alt="image" />
                                </figure>
                                <p>{{ $video['vDescription'] }}</p>
                                <div class="wrap_cards_buy">
                                    @if (!$video['SubStatus'])
                                    <div class="wrap_inner_card">
                                        <del>{{ $video['CancelCurrency'] . ' ' . $video['FirstCrossPrice'] }}/{{
                                            __('messages.per_month') }}</del>
                                        <h6 id="price2"
                                            class="second_cross_price {{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'showPrice' : '') : ($iDiscount ? 'showPrice' : '') }}">
                                            <del>{{ $video['CancelCurrency'] . ' ' . $video['CrossPrice'] }}/{{
                                                __('messages.per_month') }}</del>
                                        </h6>
                                        <h5 id="codePriceApply2"
                                            class="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? 'fillPrice' : '') : ($iDiscount ? 'fillPrice' : '') }}">
                                            {{ $video['Currency'] . ' ' . $video['Price'] }}/{{ __('messages.per_month')
                                            }}
                                        </h5>
                                        @if ($video['Price'] == 0)
                                        <button class="active_free" data-program="{{ $video['iProgramID'] }}" id="buy2"
                                            data-currency="{{ $video['Currency'] }}"
                                            data-couponId="{{ $video['CouponId'] }}"
                                            data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}">{{
                                            __('messages.activate_free_access') }}</button>
                                        @else
                                        <button class="buy_now_btn" data-program="{{ $video['iProgramID'] }}" id="buy2"
                                            data-currency="{{ $video['Currency'] }}"
                                            data-couponId="{{ $video['CouponId'] }}"
                                            data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                            data-select="2" data-eventid="{{ $fb_event_id }}"
                                            data-emailid="{{ $fb_event_email }}"
                                            data-externalid="{{ $fb_external_id }}">{{ __('messages.buy_now')
                                            }}</button>

                                        <div id="AlternatePay2"
                                            class="{{ $video['Currency'] == 'INR' && !$video['SubStatus'] ? 'show_alternate_content' : 'hide_alternate_content' }}">
                                            <p class="alternate_pay_text">
                                                {{ __('messages.alternate_payment_text') }}</p>
                                            <a href="javascript:void(0)" class="alternate_pay_link"
                                                data-program="{{ $video['iProgramID'] }}"
                                                data-currency="{{ $video['Currency'] }}" id="alternate2"
                                                data-amount="{{ $video['Price'] }}"
                                                data-couponId="{{ $video['CouponId'] }}"
                                                data-discount="{{ $video['CouponApplied'] ? ($video['CouponAppliedDiscount'] > 0 ? $video['CouponAppliedDiscount'] : $iDiscount) : ($iDiscount ? $iDiscount : 0) }}"
                                                data-select="2" data-eventid="{{ $fb_event_id }}"
                                                data-emailid="{{ $fb_event_email }}"
                                                data-externalid="{{ $fb_external_id }}">{{
                                                __('messages.alternate_payment_link') }}</a>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="couponCodeDisp">
                                        <div
                                            class="appliedCoupon {{ $video['CouponApplied'] ? 'showApplyCoupon' : '' }}">
                                            <h6>Gutschein angewendet:</h6>
                                            <h6><b id="vCodeName2">{{ $video['CouponCode'] }}</b></h6>
                                            <a href="javascript:void(0)" class="removeCoupon" data-deselect="2"
                                                id="removeCoupon2" data-couponid="{{ $video['CouponId'] }}"
                                                data-discount="{{ $video['CouponApplied'] ?
                                                $video['CouponAppliedDiscount'] : '' }}">Gutschein
                                                entfernen</a>
                                        </div>
                                        <div class="couponCode {{ $video['CouponApplied'] ? 'hideCodeApply' : '' }}">
                                            <a href="#" class="promoCodeApply" id="promoCodeApply2" data-select="2"
                                                data-program="{{ $video['iProgramID'] }}">Promo-Code anwenden</a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="wrap_inner_card2">
                                        <p>Du hast bereits ein aktives Abonnement für dieses Programm</p>
                                        <a href="{{ url($b2bUrlPrefix . 'account') }}" class="view_btn">{{
                                            __('messages.view_details') }}</a>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <p class="clr_ora text-center mb-4"><b>(nur ein Monat reicht aus)</b></p>
                    <div class="wrap_p_links">
                        <p class="please_note">Wir sind so überzeugt von deinem Erfolg, dass wir dir eine 100%
                            Geld-zurück-Garantie geben, falls das Programm für dich nicht funktioniert. Keine Fragen
                            gestellt. </b></p>
                        <p class="clr_dan"> Bitte beachte, dass das Programm nur über unsere App verfügbar ist. Du
                            kannst das Programm hier nicht durchführen.</p>
                    </div>
                    <div class="wrap_play_i_store">
                        <figure class="mr-4">
                            <a href="https://link.quitsure.app/l/HIES0u0ROp" target="_blank">
                                <img src="{{ config('services.bucket_url') . 'web/google_play_new.png' }}"
                                    alt="image" />
                            </a>
                        </figure>
                        <figure class="ml-4">
                            <a href="https://link.quitsure.app/l/hI2XldeZje" target="_blank">
                                <img src="{{ Vite::asset('resources/images/web/app_store_new.png') }}" />
                            </a>
                        </figure>
                    </div>
                </div>
            </div>
        </section>
        <section class="error_wrap" id="payment_error">
            <div class="wrap_payment_error">
                <div class="oops_text">
                    <p><b>Oops! 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_store_rating">
            <div class="container">
                <div class="ratings-cntent">
                    <h3 class="text-center">
                        Starte deine rauchfreie Reise jetzt und sieh
                        <br> in nur 6 Tagen Ergebnisse
                    </h3>
                    <p class="mb-2 mt-4 text-center">Das weltweit führende Programm zum Rauchstopp. Über 50.000 Kunden
                        haben die Kontrolle über Nikotin zurückgewonnen.</p>

                    <div class="rating_icons">
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <figure>
                            <img src="{{ Vite::asset('resources/images/web/rating.png') }}" alt="image" />
                        </figure>
                        <span><b>4.7/5</b></span>
                    </div>
                    <p class="google_txt">(Google Play Store) </p>
                </div>
            </div>
        </section>
        <section class="wrapper_proven_CBT">
            <div class="container">
                <div class="wrapper_cbt">
                    <div class="row">
                        <div class="col-lg-5 col-md-5 col-sm12">
                            <div class="wrap_cbt_img">
                                <figure>
                                    <img src="{{ config('services.bucket_url') . 'web/cbt.png' }}" alt="image" />
                                </figure>
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm12">
                            <div class="wrap_cbt_text">
                                <div class="wrap_CBT_h">
                                    <h3>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>
                    </div>
                    <div class="row">
                        <div class="col-lg-2 col-md-3 col-sm-6">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/Acces.png') }}" alt="" />
                                </figure>
                                <p>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">
                            <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">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/tools.png') }}" alt="image" />
                                </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">
                            <div class="custom_col_subscribe">
                                <figure>
                                    <img src="{{ Vite::asset('resources/images/web/freedom.png') }}" alt="image" />
                                </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 nach dem Aufhören</h4>
                        <h4><b class="wrap_Save">etwa</b>
                            <b class="wrap_dolar">~{{ $vPayCurrency . ' ' . $decCostPerMonth }}</b>
                            <span>pro Monat sparen </span>
                        </h4>
                    </div>
                </div>
            </div>
        </section>
        <section class="section_7 wrap_program_crousal">
            <div class="container">
                <div class="wrap_section_7">
                    <h3>Starte jetzt, bevor dein Verstand dich dazu bringt, das Aufhören zu verschieben. Du hast <b>
                            eine 74% höhere Chance auf Erfolg</b>, wenn du heute beginnst.</h3>

                </div>
                <div class="custom_class_slick">
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_1.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_2.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_3.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_1.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_2.png' }}" alt="image" />
                    </figure>
                    <figure>
                        <img src="{{ config('services.bucket_url') . 'web/subscription_review_3.png' }}" alt="image" />
                    </figure>
                </div>
            </div>
        </section>
        <section class="wrapper_faq">
            <div class="container">
                <div class="wrap_collapse">
                    <h3 class="text-center the_witnes">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">
                                            Warum gibt es ein Abonnement für einen Monat?
                                        </button>
                                    </h5>
                                </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">
                                            Verlängert es sich automatisch?
                                        </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">
                                            Wie kündige ich mein Abonnement?
                                        </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://link.quitsure.app/l/bN4OloXZ9k">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">
                                            Ich habe Probleme mit der Zahlung. Wie kann ich das beheben?
                                        </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">
                                            Kann ich mehrere Programme gleichzeitig kaufen?
                                        </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">
                                            Ich habe die Gebühr bezahlt. Wie greife ich auf mein Programm zu?
                                        </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://link.quitsure.app/l/bN4OloXZ9k"> 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">
                                            Wie funktioniert eure Geld-zurück-Garantie?
                                        </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>
    </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">
                        <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>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('V2.B2B.partials.js.subscribeJs')