@extends('layouts.seller-app')

@section('content')
<div class="content-page">
	<div class="content">
<div class="container-fluid">
  <!-- start page title -->
    <div class="row mt-2">
        <div class="col-3">
            <div class="page-title-box">
               
                <h4>Order Details</h4>
                <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{route('orders.index')}}">Orders</a></li>
                        <li class="breadcrumb-item active">Order Details</li>
                    </ol>
            </div>
        </div>
        <div class="col-9">
                <div class="text-md-right mt-1">
                    <a role="button" class="btn btn-danger deliveryNote waves-effect waves-light mb-2 mr-2" href="{{route('printDeliveryNote',$order->id)}}" target="_blank"><i class="mdi mdi-basket mr-1"></i> Delivery Note</a>
                    <a role="button" class="btn btn-success invoice waves-effect waves-light mb-2 mr-2" href="{{route('printInvoice',$order->id)}}" target="_blank"><i class="mdi mdi-basket mr-1"></i> Invoice </a>
                </div>
        </div>
    </div>     
    <!-- end page title -->   
    <!-- end page title --> 
    <div class="row">
        <div class="col-12 col-sm-4 col-md-4"> 
            <div class="card"> 
                <div class="card-header bg-dark ">
                    <div class="row">
                         <div class="col-12">
                           <p class="text-white mb-0">Order Detail <i class=" mdi mdi-cart float-right"></i> </p>
                        </div>                                            
                    </div>
                </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                        	<b><i class=" mdi mdi-calendar-clock"></i> Order Date: </b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>54</b><br />
<br />
<b>Warning</b>:  Attempt to read property "created_at" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>54</b><br />
<br />
<b>Deprecated</b>:  strtotime(): Passing null to parameter #1 ($datetime) of type string is deprecated in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>54</b><br />
01-Jan-1970 12:00 AM                        </li>
                        <li class="list-group-item">
                        	<b><i class=" mdi mdi-cart"></i> Order ID: </b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>58</b><br />
<br />
<b>Warning</b>:  Attempt to read property "order_number" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>58</b><br />
                        </li>
                        <li class="list-group-item">
                        	<b><i class="  mdi mdi-credit-card"></i> Payment Mode:  </b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>62</b><br />
<br />
<b>Warning</b>:  Attempt to read property "payment_type" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>62</b><br />
                        </li> 
                        <li class="list-group-item">
                        	<b><i class="  mdi mdi-currency-inr"></i> Payment Status: </b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>66</b><br />
<br />
<b>Warning</b>:  Attempt to read property "payment_status" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>66</b><br />
                        </li>
                        <li class="list-group-item">
                        	<b class=""><i class="mdi mdi-account"></i> Order By: </b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>70</b><br />
<br />
<b>Warning</b>:  Attempt to read property "user" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>70</b><br />
<br />
<b>Warning</b>:  Attempt to read property "name" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>70</b><br />
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>71</b><br />
<br />
<b>Warning</b>:  Attempt to read property "user" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>71</b><br />
<br />
<b>Warning</b>:  Attempt to read property "phone" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>71</b><br />
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>72</b><br />
<br />
<b>Warning</b>:  Attempt to read property "user" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>72</b><br />
<br />
<b>Warning</b>:  Attempt to read property "email" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>72</b><br />
                        </li>
                                                                    
                    </ul>
                </div>    
            </div>
        </div>
        
        <div class="col-12 col-sm-4 col-md-4"> 
            <div class="card"> 
                 <div class="card-header bg-dark ">
                    <div class="row">
                         <div class="col-12">
                           <p class="text-white mb-0">Shipping Address <i class=" mdi mdi-tooltip-account float-right "></i> </p>
                        </div>                                            
                    </div>
                </div> 

                <div class="card-body">
                     <ul class="list-group list-group-flush">
                      <li class="list-group-item">
                      	<b><i class="  mdi mdi-account-outline"></i> Name: </b>
                      	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>94</b><br />
<br />
<b>Warning</b>:  Attempt to read property "delivery_address" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>94</b><br />
<br />
<b>Warning</b>:  Attempt to read property "name" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>94</b><br />
                      </li>
                        <li class="list-group-item">
                        	<b>
	                        	<i class=" mdi mdi-clipboard-account-outline"></i> 
	                        	Address:
	                        </b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>101</b><br />
