@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">Receive attention</p>
                        <p class="font-size-18 text-dark-grey Font-Manrope-SemiBold pt-4 mb-1 text-center">Your reschedule request is receiving attention from management.</p>
                        <p class="font-size-18 text-dark-grey Font-Manrope-SemiBold mb-3 text-center">We will contact you shortly</p>
                        <br />
                        <span class="font-size-18 text-white Font-Manrope-SemiBold background-red text-center p-2">This is not confirmation</span>
                        <br />

                        <img src="{{ asset("web/assets/order-success-placeholder.png") }}" class="my-5"/>

                    </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