@extends('V2.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>You are now subscribed to the <span>QuitSure {{ $program_details->vName }} Program</span></p>
                    <p class="download_text">Download our app to get started today!</p>
                    <h5><strong>IMPORTANT:</strong> Login with the same email address you entered here:
                        <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>(the program is only available via our app)</p>
                    </div>
                    @if ($ShowText == true)
                        <p class="notice_text">
                            This is an auto-renewing subscription and you will be charged again every month unless you
                            cancel
                            your <br>subscription via the “Manage your Subscription” link below or from your subscription
                            settings in the QuitSure App.
                        </p>
                    @endif
                    <p class="any_issue_text">For any issues or concerns, please get in touch with us anytime at
                        <mailto:span>hello@quitsure.app</span>
                    </p>
                    @if ($billingUrl != '')
                        <a href="{{ $billingUrl }}" class="manage_link">Manage your Subscription</a>
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection

@push('scripts')
    @isset($fb_event_id, $fb_event_email, $fb_external_id)
        <script type="module">
            $(function() {

                const fbConfig = {
                    type: "custom",
                    eventName: "WebSubscribed",
                    params: {
                        Stage: "6",
                        section: "onboarding"
                    }
                };
                dispatchFacebookTracking(fbConfig);

                // FB Pixel: Purchase event
                if (typeof dispatchFacebookTracking !== 'undefined') {
                    dispatchFacebookTracking({
                        type: 'purchase',
                        eventId: '{{ $fb_event_id }}',
                        email: '{{ $fb_event_email }}',
                        externalId: '{{ $fb_external_id }}',
                        value: '{{ $fb_value ?? 0 }}',
                        currency: '{{ $fb_currency ?? "INR" }}'
                    });
                }
            });
        </script>
    @endisset
@endpush