@extends('layouts.portal_theme_01')
@section('customcss')
    <style>
        .card-img-top {
            height: 200px; /* Ensures all images are the same height */
            object-fit: cover; /* Maintains aspect ratio and ensures image fills the container */
        }

        .card-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Aligns content properly inside the card */
        }
    </style>
    @section('content')
        @php
            $reverse_hash = $data['reverse_hash']??"";
        @endphp
        <div class="container pb-5">
            <div class="row mt-3">
                <div class="col-lg-8 offset-2">
                    <div class="row">

                        <div class="h-100 p-5 text-bg-light border rounded-3">
                            <h2>Checkout Completed</h2>
                            <p>
                                Hurray! You have successfully completed checkout. Your order will be processed very
                                soon!
                                <br/> Thank you for shopping with us.
                                <br/>
                                You'll be redirected to your order page in 5 seconds.
                            </p>

                            <a class="btn btn-primary" type="button" href="{{ URL::to('/products/browse') }}">
                                My Orders
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>


    @endsection

    @section('script')
        <script>
            setTimeout(function() {
                window.location.href = "{{ url('/shopping/my-orders') }}?hash={{ $reverse_hash }}";
            }, 5000); // Redirect after 3 seconds
        </script>
    @endsection