@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">Complete the security steps</div>

                        <div class="card-body">
                            <p>You need to follow some steps with your bank to complete this payment. Let's go!</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.confirmCardPayment(
                "{{ $clientSecret }}",
                {payment_method: "{{ $paymentMethod }}"}
            )
                .then(function(result) {
                    if (result.error) {
                        window.location.replace("{{ route('subscribe.cancelled') }}");
                    } else {
                        window.location.replace("{!! route('subscribe.approval', [
                            'plan' => $plan,
                            'subscription_id' => $subscriptionId,
                        ]) !!}");
                    }
                });
        </script>
  </section>
@endpush

@endsection