@extends('clients.layout.base')


@section('extra-meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection




@section('contenu')
    <div class="dashboard-content-container" data-simplebar>
        <div class="dashboard-content-inner">

            <!-- Dashboard Headline -->
            {{-- <div class="dashboard-headline">
                <h3>Paiement effectué</h3>
            </div> --}}

            <div class="col-xl-12">
                <div class="dashboard-box margin-top-0">

                    <!-- Headline -->
                    <div class="headline">
                        <h3><i class="icon-material-outline-credit-card"></i> Votre Paiement a été effectué</h3>
                    </div>

                    <div class="content">
                        <ul class="dashboard-box-list">
                            <li class="text-center offset-2">
                                <!-- Job Listing -->
                                <div class="job-listing width-adjustment">
                                    <div class="job-listing-details ">
                                        <div class="row">
                                            <div class="job-listing-description">
                                                <img src="{{ asset('clients/images/checklist.png') }}" alt=""
                                                    style="height: 50%">
                                                {{-- <p>WordPress Guru Needed</p> --}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- <ul class="dashboard-task-info">
                                    <li><strong>$40</strong><span>Hourly Rate</span></li>
                                    <li><strong>2 Days</strong><span>Delivery Time</span></li>
                                </ul> --}}
                            </li>




                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            var myUrl = "{{ url('valider_paiement') }}"
            var token = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            var urlCourante = document.location.href;
            var url = new URL(urlCourante)
            var paymentIntent = url.searchParams.get('payment_intent')

            fetch(myUrl, {
                    headers: {
                        "Content-Type": "application/json",
                        "Accept": "application/json, text-plain, */*",
                        "X-Requested-With": "XMLHttpRequest",
                        "X-CSRF-TOKEN": token
                    },
                    method: "POST",
                    body: JSON.stringify({
                        paymentIntent: paymentIntent
                    })
                })
                .then((result) => {
                    console.log("bien");
                }).catch((err) => {
                    console.log(err);
                });



        })
    </script>
@endsection