<br />
<b>Warning</b>:  Attempt to read property "delivery_address" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>101</b><br />
<br />
<b>Warning</b>:  Attempt to read property "address1" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>101</b><br />
, 
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>102</b><br />
<br />
<b>Warning</b>:  Attempt to read property "delivery_address" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>102</b><br />
<br />
<b>Warning</b>:  Attempt to read property "city" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>102</b><br />
, 
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>103</b><br />
<br />
<b>Warning</b>:  Attempt to read property "delivery_address" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>103</b><br />
<br />
<b>Warning</b>:  Attempt to read property "state" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>103</b><br />
,
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>104</b><br />
<br />
<b>Warning</b>:  Attempt to read property "delivery_address" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>104</b><br />
<br />
<b>Warning</b>:  Attempt to read property "zip" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>104</b><br />
  
						</li>
                        <li class="list-group-item">
                        	<b><i class=" mdi mdi-phone"></i> Phone:</b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>108</b><br />
<br />
<b>Warning</b>:  Attempt to read property "delivery_address" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>108</b><br />
<br />
<b>Warning</b>:  Attempt to read property "phone" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>108</b><br />
                        </li>  

                          <li class="list-group-item">
                          	<b><i class=" mdi mdi-calendar-clock"></i> Expected Delivery: </b>
                          	20/11/2019
                          </li> 
                    </ul>
                </div>    
            </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4"> 
            <div class="card"> 
                 <div class="card-header bg-dark ">
                    <div class="row">
                         <div class="col-12">
                           <p class="text-white mb-0"> Order Summary <i class=" mdi mdi-file-document float-right"></i></p>
                        </div>                                            
                    </div>
                </div> 
				<table class="table table-bordered mb-0">
					<tbody>
						<tr>
							<td>
								<b>Bag Amount</b>
							</td>
							<td>
								<i class=" mdi mdi-currency-inr"></i>
								<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>136</b><br />
<br />
<b>Warning</b>:  Attempt to read property "bag_amount" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>136</b><br />
							</td>
						</tr>
						<tr>
							<td>
								<b>Tax</b>
							</td>
							<td>
								<i class=" mdi mdi-currency-inr"></i>
								<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>145</b><br />
<br />
<b>Warning</b>:  Attempt to read property "tax" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>145</b><br />
							</td>
						</tr>
						<tr>
							<td>
								<b>Coupon Discount</b>
							</td>
							<td>
								<i class=" mdi mdi-currency-inr"></i>
								<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>154</b><br />
<br />
<b>Warning</b>:  Attempt to read property "coupon_discount" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>154</b><br />
							</td>
						</tr>
						<tr>
							<td>
								<b>Delivery Charges</b>
							</td>
							<td>
								<i class=" mdi mdi-currency-inr"></i>
								<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>163</b><br />
<br />
<b>Warning</b>:  Attempt to read property "delivery_charges" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>163</b><br />
							</td>
						</tr>
						<tr>
							<td>
								<b>Grand Total</b>
							</td>
							<td>
								<i class=" mdi mdi-currency-inr"></i>
								<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>172</b><br />
<br />
<b>Warning</b>:  Attempt to read property "total_amount" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>172</b><br />
							</td>
						</tr>
					</tbody>
				</table>  
            </div>
        </div>
         <div class="col-12 col-sm-8 col-md-8"> 

       
            <div class="card"> 
                 <div class="card-header bg-dark ">
                    <div class="row">
                         <div class="col-12">
                           <p class="text-white mb-0"><i class=" mdi mdi-toolbox"></i>Order Products</p>
                        </div>                                            
                    </div>
                </div> 
                <div class="card-body">
                	<div class="row">
                    	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>192</b><br />
<br />
<b>Warning</b>:  Attempt to read property "order_products" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>192</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/seller/orders_old/show.blade.php</b> on line <b>192</b><br />
                    </div>
                	
                </div>    
            </div>
        </div>

       
       <!-- CHAT -->
        <div class="col-xl-4">
            <div class="card">
                 <div class="card-header bg-dark ">
                    <div class="row">
                         <div class="col-12">
                           <p class="text-white mb-0"><i class=" mdi mdi-tooltip-account "></i> Notify Customer</p>
                        </div>                                            
                    </div>
                </div> 

                <div class="card-body chat-conversation">
                    <ul class="conversation-list slimscroll" style="max-height: 350px;">
                     
                        <li class="clearfix odd">
                            <div class="chat-avatar">                                                   
                                <i>10:01</i>
                            </div>
                            <div class="conversation-text">
                                <div class="ctext-wrap">                                                       
                                        Hi, How are you? What about our next meeting?
                               
                                </div>
                            </div>
                        </li>
                        <li class="clearfix odd">
                            <div class="chat-avatar">                                                  
                                <i>10:02</i>
                            </div>
                            <div class="conversation-text">
                                <div class="ctext-wrap">
                                        Wow that's great
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="row">
                        <div class="col">
                            <input type="text" class="form-control chat-input" placeholder="Enter your text">
                        </div>
                        <div class="col-auto">
                            <button type="submit" class="btn btn-danger chat-send btn-block waves-effect waves-light">Send</button>
                        </div>
                    </div>

                </div> <!-- end .chat-conversation-->
            </div> <!-- end col -->
        </div> <!-- end col-->

    </div>
