@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">THANK YOU</p>
                        <p class="font-size-18 text-dark-grey Font-Manrope-SemiBold pt-4 mb-3">Your payment has been received</p>
                        <p class="font-size-16 text-dark-grey Font-Manrope-Regular">Check your email for the e-ticket</p>

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

                        <p class="font-size-14 text-dark-grey Font-Manrope-Light mt-4 mb-2">E-Ticket sent to the email address:</p>
                        <p class="font-size-18 text-dark-grey Font-Manrope-Bold mb-5">{{ $transaction->transactionParentInformation->email }}</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