@extends('frontend.layouts.master')
@section('content')
    <div class="container">

        <div class="row">
            <div class="col">
                <ul class="breadcrumb font-weight-bold text-6 justify-content-center my-5" dir="ltr">
                    <li class="text-transform-none me-2">
                            <span
                                class="text-decoration-none text-color-primary">{{ __('routes.Shopping Cart') }}</span>
                    </li>
                    <li class="text-transform-none text-color-primary me-2">
                            <span
                                class="text-decoration-none text-color-primary">{{ __('routes.Shipping info') }}</span>
                    </li>
                    <li class="text-transform-none text-color-primary me-2">
                        <span class="text-decoration-none text-color-primary">{{ __('routes.Checkout') }}</span>
                    </li>
                    <li class="text-transform-none text-primary">
                            <span
                                class="text-decoration-none text-color-primary">{{ __('routes.Order Complete') }}</span>
                    </li>
                </ul>
            </div>
        </div>

        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="card border-width-3 border-radius-0 border-color-success">
                    <div class="card-body text-center">
                        <p class="text-color-dark font-weight-bold text-4-5 mb-0"><i
                                class="fas fa-check text-color-success me-1"></i>
                            {{ __("routes.Thank You, Your Order has been received.") }}
                        </p>
                    </div>
                </div>
                <div class="d-flex flex-column flex-md-row justify-content-between py-3 px-4 my-4">
                    <div class="text-center">
									<span>
										{{ __("routes.order-number") }}
										 <br>
										<strong class="text-color-dark">
                                            {{$order->code}}
                                        </strong>
									</span>
                    </div>
                    <div class="text-center mt-4 mt-md-0">
									<span>
										{{ __("routes.date") }}
										 <br>
										<strong class="text-color-dark">
                                        {{$order->created_at->format('M d, Y')}}
                                        </strong>
									</span>
                    </div>
                    <div class="text-center mt-4 mt-md-0">
									<span>
										{{ __("routes.email") }}
										 <br>
										<strong class="text-color-dark">
                                            {{$order->user->email}}
                                        </strong>
									</span>
                    </div>
                    <div class="text-center mt-4 mt-md-0">
									<span>
										{{ __("routes.Total") }}
										 <br>
										<strong class="text-color-dark">
                                            {{$order->total}} {{$order->currency->code}}
                                        </strong>
									</span>
                    </div>
                    <div class="text-center mt-4 mt-md-0">
									<span>
                                        {{ __("routes.payment-method") }}
                                        <br>
										<strong class="text-color-dark">
                                            {{$order->payment->name}}
                                        </strong>
									</span>
                    </div>
                </div>
                <div class="card border-width-3 border-radius-0 border-color-hover-dark mb-4">
                    <div class="card-body">
                        <h4 class="font-weight-bold text-uppercase text-4 mb-3">
                            {{ __("routes.your-order") }}
                        </h4>
                        <table class="shop_table cart-totals mb-0">
                            <tbody>
                            @foreach ($order->orderDetails as $item)
                                @if ($item->variation && $item->variation->product_id)
                                    <x-checkoutproduct :cartItem="$item"/>
                                @elseif ($item->package_id)
                                    <x-checkoutpackage :cartItempackage="$item"/>
                                @elseif ($item->bundle_id)
                                    <x-checkoutbundle :cartItembundle="$item"/>
                                @endif
                            @endforeach
                            <tr class="cart-subtotal">
                                <td class="border-top-0 te">
                                    <strong class="text-color-dark">{{ __('routes.Subtotal') }}</strong>
                                </td>
                                <td class="border-top-0 ">
                                    <strong>
                                        <span class="amount font-weight-medium">
                                            {{ price($order->subtotal) }}
                                        </span>
                                    </strong>
                                </td>
                            </tr>
                            @if (!is_null($order->coupon_id))
                                <tr class="cart-coupon">
                                    <td class="border-top-0">
                                        <strong class="text-color-dark">{{ __('routes.Coupon') }}:
                                            <span
                                                class="text-success border border-1 p-1 border-success rounded">
                                                {{$order->coupon->code}}
                                            </span>
                                        </strong>
                                    </td>
                                    <td class="border-top-0 ">
                                        <strong>
                                            @if ($order->coupon->isFreeShippingCoupon())
                                                <span
                                                    class="amount font-weight-medium bg-success text-white px-2 rounded-3 opacity-8">
                                                    {{ __("routes.free-shipping") }}
                                                </span>
                                            @else
                                                <span class="amount font-weight-medium">
                                                    -{{ price($order->coupon->discount) }}
                                                </span>
                                            @endif

                                        </strong>
                                    </td>
                                </tr>

                                @if(!$order->coupon->isFreeShippingCoupon())
                                    <tr class="cart-subtotal-with-coupon">
                                        <td class="border-top-0">
                                            <strong class="text-color-dark">{{ __('routes.Subtotal') }}</strong>
                                        </td>
                                        <td class="border-top-0 ">
                                            <strong>
                                                <span class="amount font-weight-medium">
                                                    {{ price($order->subtotal) }}
                                                </span>
                                            </strong>
                                        </td>


                                    </tr>
                                @endif
                            @endif
                            <tr>
                                <td class="border-top-0">
                                    <strong class="text-color-dark">{{ __('routes.payment-method-fee') }}</strong>
                                </td>
                                <td class="border-top-0 ">
                                    <strong>
                                    <span class="amount font-weight-medium">
                                        {{ price($order->payment->extra_fee) }}
                                    </span>
                                    </strong>
                                </td>
                            </tr>
                            <tr class="shipping">
                                <td class="border-top-0">
                                    <strong class="text-color-dark">
                                        {{ __('routes.Shipping') }}
                                    </strong>
                                    <br>
                                    <small class="mb-0">
                                        {{$order->address->city->country->name}}, {{$order->address->city->name}}
                                        , {{$order->address->address}}, {{$order->address->address_details}}
                                        ({{is_null($order->address->flat_number) ? $order->address->villa_number : $order->address->flat_number}}
                                        )
                                    </small>
                                </td>
                                <td class="border-top-0 ">
                                    <strong>
                                        <span
                                            class="amount font-weight-medium @if($order->coupon?->isFreeShippingCoupon()|| $order->shipping_cost == 0) text-decoration-line-through @endif">
                                            {{ price($order->address->city->delivery_cost) }}
                                        </span>
                                    </strong>
                                </td>
                            </tr>
                            <tr id="tax-html" class="tax">
                                <td class="border-top-0">
                                    <strong class="text-color-dark">{{ __('routes.Tax') }}</strong>
                                </td>
                                <td class="border-top-0 ">
                                    <strong>
                                        <span class="amount font-weight-medium">
                                            {{ price($order->tax) }}
                                        </span>
                                    </strong>
                                </td>
                            </tr>
                            @if($order->deduct_from_wallet != 0)
                                <tr id="use-wallet" class="use-wallet">
                                    <td>
                                        <strong
                                            class="text-color-dark text-3-5">
                                            {{ __("routes.from-wallet") }}
                                        </strong>
                                    </td>
                                    <td class="">
                                        <strong class="text-color-dark">
                                            <span class="amount font-weight-medium">
                                                -{{ price($order->deduct_from_wallet) }}
                                            </span>
                                        </strong>
                                    </td>
                                </tr>
                            @endif
                            @if($order->deduct_from_points != 0)
                                <tr id="use-points" class="use-points">
                                    <td>
                                        <strong
                                            class="text-color-dark text-3-5">
                                            {{ __("routes.from-points") }}
                                        </strong>
                                    </td>
                                    <td class="">
                                        <strong class="text-color-dark">
                                            <span class="amount font-weight-medium">
                                                -{{ price(Helper::convertPointsToCurrency($order->deduct_from_points)) }}
                                            </span>
                                        </strong>
                                    </td>
                                </tr>
                            @endif

                            <tr id="total-html" class="total">
                                <td>
                                    <strong
                                        class="text-color-dark text-3-5">{{ __('routes.Total') }}
                                    </strong>
                                </td>
                                <td class="">
                                    <strong class="text-color-dark">
                                        <span class="amount text-color-dark text-5">
                                            {{ price($order->total) }}
                                        </span>
                                    </strong>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row pt-3">
                    <div class="col-lg-6 mb-4 mb-lg-0">
                        <h2 class="text-color-dark font-weight-bold text-5-5 mb-1">
                            {{ __("routes.billing-address") }}
                        </h2>
                        <ul class="list list-unstyled text-2 mb-0">
                            <li class="mb-0">{{ $order->user->fullname() }}</li>
                            <li class="mb-0">
                                {{$order->address->city->country->name}}, {{$order->address->city->name}}
                                ,{{$order->address->address_details}}
                            </li>
                            <li class="mb-0">{{$order->user->country_code . ' ' . $order->user->phone}}</li>
                            <li class="mt-0 mb-0">
                                {{$order->user->email}}
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection