@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('content')
    <div class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-wrap text-center">
                <h2 class="page-title">{{ __('Track Order') }}</h2>
                <ul class="breadcrumb-pages">
                    <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a></li>
                    <li class="page-item">{{ __('Track Order') }}</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="profile-page-area section">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-4">
                    @include('front.layouts.include.user_profile_sidebar', ['menu' => 'order'])
                </div>
                <div class="col-xl-9 col-lg-8">
                    <div class="gray-box">
                        <h3 class="order-tit">{{ __('Track Order') }}</h3>
                        @if ($order->Order_Status == ORDER_PENDING || $order->Order_Status == ORDER_PROCESSING)
                            @include('front.layouts.include.tracking.processing')
                        @elseif($order->Order_Status == ORDER_SHIPPED)
                            @include('front.layouts.include.tracking.shipped')
                        @elseif($order->Order_Status == ORDER_DELIVERED)
                            @include('front.layouts.include.tracking.delivered')
                        @elseif($order->Order_Status == ORDER_CANCELLED)
                            @include('front.layouts.include.tracking.canceled')
                        @elseif($order->Order_Status == ORDER_RETURN)
                            @include('front.layouts.include.tracking.returned')
                        @elseif($order->Order_Status == ORDER_DELIVERED_FAILED)
                            @include('front.layouts.include.tracking.delivery_failed')
                        @endif

                        <div class="table-responsive">
                            <table class="table mb-0 track-order-table">
                                <thead>
                                    <tr>
                                        <th scope="col">{{ __('Title') }}</th>
                                        <th scope="col">{{ __('Item') }}</th>
                                        <th scope="col">{{ __('Price') }}</th>
                                        <th scope="col">{{ __('Qty') }}</th>
                                        <th scope="col">{{ __('Subtotal') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($order->order_details as $detail)
                                        <tr>
                                            <td>{{ $detail->name_translate }}</td>
                                            <td>
                                                <img src="{{ asset(IMG_PRODUCT_PATH . $detail->Image) }}"
                                                    alt="order img" class="order-img">
                                            </td>
                                            <td>JOD {{ $detail->Quantity > 0 ? $detail->Total_Price / $detail->Quantity : 0 }}</td>
                                            <td class="updated-order position-relative">
                                                <span class="updated-order-txt position-relative me-3">{{ $detail->quantity_beforeEdit }}</span>
                                                <span>{{ $detail->Quantity }}</span>
                                            </td>
                                            <td class="updated-order position-relative">
                                                <span class="updated-order-txt position-relative me-3">{{ $detail->totalPrice_beforeEdit }}</span>
                                                <span>JOD {{ $detail->Total_Price }}</span>
                                            </td>
                                        </tr>
                                    @endforeach
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td class="order-table-tit">{{ __('Subtotal') }}</td>
                                        <td>JOD {{ $order->Sub_Total }}</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td class="order-table-tit">{{__('Delivery Charge')}}</td>
                                        <td>{{ $order->Delivery_Charge }} JOD</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td class="order-table-tit">{{__('User Discount')}}</td>
                                        <td>% {{ $order->user_discount }}</td>
                                    </tr>
                                    <tr>
                                      <td></td>
                                      <td></td>
                                      <td></td>
                                      <td class="order-table-tit">{{__('Discount')}}</td>
                                      <td>% {{ $order->Coupon_Amount }}</td>
                                  </tr>
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td class="order-table-tit">{{__('Grand Total')}}</td>
                                        <td>{{ $order->Grand_Total }} JOD</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection