@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">
                        <div class="checkout-confirm text-center">
                            <img src="{{ url('public') }}/assets/img/okay.png" alt="Okay" width="125" />
                            <br />
                            <h4>{{ trans('home.orderReceived') }}</h4>
                            <br />
                            <h5>{{ trans('home.thankYou') }}</h5>
                            <br />
                        </div>

                        <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>#{{ @$orderDetails->order_code }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.subTotal') }}
                                    </td>
                                    <td>{{ @$orderDetails->price . ' ' . trans('admin.LE') }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.tax') }}
                                    </td>
                                    <td>{{ @$orderDetails->tax . ' ' . trans('admin.LE') }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.deliverys') }}
                                    </td>
                                    <td>{{ @$orderDetails->delivery . ' ' . trans('admin.LE') }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.total') }}
                                    </td>
                                    <td>{{ @$orderDetails->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>{{ @$orderDetails->phone }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('admin.address') }}
                                    </td>
                                    <td>{{ @$orderDetails->address }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('home.orderNotes') }}
                                    </td>
                                    <td>{{ @$orderDetails->order_notes }}</td>
                                </tr>
                                <tr>
                                    <td class="product-col">
                                        {{ trans('admin.area') }}
                                    </td>
                                    <td>@if(session()->get('lang') == 'en') {{ @getAreaByID($orderDetails->area)->name_en }} @else {{ @getAreaByID($orderDetails->area)->name_ar }} @endif</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- product tab end -->

@endsection