@extends('web.layouts.main')
@section('content')

<main>
       
        <!-- ---------- register_form_sec ----------- -->
        <section class="new_bill_content">
            <div class="container">
                <h3 class="title text-center mainColor mb-5"> {{__('web.bill_detaills')}} </h3>
                <div class="bill_card">
                    <div class="bill_head">
                        <ul>
                            <li> <strong> {{__('web.user_name')}} : </strong> <span> {{$order->user->name}} </span> </li>
                            <li> <strong> {{__('web.phone')}} : </strong> <span> {{$order->user->phone}} </span> </li>
                            <li> <strong> {{__('web.email')}}  : </strong> <span> {{$order->user->email}} </span> </li>
                            <li> <strong> {{__('web.order_id')}} : </strong> <span> #{{$order->id}} </span> </li>
                            <li> <strong> {{__('web.created_at')}} : </strong> <span> {{date('d',strtotime($order->created_at))}} {{__('web.'.date('F',strtotime($order->created_at)))}} {{date('Y',strtotime($order->created_at))}} </span> </li>
                            <li> <strong> {{__('web.status')}} : </strong> <span> {{__('web.'.$order->type)}} </span> </li>
                            <li> <strong> {{__('web.delivery_address')}} : </strong> <span> {{$order->address->address}} - {{$order->address->city->descriptions()->name}}  </span> </li>
                        </ul>
                    </div>
                    <div class="bill_body">
                        <div class="row">
                            <div class="col-lg-7">
                                <div class="cart_table">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                              <tr>
                                                <th scope="col">{{__('web.product_image')}}</th>
                                                <th scope="col">{{__('web.product_name')}}</th>
                                                <th scope="col">{{__('web.count')}}</th>
                                                <th scope="col">{{__('web.product_cost')}} </th>
                                              </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($products as $product)
                                                    <tr>
                                                <td>
                                                    <img src="{{$product->product->firstImage()}}" alt="" class="img_prod">
                                                </td>
                                                <td>
                                                    <strong> {{$product->product->descriptions()->name}} </strong>
                                                </td>
                                                <td>
                                                    {{$product->count}}
                                                </td>
                                                <td>
                                                    <p> {{$product->total}} {{__('web.sar')}} </p>
                                                </td>
                                              </tr>
                                                @endforeach
                                            </tbody>
                                          </table>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-5">
                                <div class="aside_card">
                                    <h6 class="mb-4"> {{__('web.order_details')}} </h6>
                                    <ul>
                                        <li> <p> {{__('web.total_products')}} </p> <strong> {{$order->total_products}} {{__('web.sar')}} </strong> </li>
                                        @if($order->tax_val > 0) <li> <p> {{__('web.tax_val')}} </p> <strong> {{$order->tax_val}} {{__('web.sar')}} </strong> </li> @endif
                                        @if($order->delivery_val > 0) <li> <p> {{__('web.delivery_val')}} </p> <strong> {{$order->delivery_val}} {{__('web.sar')}} </strong> </li> @endif
                                        @if($order->cobons_val > 0) <li> <p> {{__('web.cobon_val')}} </p> <strong> {{$order->cobons_val}} {{__('web.sar')}} </strong> </li> @endif
                                        @if($order->status == 'points') <li> <p> {{__('web.points_count')}} </p> <strong> {{$order->points}} {{__('web.point')}} </strong> </li> @endif
                                        <li class="pt-3 mt-3 border-1 border-top"> <p> {{__('web.total_all')}} </p> <strong> {{$order->total}} {{__('web.sar')}} </strong> </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

@stop