@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper">
        <div>
            <img src="https://quitsure.s3.ap-south-1.amazonaws.com/on-boarding/other-assets/p6.4.1-free-access.png"
                style="width:150px;height: 150px;">
        </div>
        <div class="text_wrapper">
            @if ($currencyCheck)
                <p>El Programa QuitSure normalmente cuesta 100 $</p>
            @else
                <p>El Programa QuitSure normalmente cuesta {{ $currency }}{{ 100 * $decUSDMultiplier }}.</p>
            @endif

            <p>Pero como parte de la oferta especial que estamos llevando a cabo en , has sido
                seleccionado aleatoriamente para obtener <em class="blue bg_yellow">acceso gratuito al programa</em>.</p>
            <p>Simplemente haz clic en "Activar acceso gratuito" en la próxima pantalla de suscripción.
            </p>

            <p class="bg_orange border_radius">Ten en cuenta que tu suscripción gratuita expirará en <b>~3 semanas.
                </b> </p>
            <p>¡Así que aprovecha al máximo esta oferta especial y deja de fumar ahora!</p>
        </div>
        <div class="button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">RECLAMA MI OFERTA</button>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="module">
        $(function() {
            $("#btnBack").on("click", function() {
                window.location = "{{ $backUrl ?? url($onBoardUrlPrefix . 'program-setup/6-4') }}";
            });
            $("#btnSubmit").on("click", function() {
                var url = "{{ url($onBoardUrlPrefix . 'program-setup/6-4-2/Submit') }}";
                ApiService.post(url)
                    .then(response => {
                        const obj = response.data;
                        if (obj.status === true) {
                            window.location.href = obj.url;
                        } else {
                            document.querySelector(".error_msg").innerHTML = '<p>' + obj.message +
                                '</p>';
                        }
                    })
                    .catch(error => {
                        const isOnline = navigator.onLine;
                        document.querySelector(".error_msg").innerHTML = isOnline ?
                            "{{ __('messages.error_while_request') }}" :
                            "{{ __('messages.network_error_please_try_again') }}";
                    });
            });
        });
    </script>
@endpush