</div>
    
</div>	
</div>
    
</div>	
<script>
	$(function(){
		var modalLoading = `<p align="center"><strong>Loading</strong></p>
					        <div class="d-flex justify-content-center">
					        	<div class="spinner-grow text-blue" role="status"></div>
						    </div>`;
		$(document).on('click','.updateOrderStatusBtn',function(){
			var opid = $(this).data('order-product-id');
			var url = $(this).data('url');
			
			$('#statusModal').modal('show');
			
			$.ajax({
	           type:'POST',
	           url:url,
	           data:{_token:$('meta[name="csrf-token"]').attr('content'),opid:opid},
	           beforeSend:function(){
	           	 $('.statusBody').html(modalLoading);
	           },
	           success:function(data) {
	           		if(data!=0){
	           			$('.statusBody').html(data);
		           		$('.statusBody').find(".datetimePicker").flatpickr({
							enableTime : !0,
							dateFormat : "d-M-Y H:i"
						});
	           		} else {
	           			$('.statusBody').html(`<div class="alert alert-warning">Something went wrong. Try again after page refresh.</div>`);
	           		}
	           		
	           }
	        });
			
			
		});
		
		$(document).on('click','.showStatusHistory',function(){
			var opid = $(this).data('order-product-id');
			var url = $(this).data('url');
			
			$('#statusHistoryModal').modal('show');
			
			$.ajax({
	           type:'POST',
	           url:url,
	           data:{_token:$('meta[name="csrf-token"]').attr('content'),opid:opid},
	           beforeSend:function(){
	           	 $('.statusHistoryBody').html(modalLoading);
	           },
	           success:function(data) {
	           		if(data!=0){
	           			$('.statusHistoryBody').html(data);
		           		
	           		} else {
	           			$('.statusHistoryBody').html(`<div class="alert alert-warning">Something went wrong. Try again after page refresh.</div>`);
	           		}
	           		
	           }
	        });
			
			
		});
		
		$('#statusModal').on('hidden.bs.modal', function (e) {
		  $('.statusBody').html(modalLoading);
		});
		
		$('#statusHistoryModal').on('hidden.bs.modal', function (e) {
		  $('.statusHistoryBody').html(modalLoading);
		});
		
		$(document).on('change','.statusSelectBox',function(){
			var thisStatus = $(this).val();
			var deliveredDiv = $('#deliveredDiv');
			var shippedDiv = $('#shippedDiv');
			
			if(thisStatus=='Delivered'){
				deliveredDiv.show().find('.form-control').prop('disabled',false);
				shippedDiv.hide().find('.form-control').prop('disabled',true);
			} else if(thisStatus=='Shipped') {
				shippedDiv.show().find('.form-control').prop('disabled',false);
				deliveredDiv.hide().find('.form-control').prop('disabled',true);
			} else {
				deliveredDiv.hide().find('.form-control').prop('disabled',true);
				shippedDiv.hide().find('.form-control').prop('disabled',true);
			}
		});
		
		
		
		
		
	});
</script>
<!--Status Update Modals-->
<div class="modal fade"  tabindex="-1" role="dialog" id="statusModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header bg-danger">
        <h5 class="modal-title text-white"><i class="mdi mdi-update"></i> Update Order Status</h5>
        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body statusBody">
      	
      </div>
      
    </div>
  </div>
</div>

<div class="modal fade"  tabindex="-1" role="dialog" id="statusHistoryModal">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header bg-danger">
        <h5 class="modal-title text-white"><i class="mdi mdi-update"></i> Order Status History</h5>
        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body statusHistoryBody">
      	
      </div>
      
    </div>
  </div>
</div>

@endsection