@extends('layouts.adminlayouts.app')
@section('title')
<title>Order Details of ID: {{ $order->id }} {{$appSetting->h1}} - {{$appSetting->slogan}}</title>
@endsection
@push('css')

@endpush
@section('contents')

<div class="row">
    <div class="col-lg-12">

        @include('alerts.alerts')

        <div class="ibox-content p-xl">
            <span style="cursor: pointer;padding: 0 10px;" class="ipt"   onClick="printdiv('div_print');" value=" Print "><i class="fa fa-print"></i></span> 
            <div id="div_print">
            <div class="row" style="background: white;">
                <div class="col-sm-6">
                     <div>
                         <p style="margin: 0;"><img src="{{asset($appSetting->logo())}}" style="max-width: 100%;"></p>
                        </div>
                        <h5>From:</h5>
                        <address>
                            <strong>{{ $appSetting->h1 }}.</strong><br>
                            {{$appSetting->address_one}} <br>
                            <abbr title="Phone">Mobile:</abbr> {{$appSetting->mobile}}<br>
                            <abbr title="Phone">Email:</abbr> {{$appSetting->email}}
                        </address>
                        <p><strong>Payment: </strong>@if($order->payment_status=='paid')<span style="color: #ffffff;font-weight: bold;font-size: 16px;background: #229dff;padding: 1px 8px;border-radius: 3px;">Paid</span> @else <span style="color: #ffffff;font-weight: bold;font-size: 16px;background: #f44336;padding: 1px 8px;border-radius: 3px;">Unpaid</span> @endif</p>
                </div>

                <div class="col-sm-6 text-right">
                    <h4>Invoice No.</h4>
                    <h4 class="text-navy">INV-{{ $order->id }}</h4>
                    <span>To:</span>
                    <address>
                        <strong>{{ $order->name }} </strong><br>
                        {{ $order->address }}
                        <br>
                        <abbr title="Phone">Mobile:</abbr> {{ $order->mobile }} <br>
                        <abbr title="Email">Email:</abbr>
                        {{ $order->email }}
                    </address>
                    <p>
                        <span><strong>Invoice Date:</strong> {{ $order->created_at->toDateString() }}</span><br/>
                        <span><strong>{{ ucfirst($order->order_status) }} Date:</strong> 
                            @if($orderS = $order->order_status)
                            {{ $order[$orderS.'_at']->toDateString() }}
                            @endif
                        </span>
                    </p>
                </div>
            </div>

            <div class="table-responsive" style="padding-top:15px;background: white;">
                <table class="table invoice-table table-sm table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>Item List</th>
                            <th>Quantity</th>
                            <th>Unit Price</th>
                            <th>Total Price</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach($order->items as $item)
                        <tr>
                            <td><div><strong>{{ $item->product_name }}</strong></div>
                                <small>ID:{{ $item->product_id }}, Color: {{ $item->color }}, Size: {{ $item->size }}</small></td>
                                <td>{{ number_format($item->total_quantity,0) }}</td>
                                <td>{{$appSetting->currency}} {{ number_format($item->unit_price - $item->unit_pro_discount,0) }}</td>
                                <td>{{$appSetting->currency}} {{ number_format($item->total_quantity*($item->unit_price-$item->unit_pro_discount),0) }}</td>
                            </tr>
                        @endforeach


                        </tbody>
                    </table>
                </div><!-- /table-responsive -->

                <table class="table invoice-total">
                    <tbody>
                        <tr>
                            <td><strong>Sub Total :</strong></td>
                            <td>{{$appSetting->currency}} {{ number_format($order->final_price,0) }}</td>
                        </tr>
                        <tr>
                            <td><strong>Delivery Cost :</strong></td>
                            <td>{{$appSetting->currency}} {{ $order->delivery_cost }}</td>
                        </tr>
                        <tr>
                            <td><strong>TOTAL :</strong></td>
                            <td>{{$appSetting->currency}} {{ number_format($order->final_price + $order->delivery_cost,0) }}</td>
                        </tr>
                        <tr>
                            <td><strong>Total Weight :</strong></td>
                            <td>{{ $order->total_weight }} Kg</td>
                        </tr>
                    </tbody>
                </table>


                            {{-- <div class="well m-t"><strong>Comments</strong>
                                It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less
                            </div> --}}
                        </div>
                    </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-lg-12">

                        <div class="ibox ">
                            <div class="ibox-title">
                                <h5>Manage Products (Vendor)</h5>
                            </div>
                            <div class="ibox-content">


                <div class="table-responsive m-t">
                <table class="table table-sm table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>SL</th>
                            <th></th>
                            <th>Item List</th>
                            <th>Qty</th>
                            <th>Weight (Kg)</th>
                            <th>Vendor</th>
                            <th>Order Status</th>
                           
                        </tr>
                    </thead>
                    <tbody>

                        
                        @foreach($order->items as $item)
                        <tr>
                            <td>{{ $i }}</td>
                            <td><img src="{{ route('imagecache', [ 'template'=>'ppsm','filename' => $item->product->usliveFi() ]) }}" alt="{{ $item->product_name }}"></td>
                            <td><div><strong>{{ $item->product_name }}</strong></div>
                                <small>ID:{{ $item->product_id }}, Color: {{ $item->color }}, Size: {{ $item->size }}</small></td>
                                <td>{{ $item->total_quantity }}</td>
                                <td>{{ $item->total_quantity * $item->total_weight }}</td>
                                <td><div>
                                    @if($item->seller_id)
                                    <strong>
                                       Vendor ID:{{ $item->seller_id }},{{ $item->seller->title }} ({{ $item->seller->user->name }})
                                    </strong>
                                    <br>
                                    {{ $item->seller->mobile }},{{ $item->seller->address }},{{ $item->seller->city }} <br>
                                    @endif

                                    <span class="badge badge-dark">{{ $item->order_status }}: {{ $item[$item->order_status.'_at'] }}</span>
                                </div></td>
                                <td>
                                    
                                    <form class="form-inline" method="post" action="{{ route('admin.orderItemOrderStatusUpdate',$item) }}">

                                        @csrf

                                        <div class="input-group mb-3 input-group-sm">
  
  <select class="form-control" name="order_status" id="order_status">

