@extends('layouts.B2C')

@section('content')
<section class="wrapper_otp payment_wrapper">
    <div class="container">
        <div class="payemnt_main text-center">
            <figure class="payment_img">
                <img src="{{ Vite::asset('resources/images/web/quitsure_tick.png') }}" alt="image" class="img-fluid" />
            </figure>
            <div class="payment_content_main">
                <h3>{{ $title }}</h3>
                <p>Du bist jetzt abonniert. <span>QuitSure  Programm</span></p>
                <p class="download_text">Lade unsere App herunter, um noch heute loszulegen!</p>
                <h5><strong>WICHTIG:</strong> Melde dich mit der gleichen E-Mail-Adresse an, die du hier angegeben hast:
                    <span>{{ $vEmail }}</span>
                </h5>
                <div class="download_banner">
                    <a href="{{ $branchUrl }}">
                        <img src="{{ config('services.bucket_url') . 'web/google_play_new.png' }}" class="img-fluid" />
                    </a>
                    <a href="{{ $branchUrl }}">
                        <img src="{{ Vite::asset('resources/images/web/app_store_new.png') }}" alt="image"
                            class="img-fluid" />
                    </a>
                    <p>(Das Programm ist nur über unsere App verfügbar)</p>
                </div>
                @if ($ShowText == true)
                <p class="notice_text">
                    Dies ist ein sich automatisch verlängerndes Abonnement, und du wirst jeden Monat erneut belastet, es sei denn, du kündigst dein Abonnement über den Link <br>
                    <b>„Abonnement verwalten“</b> unten oder in den Abonnement-Einstellungen der QuitSure-App.
                </p>
                @endif
                <p class="any_issue_text">Bei Fragen oder Problemen kontaktiere uns jederzeit unter <mailto:span>hello@quitsure.app</span></p>

                @if ($billingUrl != '')
                <a href="{{ $billingUrl }}" class="manage_link">Abonnement verwalten</a>
                @endif
            </div>
        </div>
    </div>
</section>
@endsection

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