@extends('plugins/ecommerce::orders.master')
@section('title')
    {{ __('Order successfully. Order number :id', ['id' => get_order_code($order->id)]) }}
@stop
@section('content')
    <div class="col-lg-7 col-md-6 col-12 left">

        @if (theme_option('logo'))
            <div class="checkout-logo">
                <a href="{{ url('/') }}" title="{{ theme_option('site_title') }}">
                    <img src="{{ RvMedia::getImageUrl(theme_option('logo')) }}" class="img-fluid" width="150" alt="{{ theme_option('site_title') }}" />
                </a>
            </div>
            <hr/>
        @endif

        <div class="thank-you row">
            <div class="col-lg-2 col-md-2 col-sm-4 col-4" style="padding-left: 0;">
                <i class="fa fa-check-circle" aria-hidden="true"></i>
            </div>
            <div class="col-lg-10 col-md-10 col-sm-8 col-8">
                <h3 class="thank-you-sentence">
                    {{ __('Your order is successfully placed') }}
                </h3>
                <p><span class="d-inline-block">{{ __('Order number') }}:</span> <span class="d-inline-block">{{ get_order_code($order->id) }}</span> </p>
                <p>{{ __('Thank you for purchasing our products!') }}
            </div>
        </div>

        <!-- for mobile device display -->
        <div class="d-sm-block d-md-none">
            <div class="row show-cart-row">
                <div class="col-6">
                    <a class="show-cart-link" href="javascript:void(0);" data-toggle="collapse"
                       data-target="#cart-item">{{ __('Order information') }} <i class="fa fa-angle-down"
                                                                                 aria-hidden="true"></i></a>
                </div>
                <div class="col-6">
                    <p class="text-right mobile-total"> {{ format_price($order->amount) }} </p>
                </div>
            </div>
            <div id="cart-item" class="collapse">

                @foreach ($order->products as $orderProduct)
                    @php
                        $product = $products->find($orderProduct->product_id);
                    @endphp

                    @if ($product)
                        <div class="row cart-item">
                            <div class="col-3">
                                <div class="checkout-product-img-wrapper">
                                    <img class="item-thumb img-thumbnail img-rounded"
                                         src="{{ RvMedia::getImageUrl($product->original_product->image, 'thumb', false, RvMedia::getDefaultImage()) }}"
                                         alt="{{ $product->name }} ({{ $product->sku }})">
                                    <span class="checkout-quantity">{{ $orderProduct->qty }}</span>
                                </div>
                            </div>
                            <div class="col-4">
                                <p style="margin-bottom: 0;">{{ $product->name }}</p>
                                <p style="margin-bottom: 0">
                                    <small>
                                        @if ($product->variationProductAttributes->count())
                                            @foreach ($product->variationProductAttributes as $attribute)
                                                @if (!$loop->last)
                                                    {{ $attribute->attribute_set_title }}: {{ $attribute->title }},
                                                @else
                                                    {{ $attribute->attribute_set_title }}: {{ $attribute->title }}
                                                @endif
                                            @endforeach
                                        @endif
                                    </small>
                                </p>

                                @if (!empty($orderProduct->options) && is_array($orderProduct->options))
                                    @foreach($orderProduct->options as $option)
                                        @if (!empty($option['key']) && !empty($option['value']))
                                            <p class="mb-0"><small>{{ $option['key'] }}: <strong> {{ $option['value'] }}</strong></small></p>
                                        @endif
                                    @endforeach
                                @endif
                            </div>
                            <div class="col-4 float-right">
                                <p>{{ $orderProduct->price }}</p>
                            </div>
                        </div> <!--  /item -->
                    @endif
                @endforeach

                <hr/>
                <div class="row">
                    <div class="col-6">
                        <p>{{ __('Subtotal') }}</p>
                    </div>
                    <div class="col-6 float-right">
                        <p class="total-text raw-total-text"> {{ format_price($order->sub_total) }} </p>
                    </div>
                </div>


                <hr/>
                <div class="row">
                    <div class="col-6">
                        <p>{{ __('Shipping fee') }}@if ($order->shipping_amount == 0 && $order->discount_amount == 0 && $order->coupon_code) ({{ __('Using coupon code') }} <strong>{{ $order->coupon_code }}</strong>)@endif:</p>
                    </div>
                    <div class="col-6 float-right">
                        <p class="total-text raw-total-text"> {{ format_price($order->shipping_amount) }} </p>
                    </div>
                </div>

                @if ($order->discount_amount !== null)
                    <div class="row">
                        <div class="col-6">
                            <p>{{ __('Discount') }}:</p>
                        </div>
                        <div class="col-6 float-right">
                            <p class="total-text raw-total-text"> {{ format_price($order->discount_amount) }} </p>
                        </div>
                    </div>
                @endif

                @if (EcommerceHelper::isTaxEnabled())
                    <div class="row shipment">
                        <div class="col-lg-7 col-md-8 col-5">
                            <p>{{ __('Tax') }}:</p>
                        </div>
                        <div class="col-lg-5 col-md-4 col-5 float-right">
                            <p class="total-text raw-total-text"> {{ format_price($order->tax_amount) }} </p>
                        </div>
                    </div>
                @endif

                <hr/>
                <div class="row">
                    <div class="col-6">
                        <p>{{ __('Total') }}:</p>
                    </div>
                    <div class="col-6 float-right">
                        <p class="total-text raw-total-text"> {{ format_price($order->amount) }} </p>
                    </div>
                </div>
            </div>

        </div> <!-- /mobile display -->
        <hr/>
        <div class="order-customer-info">
            <h3> {{ __('Customer information') }}</h3>
            <p><span class="d-inline-block">{{ __('Full name') }}:</span> <span class="order-customer-info-meta">{{ $order->address->name }}</span>
            </p>
            <p><span class="d-inline-block">{{ __('Phone') }}:</span> <span
                        class="order-customer-info-meta">{{ $order->address->phone }}</span></p>
            <p><span class="d-inline-block">{{ __('Email') }}:</span> <span class="order-customer-info-meta">{{ $order->address->email }}</span>
            </p>
            <p><span class="d-inline-block">{{ __('Address') }}:</span> <span
                        class="order-customer-info-meta">{{ $order->address->address }}, {{ $order->address->city }}, {{ $order->address->state }}, {{ $order->address->country_name }}@if (EcommerceHelper::isZipCodeEnabled()), {{ $order->address->zip_code }} @endif</span></p>
            <p><span class="d-inline-block">{{ __('Shipping method') }}:</span> <span
                        class="order-customer-info-meta">{{ $order->shipping_method_name }}</span>
            </p>
            <p><span class="d-inline-block">{{ __('Payment method') }}:</span> <span class="order-customer-info-meta">{{ $order->payment->payment_channel->label()  }}</span>
            </p>
            <p><span class="d-inline-block">{{ __('Payment status') }}:</span> <span class="order-customer-info-meta" style="text-transform: uppercase">{!! $order->payment->status->toHtml() !!}</span>
            </p>
        </div>
        <hr/>

        <div class="row">
            <div class="col-lg-6 col-md-6 col-12">
            </div>
            <div class="col-lg-6 col-md-6 col-12">
                <a href="{{ url('/') }}"
                   class="btn payment-checkout-btn float-right"> {{ __('Continue shopping') }} </a>
            </div>
        </div>

    </div>
    <!---------------------- start right column ------------------>
    <div class="col-lg-5 col-md-6 d-none d-md-block right">
    @foreach ($order->products as $orderProduct)
        @php
            $product = $products->find($orderProduct->product_id);
        @endphp

        @if ($product)
            <!-- order detail item -->
            <div class="row product-item">
                <div class="col-lg-2 col-md-2">
                    <div class="checkout-product-img-wrapper">
                        <img class="item-thumb img-thumbnail img-rounded"
                             src="{{ RvMedia::getImageUrl($product->original_product->image, 'thumb', false, RvMedia::getDefaultImage()) }}"
                             alt="{{ $product->name }} ({{ $product->sku }})">
                        <span class="checkout-quantity">{{ $orderProduct->qty }}</span>
                    </div>
                </div>
                <div class="col-lg-6 col-md-5">
                    <p style="margin-bottom: 0;">{{ $product->name }}</p>
                    <p>
                        <small>
                            @if ($product->variationProductAttributes->count())
                                @foreach ($product->variationProductAttributes as $attribute)
                                    @if (!$loop->last)
                                        {{ $attribute->attribute_set_title }}: {{ $attribute->title }},
                                    @else
                                        {{ $attribute->attribute_set_title }}: {{ $attribute->title }}
                                    @endif
                                @endforeach
                            @endif
                        </small>
                    </p>
                </div>
                <div class="col-lg-4 col-md-4 col-4 float-right">
                    <p class="price-text">
                        <span>{{ format_price($orderProduct->price) }}</span>
                    </p>
                </div>
            </div> <!--  /order item -->
        @endif
    @endforeach

    <!-- total info -->
        <hr/>
        <div class="row total-price">
            <div class="col-lg-7 col-md-8 col-5">
                <p>{{ __('Sub amount') }}:</p>
            </div>
            <div class="col-lg-5 col-md-4 col-5 float-right">
                <p class="total-text raw-total-text"> {{ format_price( $order->sub_total) }} </p>
            </div>
        </div>

        <hr/>
        <div class="row total-price">
            <div class="col-lg-7 col-md-8 col-5">
                <p>{{ __('Shipping fee') }}@if ($order->shipping_amount == 0 && $order->discount_amount == 0 && $order->coupon_code) ({{ __('Using coupon code') }} <strong>{{ $order->coupon_code }}</strong>) @endif:</p>
            </div>
            <div class="col-lg-5 col-md-4 col-5 float-right">
                <p class="total-text raw-total-text">{{ format_price( $order->shipping_amount) }} </p>
            </div>
        </div>

        @if ($order->discount_amount !== null)
            <div class="row total-price">
                <div class="col-lg-7 col-md-8 col-5">
                    <p>{{ __('Discount') }}:</p>
                </div>
                <div class="col-lg-5 col-md-4 col-5 float-right">
                    <p class="total-text raw-total-text">{{ format_price($order->discount_amount) }} </p>
                </div>
            </div>
        @endif

        @if (EcommerceHelper::isTaxEnabled())
            <div class="row total-price">
                <div class="col-6">
                    <p>{{ __('Tax') }}:</p>
                </div>
                <div class="col-6 float-right">
                    <p class="total-text raw-total-text">{{ format_price($order->tax_amount) }}</p>
                </div>
            </div>
        @endif

        <hr/>
        <div class="row total-price">
            <div class="col-lg-7 col-md-8 col-5">
                <p>{{ __('Total amount') }}:</p>
            </div>
            <div class="col-lg-5 col-md-4 col-5 float-right">
                <p class="total-text raw-total-text"> {{ format_price($order->amount) }} </p>
            </div>
        </div>
    </div>
@stop