@extends('layouts.app')@extends('layouts.app',['ver' => 2])
@section('content')
    <section class="masterclass-area pricing-content section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="card">
                        <div class="card-header">Complétez les étapes de sécurité</div>

                        <div class="card-body">
                            <p>Vous devez suivre quelques étapes auprès de votre banque pour effectuer ce paiement.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @push('scripts')
        <script src="https://js.stripe.com/v3/"></script>
        <script>
            const stripe = Stripe('{{ config('services.stripe.key') }}');

            stripe.handleCardAction("{{ $clientSecret }}")
                .then(function(result) {
                    if (result.error) {
                        window.location.replace("{{ route('cancelled') }}");
                    } else {
                        window.location.replace("{{ route('approval') }}");
                    }
                });
        </script>
  </section>
@endpush

@endsection