<option {{ $item->order_status == 'pending' ? 'selected' : '' }}>pending</option>
<option {{ $item->order_status == 'confirmed' ? 'selected' : '' }}>confirmed</option>
<option {{ $item->order_status == 'processing' ? 'selected' : '' }}>processing</option>
<option {{ $item->order_status == 'ready_to_ship' ? 'selected' : '' }}>ready_to_ship</option>
<option {{ $item->order_status == 'shipped' ? 'selected' : '' }}>shipped</option>
<option {{ $item->order_status == 'delivered' ? 'selected' : '' }}>delivered</option>
<option {{ $item->order_status == 'cancelled' ? 'selected' : '' }}>cancelled</option>
<option {{ $item->order_status == 'returned' ? 'selected' : '' }}>returned</option>
<option {{ $item->order_status == 'undelivered' ? 'selected' : '' }}>undelivered</option>

  </select>
  <div class="input-group-append">
    <button class="btn btn-success" type="submit">Update</button>
  </div>
</div>
  
</form>

                                </td>
                            </tr>
                                                        @endforeach


                        </tbody>

                        <thead>
                            <tr>
                                
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th>

                             Payment Status:    <span class="badge badge-dark"><b>
                                 {{ $order->payment_status }}
                             </b></span>

                                <form class="form-inline pull-right" method="post" action="{{ route('admin.orderPaymentStatusUpdate',$order) }}">

                                        @csrf

                                        <div class="input-group mb-3 input-group-sm">
  
  <select class="form-control" name="payment_status" id="payment_status">

<option {{ $order->order_status == 'paid' ? 'selected' : '' }}>paid</option>
<option {{ $order->order_status == 'unpaid' ? 'selected' : '' }}>unpaid</option>
{{-- <option {{ $order->order_status == 'returned' ? 'selected' : '' }}>returned</option> --}}


  </select>
  <div class="input-group-append">
    <button class="btn btn-success" type="submit">Update</button>
  </div>
</div>
  
</form>
                                

                            </th>
                            <th>
                                <form class="form-inline" method="post" action="{{ route('admin.orderStatusUpdate',$order) }}">

                                        @csrf

                                        <div class="input-group mb-3 input-group-sm">
  
  <select class="form-control" name="order_status" id="order_status">

<option {{ $order->order_status == 'pending' ? 'selected' : '' }}>pending</option>
<option {{ $order->order_status == 'confirmed' ? 'selected' : '' }}>confirmed</option>
<option {{ $order->order_status == 'processing' ? 'selected' : '' }}>processing</option>
<option {{ $order->order_status == 'ready_to_ship' ? 'selected' : '' }}>ready_to_ship</option>
<option {{ $order->order_status == 'shipped' ? 'selected' : '' }}>shipped</option>
<option {{ $order->order_status == 'delivered' ? 'selected' : '' }}>delivered</option>
<option {{ $order->order_status == 'cancelled' ? 'selected' : '' }}>cancelled</option>
<option {{ $order->order_status == 'returned' ? 'selected' : '' }}>returned</option>
<option {{ $order->order_status == 'undelivered' ? 'selected' : '' }}>undelivered</option>

  </select>
  <div class="input-group-append">
    <button class="btn btn-success" type="submit">Update</button>
  </div>
</div>
  
</form>
                            </th>
                            </tr>
                        </thead>
                    </table>
                </div><!-- /table-responsive -->


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



                @endsection
                @push('js')
                <script language="javascript">
function printdiv(printpage)
{
var headstr = "<html><head><title></title></head><body>";
var footstr = "</body>";
var newstr = document.all.item(printpage).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr+newstr+footstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}
</script>
{{-- <script type="text/javascript">
$(document).ready(function(){

        $('.input-group.date').datepicker({
            todayBtn: "linked",
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            autoclose: true
        });

    });
</script> --}}
@endpush