@extends('website.layouts.app')

@section('content')

    @include('website.layouts.crumb')

    <!-- product tab start -->
    <section class="whish-list-section theme1 pt-80 pb-80">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive">
                        <h4 class="text-center">{{ trans('home.orderDetails') }}</h4>
                        <table class="table text-center">
                            <tbody class="checkout__totals-products">
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.orderNumber') }}
                                    </td>
                                    <td>#{{ @$order->order_code }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.subTotal') }}
                                    </td>
                                    <td>{{ @$order->price . ' ' . trans('admin.LE') }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.tax') }}
                                    </td>
                                    <td>{{ @$order->tax . ' ' . trans('admin.LE') }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.deliverys') }}
                                    </td>
                                    <td>{{ @$order->delivery . ' ' . trans('admin.LE') }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.total') }}
                                    </td>
                                    <td>{{ @$order->total_price . ' ' . trans('admin.LE') }}</td>
                                </tr>
                            </tbody>
                        </table>

                        @if(isset($products) && !empty($products))
                        <br />
                        <h4 class="text-center">{{ trans('admin.product') }}</h4>
                        <table class="table  text-center">
                            <tbody class="checkout__totals-products">
                                @foreach($products as $product)
                                <tr>
                                    <td style="width: 50%;">
                                        {{ getProduct($product->product_id)['name_' . getLang()] }}
                                    </td>
                                    <td>
                                        {{ $product->qty . ' x ' . getProduct($product->product_id)->price . ' ' . trans('admin.LE') }}
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        @endif

                        <br />
                        <h4 class="text-center">{{ trans('home.customerDetails') }}</h4>
                        <table class="table text-center">
                            <tbody class="checkout__totals-products">
                                <tr>
                                    <td class="product-col">
                                        {{ trans('admin.name') }}
                                    </td>
                                    <td>{{ @$user->name }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('admin.email') }}
                                    </td>
                                    <td>{{ @$user->email }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('admin.phone') }}
                                    </td>
                                    <td>{{ @$order->phone }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('admin.address') }}
                                    </td>
                                    <td>{{ @$order->address }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.orderNotes') }}
                                    </td>
                                    <td>{{ @$order->order_notes }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('admin.area') }}
                                    </td>
                                    <td>@if(session()->get('lang') == 'en') {{ @getAreaByID($order->area)->name_en }} @else {{ @getAreaByID($order->area)->name_ar }} @endif</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('admin.status') }}
                                    </td>
                                    <td>
                                        <div class="col-12">
                                          <div class="order-progress-stepper">
                                            <div class="step @if($order->status >= 0) completed @endif">{{ trans('admin.WaitingAction') }}</div>
                                            <div class="step @if($order->status >= 1) completed @endif">{{ trans('admin.confirmed') }}</div>
                                            <div class="step @if($order->status >= 2) completed @endif">{{ trans('admin.shipped') }}</div>
                                            <div class="step @if($order->status >= 3) completed @endif">{{ trans('admin.deliverd') }}</div>
                                          </div>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- product tab end -->

@endsection