@extends('layouts.main')
@section('title', 'Order Summary')
@section('main')
    <div class="container mt-4">
        <h2 class="mb-4">Order Details</h2>
        <div id="show-order-details"></div>
    </div>
@endsection

@section('scripts')
    <script>


        $(document).ready(function() {
            var orderId = "{{$orderId}}";
            getOrderDetails(orderId);
        });

        function getOrderDetails(orderId) {
            $.ajax({
                url: '{{ route("checkout.order-details") }}',
                type: 'POST',
                data: {
                    orderId: orderId,
                    isAdmin: true,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    $('#show-order-details').html(response.html);
                },
                error: function(xhr) {
                }
            });
        }
    </script>
@endsection