@extends('shop.layouts.app')

@section('content')
     <section class="profiles clearfix" id="login">
        <div class="container-fluid">

            <div class="col-12">
                <div class="row">
                   @include('shop.customer.sidebar')

                    <div class="col-md-9">
                        <div class="orders p-right">
                            <h3>Orders <span># {{$order->id}}</span></h3>

                            <h5 class="mb-0">Products Ordered</h5>

                            <div class="table-responsive">
                                <table class="table mt-3 w-100">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th scope="col">Name</th>
                                            <th scope="col">Price</th>
                                            <th scope="col">Item QTY</th>
                                            <th scope="col">Sub Total</th>
                                            <th scope="col">Tax Percent</th>
                                            <th scope="col">Tax Amount</th>
                                            <th scope="col">Grand Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if ($order->orderItems)
                                            @foreach ($order->orderItems as $item)
                                                <tr>
                                                    <th scope="row">{{$item->product_name}}</th>
                                                    <td>₹{{$item->price}}</td>
                                                    <td>{{$item->qty_ordered}}</td>
                                                    <td>{{$item->sub_total}}</td>
                                                    <td>{{$item->tax}} %</td>
                                                    <td>₹{{$item->tax_amount}}</td>
                                                    <td>₹{{$item->grand_total}}</td>
                                                </tr>
                                            @endforeach
                                        @endif

                                    </tbody>
                                </table>
                            </div>
                            <hr/>
                             <div class="totals clear-fix col-12" style="overflow: hidden">
                                 <table class="sale-summary pull-right">
                                     <tbody>
                                         <tr>
                                             <td>Subtotal
                                                 <span class="dash-icon">-</span>
                                             </td>
                                             <td class="text-right">₹{{$order->sub_total}}</td>
                                         </tr>
                                         <tr>
                                             <td>Shipping &amp; Handling
                                                 <span class="dash-icon">-</span>
                                             </td>
                                             <td class="text-right">₹{{$order->shipping_amount}}</td>
                                         </tr>
                                         <tr class="border-bottom">
                                             <td>Tax
                                                 <span class="dash-icon">-</span>
                                             </td>
                                             <td class="text-right">₹{{$order->tax_amount}}</td>
                                         </tr>
                                         <tr class="fw6">
                                             <td>Grand Total
                                                 <span class="dash-icon">-</span>
                                             </td>
                                             <td class="text-right">₹{{$order->grand_total}}</td>
                                         </tr>
                                         <tr class="fw6">
                                             <td>Total Paid
                                                 <span class="dash-icon">-</span>
                                             </td>
                                             <td class="text-right">₹{{$order->grand_total }}</td>
                                         </tr>


                                     </tbody>
                                 </table>
                             </div>

                            <hr/>
                            <div class="col-12">
                                <div class="row">
                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-bordered  mt-3 w-100">
                                                    <tbody>
                                                        <tr>
                                                            <td>Name </td>
                                                            <td>{{$order->address->first_name}}</td>
                                                        </tr>
                                                        <tr>
                                                            <td>Contact</td>
                                                            <td>{{$order->address->phone}}</td>
                                                        </tr>
                                                        <tr>
                                                            <td>City</td>
                                                            <td>{{$order->address->city}}</td>
                                                        </tr>
                                                        <tr>
                                                            <td >State</td>
                                                            <td>{{$order->address->state}}</td>
                                                        </tr>

                                                        <tr>
                                                            <td>Pin Code</td>
                                                            <td>{{$order->address->postal}}</td>
                                                        </tr>
                                                        <tr>
                                                            <td>Address</td>
                                                            <td>{{$order->address->address}}</td>
                                                        </tr>
                                                            <tr>
                                                                <td>Comments</td>
                                                                <td>{{$order->order_note}}</td>
                                                            </tr>
                                                    </tbody>
                                                </table>
                                                </div>
                                            </div>
                                </div>
                                <br>
                                       <h5 class="mb-0">Shipping Meathod</h5>
                                       <p>{{$order->shipping_method}}</p>
                            </div>





                        </div>
                    </div>
                </div>
            </div>


        </div>
    </section>
@endsection