@include('frontend.template.basic.rep._brand_logo')

<main>
    <section class="order-complete">
        <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 rep-thankyou sl_whiteout notranslate">
                            {!! $thankyou !!}
                        </div>
                        <p class="title-heading">
                            {!! __("We're processing your order now, here are the details") !!}
                        </p>
                        @if(!empty($extraInstructions))
                            <p class="title-heading sl_whiteout notranslate">
                                {!! $extraInstructions !!}
                            </p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="confirmation-box">
                        @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 class="sl_whiteout notranslate">{{(!empty($order->import_id) ? $order->import_id : $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 class="sl_whiteout notranslate">{{$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 class="sl_whiteout notranslate">{{$shipping_address->address}}</p>
                                <p class="sl_whiteout notranslate">{{$shipping_address->address_2}}</p>
                                <p class="sl_whiteout notranslate">{{ collect([@$shipping_address->city, @$shipping_address->state, @$shipping_address->zip])->filter()->join(', ') }}</p>
                                <p class="sl_whiteout notranslate">{{$shipping_address->country}}</p>
                                <strong class="sl_whiteout notranslate" 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 class="sl_whiteout notranslate">{{$trackingId}}</p>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col">
                    <div class="pricing-box mt-4">
                        <h4>{!! __('Summary') !!}</h4>
                        @if(optional($order)->total_tax && optional($order)->total_shipping > 0)
                        <div class="item-sub-total primary_border">
                            <strong>{!! __('Sub Total before delivery') !!}</strong>
                            <p class="total primary_color sl_whiteout notranslate">
                                @if( $order )
                                    {{ priceWithCurrencySymbol($order->total) }}
                                @endif
                            </p>
                        </div>
                        @endif
                        @if(optional($order)->total_tax && optional($order)->total_shipping > 0)
                            <div class="shipping-info primary_border">
                                <p class="ship-to">{!! __('Delivery charge') !!}</p>
                                <p class="total primary_color sl_whiteout notranslate">
                                    @if( $order )
                                        {{ priceWithCurrencySymbol($order->total_shipping) }}
                                    @endif
                                </p>
                            </div>
                            @if(optional($order)->total_tax > 0)
                            <div class="shipping-info primary_border">
                                <p class="ship-to">{!! __('Tax') !!}</p>
                                <p class="total primary_color sl_whiteout notranslate">
                                    {{ priceWithCurrencySymbol($order->total_tax) }}
                                </p>
                            </div>
                            @endif
                        @endif
                        @if(optional($order)->card_fee > 0)
                            <div class="shipping-info primary_border">
                                <p class="ship-to">{!! __('Card Processing Fee') !!}</p>
                                <p class="total primary_color sl_whiteout notranslate">
                                    {{ priceWithCurrencySymbol($order->card_fee) }}
                                </p>
                            </div>
                        @endif
                        @if(optional($order)->order_discount > 0)
                            <div class="shipping-info primary_border">
                                <p class="ship-to">{!! __('Order Discount') !!}</p>
                                <p class="total primary_color sl_whiteout notranslate">
                                    {{ priceWithCurrencySymbol($order->order_discount) }}
                                </p>
                            </div>
                        @endif
                        @if(optional($order)->credits > 0)
                            <div class="shipping-info primary_border">
                                <p class="ship-to">{!! __('Credits') !!}</p>
                                <p class="total primary_color sl_whiteout notranslate">
                                    {{ priceWithCurrencySymbol($order->credits) }}
                                </p>
                            </div>
                        @endif
                        <div class="item-sub-total primary_border">
                            <strong>{!! __('Order Total') !!}</strong>
                            <p class="total primary_color sl_whiteout notranslate">
                                @if( $order )
                                    {{ priceWithCurrencySymbol($order->grand_total) }}
                                @endif
                            </p>
                        </div>
                        <div class="saving">
                            @if(!empty($cardType) and $cardType != 'Offline Payment')
                                <p class="you-save sl_whiteout notranslate">
                                    {!! __('Paid with') !!} {{$cardType}} {!! __('card') !!} **********{{$card_last_digits}}
                                </p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row d-flex justify-content-center mt-4">
            <a href="/" class="btn theme-primary" style="min-width:200px;">
                @if(isSiteEnergizedHealth())
                    {!! __('Go to My Dashboard') !!}
                @else
                    {!! __('Return To Home Page') !!}
                @endif
            </a>

        </div>
    </section>

</main>