@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>Le Programme QuitSure coûte habituellement 100 $</p>
            @else
                <p>Le Programme QuitSure coûte habituellement {{ $currency }}{{ 100 * $decUSDMultiplier }}.</p>
            @endif
            <p>Mais dans le cadre de notre initiative caritative, vous avez été sélectionné(e) aléatoirement pour <em
                    class="blue bg_yellow">accéder gratuitement au programme</em>.</p>
            <p>Cliquez simplement sur "Activer l'accès gratuit" à l'écran d'abonnement à venir.</p>

            <p class="bg_orange border_radius">Veuillez noter que votre abonnement gratuit expirera dans <b>10 jours.</b>
            </p>
            <p>Profitez pleinement de cette offre spéciale et arrêtez de fumer définitivement !</p>

        </div>
        <div class="button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">RÉCLAMER MON OFFRE</button>
        </div>
    </div>
@endsection
<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-1/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>