@extends('layouts.master')

@section('page_title','View Order')
@section('title','Order Details')
@section('main_item','Orders')
@section('sub_item','Order Details')

@section('content')

<div class="col-12">
    <div class="card">
        <div class="card-body">

            <h4 class="header-title mt-0">Order Details : (<strong>Invoice Number : </strong>#{{$sale->invoice_no}})</h4>
            <div class="row">

                <div class="col-md-4">
                    <div class="card  card-light">
                        <div class="card-body">


                        <b>Customer name : </b>{{$sale->customer->name}}<br>
                            <b>Address : </b>
                            {{$sale->customer->landmark}}<br>
                            {{$sale->customer->city}}<br>
                            {{$sale->customer->province->province_name}}
                        </div>
                     
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card  card-light">
                        <div class="card-body">

                            <b>Mobile :</b> {{$sale->customer->mobile}}<br>
                            <b>Mobile 2 :</b> {{$sale->customer->mobile_2}}<br>
                            <b>Landline :</b> {{$sale->customer->landline}}<br>
                            <b>Email :</b> {{$sale->customer->email}}<br>

                        </div>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card  card-light">
                        <div class="card-body">

                            <b>Invoice No :</b> {{$sale->invoice_no}}<br>
                            <b>Waybill No :</b> {{$sale->waybill->waybill_no}}<br>
                            <b>Delivery Status :</b> {{Str::title($sale->status)}}<br>
                            <b>Payment Status :</b> {{Str::title($sale->payment_status)}}<br>
                            <b>Created  By :</b> {{$sale->user->full_name}}<br>

                        </div>

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

    </div>

</div>
<div class="col-12">
    <div class="card">
        <div class="card-body">
            <div class="table-responsive dash-social">
                <table id="datatable" class="table table-hover">
                    <thead class="thead-dark">
                        <tr>
                            <th>Product Name</th>
                            <th>SKU</th>
                            <th>Attribute</th>
                            <th>Quantity</th>
                            <th>Unit Price</th>
                            <th>Line Total</th>
                        </tr>

                    </thead>

                    <tbody>
                        @foreach ($sale_items as $item)
                        @if (!empty($item->product->product_name))


                        <tr>
                            <td>{{$item->product->product_name}}</td>
                            <td>{{$item->product->sku}}</td>
                            <td>@if (!empty($item->product->attribute->attribute_name))
                                {{$item->product->attribute->attribute_name}} {{$item->attribute_value}}
                            @else
                               Single
                            @endif
                               </td>
                            <td>{{$item->qty}} {{$item->product->unit->short_name}}</td>
                            <td>{{number_format($item->sale_unit_price,2)}}</td>
                            <td>{{number_format($item->sale_line_total,2)}}</td>
                        </tr>
                        @else

                        @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        
    </div>

</div>
<div class="col-12">
    <div class="card">
        <div class="card-body">
            <div class="table-responsive dash-social">
                <table id="datatable" class="table table-hover">
                    <thead class="thead-dark">
                        <tr>
                            <th>Date</th>
                            <th>Status</th>
                            <th>Next Call Date</th>
                            <th>Remark</th>

                        </tr>
  
                    </thead>

                    <tbody>
                        @if(!empty($call_status))
                        @foreach ($call_status as $status )


                        <tr>
                            <td>{{$status->call_date}}</td>
                            <td>{{$status->call_status}}</td>
                            @if (!empty($status->next_call_date))
                            <td>{{\Carbon\Carbon::parse($status->next_call_date)->format('Y-m-d')}}</td>
                            @else
                            <td>N/A</td>
                            @endif
                            <td>{{$status->remark}} </td>
                        </tr>

                        @endforeach
                        @endif

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

    </div>

</div>
<div class="col-md-6" >
    <div class="card" hidden>
        <div class="card-body">

            <h4 class="header-title mt-0">Payment Info</h4>
            <div class="table-responsive dash-social">
                <table id="datatable" class="table table-hover">
                    <thead class="thead-dark">
                        <tr>
                            <th>Date</th>
                            <th>Reference Number</th>
                            <th>Amount</th>
                            <th>Payment Mode</th>
                            <th>Payment Note</th>
                       </tr>

                    </thead>

                    <tbody>
                        <tr>
                            <td>2019/02/8</td>
                            <td>xyx@gmail.com</td>
                            <td>+123456789</td>
                            <td>Tokyo, JAP</td>
                            <td>5.1</td>
                        </tr>
       
                    </tbody>
                </table>
            </div>
        </div>

    </div>

</div>
<div class="col-md-6">
    <div class="card">
        <div class="card-body">

                <div class="table-responsive">
                  <table class="table bg-gray">
                    <tbody><tr>
                      <th>Order Total: </th>
                      <td></td>
                      <td class="text-right"><span class="display_currency pull-right" data-currency_symbol="true">₨ {{$sale->invoice_total}}</span></td>
                    <td></td>
                    </tr>
                    <tr>
                      <th>Discount:</th>
                      <td><b>(-)</b></td>
                      <td class="text-right"><span class="pull-right">₨ {{$sale->invoice_discount}}</span></td>
                        <td></td>
                    </tr>
                    <tr>
                      <th>Order Sub Total:</th>
                      <td><b></b></td>
                      <td class="text-right"><span class="pull-right">₨ {{$sale->invoice_subtotal}}</span></td>
                        <td></td>
                    </tr>
                    <tr>
                      <th>Delivery Fee: </th>
                      <td><b>(+)</b></td>
                      <td class="text-right"><span class="display_currency pull-right" data-currency_symbol="true">{{($sale->delivery_fee == 0)?'Free of Charge':'₨ '.$sale->delivery_fee}}</span></td>
                        <td></td>
                    </tr>
                    <tr>
                      <th>Order Net Total: </th>
                      <td></td>
                      <td class="text-right"><span class="display_currency pull-right">₨ {{$sale->invoice_nettotal}}</span></td>
                        <td></td>
                    </tr>
                  </tbody></table>
                </div>

        </div>

    </div>

</div>
@endsection

@section('scripts')



@endsection