@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>Ahora estás suscrito a <span>QuitSure  Programa</span></p>
                <p class="download_text">Descarga nuestra app para comenzar hoy mismo.</p>
                <h5><strong>IMPORTANTE:</strong> Inicia sesión con el mismo correo electrónico que ingresaste aquí:
                    <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>(el programa solo está disponible a través de nuestra app)</p>
                </div>
                @if ($ShowText == true)
                <p class="notice_text">
                    Esta es una suscripción con renovación automática, y se te cobrará de nuevo cada mes, a menos que canceles tu <br>suscripción a través del enlace "Gestionar tu Suscripción" a continuación o desde la configuración de suscripción en la app de QuitSure. </p>

                @endif
                <p class="any_issue_text">Para cualquier problema o inquietud, no dudes en contactarnos en cualquier momento en <mailto:span>hello@quitsure.app</span></p>

                @if ($billingUrl != '')
                <a href="{{ $billingUrl }}" class="manage_link">Gestionar tu Suscripción<< /a>
                        @endif
            </div>
        </div>
    </div>
</section>
@endsection

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