@extends('adminlayout.admin')
@section('content')
<style >
    .cursor{
    cursor: pointer;
    }
    .nk-content-fluid{
    margin-top: 65px;
    position: relative;
    }
</style>
<div class="nk-content nk-content-fluid" >
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between" style="margin-top: 50px;">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">Order Detail</h3>
                        <!--<div class="nk-block-des text-soft">
                            <p>You have total 1 itrcategory.</p>
                            </div>-->
                    </div>
                    <!-- .nk-block-head-content -->
                    <div class="nk-block-head-content">
                        <div class="toggle-wrap nk-block-tools-toggle">
                            <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1"  data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                            <div class="toggle-expand-content" data-content="pageMenu">
                                <ul class="nk-block-tools g-3">
                                    <li class="nk-block-tools-opt">
                                        <div class="drodown">
                                            <a href="{{ url()->previous() }}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                                          
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- .toggle-wrap -->
                    </div>
                    <!-- .nk-block-head-content -->
                </div>
                <!-- .nk-block-between -->
            </div>
            <!-- .nk-block-head -->
        </div>
    </div>
    <div class="row">
	 <div class="card" style="margin-top: 50px;margin-left: 13px;">
		  <div class="col-12">
			  <div class="row">
				<div class="col-4">
				<h5>Customer Detail</h5>
				 <div class="row">
				 <div class="col-2"><label><strong>User Id:</strong></label></div><div class="col-10">{{$order->user_details->user_id}}</div>
				 <div class="col-2"><label><strong>Name:</strong></label></div><div class="col-10">{{$order->user_details->name}}</div>
				 <div class="col-2"><label><strong>Email:</strong></label></div><div class="col-10">{{$order->user_details->email}}</div>
				 <div class="col-2"><label><strong>Phone:</strong></label></div><div class="col-10">{{$order->user_details->phone}}</div>
				
				 </div>
				</div>
				<div class="col-5">
				<h5>Delivery Address</h5>
				@php
				$deliveryAddress = json_decode($order->delivery_address);
				
				@endphp
				 <div class="row">		
					 <div class="col-2"><label><strong>Name:</strong></label></div><div class="col-10">{{$deliveryAddress->name}}</div>
					 <div class="col-2"><label><strong>Email:</strong></label></div><div class="col-10">{{$deliveryAddress->email}}</div>
					 <div class="col-2"><label><strong>Mobile:</strong></label></div><div class="col-10">{{$deliveryAddress->mobile}}</div>	
					 <div class="col-2"><label><strong>Address:</strong></label></div><div class="col-10">{{$deliveryAddress->address}}</div>	
					 <div class="col-2"><label><strong>Pin:</strong></label></div><div class="col-10">{{$deliveryAddress->pin_code}}</div>	
					 
				 </div>
				</div>
				<div class="col-3">
				<h5>Order Status</h5>
				 <div class="row">
				 <div class="col-4"><label><strong>Status:</strong></label></div><div class="col-8"> @if($order->status==0) <span class="alert-danger">Failed</span>  @elseif($order->status==1) <span class="alert-info">Pending</span>
				   @elseif($order->status==2) <span class="alert-info">Process</span> 
				   @elseif($order->status==3) <span class="alert-success">Success</span> 
				   @endif </div>	
				 <div class="col-4"><label><strong>Payment Type:</strong></label></div><div class="col-8">{{$order->payment_type}}</div>
				 </div>
				</div>
					<div class="col-12">
					<h5>Order Items</h5>
					   <table  class="table table-bordered table-striped" border="1">
									<thead>
										<tr>
											<th>S.no</th>
											<th>Image</th>
											<th>Name</th>
											<th>Total Qty</th>                                
											<th>Total Price</th>								
										</tr>
									</thead>
									  <tbody>
										@php 
										$i=1;
										@endphp
										@foreach($orderitems as $data)
										<tr id="{{$data->id}}">
											<td>{{$i++}}</td>
											<td><img src="{{url($data->product_image)}}" width="100" alt="" /></td>
											<td>{{$data->product_name}}</td>
											<td>{{$data->qty}}</td>								
											<td>₹  {{$data->total_price}}</td>								
										</tr>
										@endforeach
										<tr><td colspan="4" style="text-align: right;"><strong>Total Price:</strong></td><td>₹ {{$order->total_price}}</td></tr>
										<tr><td colspan="4" style="text-align: right;"><strong>Gst Price:</strong></td><td>₹ {{$order->gst}}</td></tr>
										<tr><td colspan="4" style="text-align: right;"><strong>Grand Total:</strong></td><td>₹ {{$order->grand_total_price}}</td></tr>
										
									</tbody>
						 </table>
					</div>
					<!-- /.col -->
					@if($order->status!=0 and $order->status!=3)
					<div class="col-6" style="margin-top: 30px;border: 1px solid;padding: 10px;">
					 <h5>Change Status</h5>
					    <div class="nk-block-between mt-4">
                        
                        <div class="nk-block-head-content">
                             <form action="{{route('change_product_order_status')}}" method="post" enctype="multipart/form-data">
												@csrf
												<input type="hidden" name="id" value="{{ $order->id }}">
												
												<div class="row gy-4">
												 
													  <div class="col-sm-12">
														<div class="form-group">
															<label class="form-label" for="status">Status</label>
															<div class="form-control-wrap">
															
																<select  name="status"  id="status" class="form-control"  required>
																  
																	<option value="1" @if($order->status==1) selected @endif>Pending</option>
																	<option value="2" @if($order->status==2) selected @endif>Process</option>
																	<option value="3" @if($order->status==3) selected @endif>Success</option>
																
																</select>
																@error('status')
																<p class="text-danger">{{ $message }}</p>
																@enderror
															</div>
														</div>
													</div>
													<div class="col-sm-12">
														<div class="form-group">
															<label class="form-label" for="message">Message</label>
															<div class="form-control-wrap">
																<textarea name="message"  id="message" class="form-control"></textarea>
																@error('message')
																<p class="text-danger">{{ $message }}</p>
																@enderror
															</div>
														</div>
														@foreach($ordermessages as $omessage)
														<p>{{$omessage->message}}</p>
														@endforeach
													</div>
													
                                                 
													 
													<div class="col-12">
														<ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
															<li  style="width: 100%;">
															<button type="submit" class="btn btn-lg btn-primary" style="width: 100%;display: flex;    justify-content: center;">Submit</button>
															</li>
															
														</ul>
													</div>
												</div>
											</form>
                        </div>
                        
                    </div>
					</div>
					@endif
				</div>
		</div>
		</div>
    </div>
</div>
@endsection