@extends("web.layouts.master")

@section("content")
    <section class="height-auto text-center background-light-grey">
        <div class="container pos-vertical-center">
            <div class="row">
                <div class="col-12 col-md-10 text-center" data-aos="fade-zoom-in" data-aos-duration="1500">
                    <div class="feature custom-feature" style="padding-top: 100px; padding-bottom: 20px;">
                        <p class="font-size-48 text-dark-grey Font-Manrope-ExtraBold mb-5">Oops</p>
                        <p class="font-size-18 text-dark-grey Font-Manrope-SemiBold pt-4 mb-3">Unfortunately, the payment is failed</p>
                        <p class="font-size-16 text-dark-grey Font-Manrope-Regular">Please try again.</p>
                    </div>
                </div>
            </div>
            <!--end of row-->
        </div>
        <!--end of container-->
    </section>
@endsection

@push("stackJs")
    <script>
        $(document).ready(function () {
            setTimeout(function () {
                window.location = "{{ $redirectUrl }}";
            }, 3000);
        });
    </script>
@endpush