@if(!empty($headerScript))
<script>
    {!! $headerScript !!}
</script>
@endif

<style>
    .order-complete .row.confirm-row{
        border-bottom-color: {{activePrimaryColor()}}
    }
    .order-complete .pricing-box .shipping-info{
        border-bottom-color: {{activePrimaryColor()}}
    }
</style>
<section class="order-complete" data-id="{{isset($order->id) ? $order->order_id : 0}}">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col">
                <div>
                    <h1 class="text-center">{!! __('Thank you for your order') !!}!</h1>
                    <div class="text-center">
                        {!! $receiptMessage !!}
                    </div>
                    <p class="title-heading">
                        {!! __("We're processing your order now, here are the details") !!}
                    </p>
                    @if(!empty($extraInstructions))
                        <p class="title-heading">
                            {!! $extraInstructions !!}
                        </p>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="confirmation-box">
{{--                    <div class="row confirm-row">--}}
{{--                        <div class="col-6">--}}
{{--                            <h4>Confirmation will be sent to</h4>--}}
{{--                        </div>--}}
{{--                        <div class="col-6">--}}
{{--                            <p>{{$customer->email}}</p>--}}
{{--                        </div>--}}
{{--                    </div>--}}
                    @if( !$cartSession and $order )
                    <div class="row confirm-row primary_border">
                        <div class="col-6">
                            <h4>{!! __('Order number') !!}</h4>
                        </div>
                        <div class="col-6">
                            <p>{{(!empty($order->import_id) ? $order->import_id : $order->order_id) }}</p>
                        </div>
                    </div>
                    @endif
                    <div class="row confirm-row primary_border">
                        <div class="col-6">
                            <h4>{!! __('Order Date') !!}</h4>
                        </div>
                        <div class="col-6">
                            <p>{{$order_time}}</p>
                        </div>
                    </div>
                    <div class="row confirm-row primary_border">
                        <div class="col-6">
                            <h4>{!! __('Delivery details') !!}</h4>
                        </div>
                        <div class="col-6">
                            <p>{{$shipping_address->address}}</p>
                            <p>{{$shipping_address->address_2}}</p>
                            <p>{{ collect([@$shipping_address->city, @$shipping_address->state_code, @$shipping_address->zip])->filter()->join(', ') }}</p>
                            <p>{{$shipping_address->country}}</p>
                            <strong style="display: none;">{{$order_time}}</strong>
                        </div>
                    </div>
                    @if(isset($trackingId) && !empty($trackingId))
                        <div class="row confirm-row primary_border">
                            <div class="col-6">
                                <h4>{!! __('Order Tracking ID') !!}</h4>
                            </div>
                            <div class="col-6">
                                <p>{{$trackingId}}</p>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
            <div class="col">
                <div class="pricing-box mt-4">
                    <h4>{!! __('Summary') !!}</h4>
                    @if($order)
                                                        <div class="cart pb-1">
                                    <div class="product-list">
                            @foreach($items as $product)