@extends('layouts.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> Print Receipt</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-account-outline"></i> Store Name: </b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>54</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/orders/show.blade.php</b> on line <b>54</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>54</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/orders/show.blade.php</b> on line <b>54</b><br />
                        </li>
                        <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/orders/show.blade.php</b> on line <b>58</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/orders/show.blade.php</b> on line <b>58</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/orders/show.blade.php</b> on line <b>58</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/orders/show.blade.php</b> on line <b>62</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/orders/show.blade.php</b> on line <b>62</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/orders/show.blade.php</b> on line <b>66</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/orders/show.blade.php</b> on line <b>66</b><br />
                        </li> 
                        <li class="list-group-item">
                        	<b><i class="  mdi mdi-currency-inr"></i> Payment Status: </b>
                        	<span class="badge badge-primary"><br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>70</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/orders/show.blade.php</b> on line <b>70</b><br />
</span>
                        </li>
                        <li class="list-group-item">
                        	<b><i class="  mdi mdi-clipboard-check"></i> Order Status: </b>
                        	<span class="badge badge-danger"><br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>74</b><br />
<br />
<b>Warning</b>:  Attempt to read property "status" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>74</b><br />
</span>
                        </li>
                        <li class="list-group-item">
                        	<b><i class="  mdi mdi-calendar-clock"></i> Delivery Date: </b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>78</b><br />
<br />
<b>Warning</b>:  Attempt to read property "delivery_date" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>78</b><br />
                        </li>
                        <li class="list-group-item">
                        	<b><i class="  mdi mdi-calendar-clock"></i> Delivery Time: </b>
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>82</b><br />
<br />
<b>Warning</b>:  Attempt to read property "slot_time" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>82</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/orders/show.blade.php</b> on line <b>86</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/orders/show.blade.php</b> on line <b>86</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/orders/show.blade.php</b> on line <b>86</b><br />
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>87</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/orders/show.blade.php</b> on line <b>87</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/orders/show.blade.php</b> on line <b>87</b><br />
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>88</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/orders/show.blade.php</b> on line <b>88</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/orders/show.blade.php</b> on line <b>88</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/orders/show.blade.php</b> on line <b>110</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/orders/show.blade.php</b> on line <b>110</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/orders/show.blade.php</b> on line <b>110</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/orders/show.blade.php</b> on line <b>117</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/orders/show.blade.php</b> on line <b>117</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/orders/show.blade.php</b> on line <b>117</b><br />
, 
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>118</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/orders/show.blade.php</b> on line <b>118</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/orders/show.blade.php</b> on line <b>118</b><br />
, 
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>119</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/orders/show.blade.php</b> on line <b>119</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/orders/show.blade.php</b> on line <b>119</b><br />
,
                        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>120</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/orders/show.blade.php</b> on line <b>120</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/orders/show.blade.php</b> on line <b>120</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/orders/show.blade.php</b> on line <b>124</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/orders/show.blade.php</b> on line <b>124</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/orders/show.blade.php</b> on line <b>124</b><br />
                        </li>  

                          <li class="list-group-item">
                          	<b><i class=" mdi mdi-calendar-clock"></i> Expected Delivery: </b>
                          	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>129</b><br />
<br />
<b>Warning</b>:  Attempt to read property "delivery_date" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>129</b><br />
                          </li> 
                    </ul>
                </div>
            </div>
        	<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>134</b><br />
<br />
<b>Warning</b>:  Attempt to read property "status" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>134</b><br />
        	<button class="btn btn-sm btn-blue updateOrderStatusBtn" data-order-product-id="<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>135</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>135</b><br />
" data-url="{{route('getOrderStatusForm')}}" type="button">
        		<i class="mdi mdi-update"></i>
        		Update Status
        	</button>
        	        	<button class="btn btn-sm btn-secondary float-right showStatusHistory" data-order-product-id="<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>140</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>140</b><br />
" data-url="{{route('getOrderStatusHistory')}}" type="button">
        		<i class="mdi mdi-history"></i>
        		Status History
        	</button>
                                    	
        </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-gbp"></i>
								<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>163</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/orders/show.blade.php</b> on line <b>163</b><br />
							</td>
						</tr>
						<tr>
							<td>
								<b>Coupon Discount</b>
							</td>
							<td>
								<i class=" mdi mdi-currency-gbp"></i>
								<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>172</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/orders/show.blade.php</b> on line <b>172</b><br />
							</td>
						</tr>
						<tr>
							<td>
								<b>Delivery Charges</b>
							</td>
							<td>
								<i class=" mdi mdi-currency-gbp"></i>
								0							</td>
						</tr>
						<tr>
							<td>
								<b>Service Charges</b>
							</td>
							<td>
								<i class=" mdi mdi-currency-gbp"></i>
								0							</td>
						</tr>
						<tr>
							<td>
								<b>Grand Total</b>
							</td>
							<td>
								<i class=" mdi mdi-currency-gbp"></i>
								<br />
<b>Warning</b>:  Undefined variable $order in <b>/home/keshavvps/public_html/keshav/KG2/OJA-Web-main/resources/views/orders/show.blade.php</b> on line <b>199</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/orders/show.blade.php</b> on line <b>199</b><br />
							</td>
						</tr>
					</tbody>
				</table>  
            </div>
        </div>
         <div class="col-12 col-sm-12 col-md-12"> 

       
            <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/orders/show.blade.php</b> on line <b>219</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/orders/show.blade.php</b> on line <b>219</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/orders/show.blade.php</b> on line <b>219</b><br />
                    </div>
                	
                </div>    
            </div>
        </div>

    </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