@extends('V2.layouts.onBoarding')

@section('content')
    <div class="content_wrapper">

        <div class="text_wrapper">

            <p><strong class="light_orange" style="font-size: 28px;font-weight: 600">Bonne nouvelle !</strong></p>

            <p>Nous comprenons qu’il peut être effrayant de s’engager dans un programme numérique comme celui-ci, alors nous
                avons rendu les choses encore plus simples pour toi.</p>
            <p>Nous t’offrons une <em class="blue bg_yellow">garantie de remboursement à 100%, sans poser de questions</em>,
                si le programme ne fonctionne pas pour toi.</p>

            <p>Oui, tu as bien lu.</p>

            <p>Tant que tu termines le programme, si cela ne fonctionne pas pour toi et que tu demandes un remboursement
                dans <b>les 21 jours suivant ton abonnement</b>, tu seras intégralement remboursé.</p>

            <p class="bg_orange border_radius">Commence ton chemin vers la liberté – entièrement sans risque.</p>
            <!-- <p>Tu peux consulter notre <a href="https://www.quitsure.app/refunds" class="refund_link" target="_blank">politique de remboursement détaillée ici.</a></p> -->
        </div>
        <div class="button_wrap">
            <button type="button" class="button" name="btnSubmit" id="btnSubmit">C’EST PARTI !</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-3/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>