@extends('layouts.app-admin')
@section('content')



<!-- [ content ] Start -->
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">Order View</h4>
    <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}"><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item">Manage Order</li>
            <li class="breadcrumb-item active">Order View</li>
        </ol>
    </div>

       <div class="card">
        <!-- <h6 class="card-header bg-dark text-white">Order View
        </h6> -->

        
        <div class="form-row p-4">
            <div class="col-md-6">
            <img src="{{url('fontedAssets/demos/shop/images/logo.png')}}" alt="Brand Logo" class="img-fluid" style="width: 180px;">
            </div>
            <div class="col-md-6">
                <div align="right" style=" padding-top: 10px;  padding-right: 5px;">
                    <h6>INVOICE<br/>
                    {{date('d M, Y h:i:s',strtotime($orderData->created_at))}}<br/>
                    #{{$orderData->reference}}<br/>
                    VAT Number 310145124100003 <!--3101451241-->
                </h6>

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

            <div class="form-row p-4">
            <div class="col-md-6">
              <h4>Delivery Address</h4>
              <p><b>{{@$orderData->userData->name}}</b><br>
              {{@$orderData->userData->email}} <br>
              {{@$orderData->userData->mobile}}<br>
              {{@$orderData->userData->address}}
            </p>
            </div>
            <div class="col-md-6">
            <h4>Billing Address</h4>
            <p><b>{{@$orderData->userData->name}}</b><br>
              {{@$orderData->userData->email}} <br>
              {{@$orderData->userData->mobile}}<br>
              {{@$orderData->userData->address}}
            </p>
            </div>
            </div>

      
        <div class="form-row p-4">
        <div class="col-md-12">

        <table class="table table-striped" style=" border-bottom: 1px solid rgba(24, 28, 33, 0.06);">
                                                <tr>
                                                    <th class="text-right-ar" >Invoice Number</th>
                                                    <th class="text-right-ar" >Invoice Date</th>
                                                    <th class="text-right-ar" >Order Id</th>
                                                    <th class="text-right-ar" >Order Status</th>
                                                    <th class="text-right-ar" >Order Date</th>
                                                </tr>
                                                <tr>
                                                    <td id="invoiceno">#{{$orderData->reference}}</td>
                                                    <td id="invoiceno">{{date('d/m/Y h:i:s',strtotime($orderData->created_at))}}</td>
                                                    <td id="invoiceno">{{$orderData->reference}}</td>
                                                    <td id="invoiceno">
                                                        <form action="{{url('admin/order_status_changed')}}" method="post">
                                                            <input type="hidden" name="OrderId" value="{{$orderData->id}}" />
                                                            @csrf
                                                            <select class="form-control" name="orderStatus" onchange="this.form.submit()"  style=" display: inline-block; width: 50%;">
                                                                <option value="Ordered" @if($orderData->status=='Pending') selected @endif >Pending</option>
                                                                <option value="Shipped"  @if($orderData->status=='Shipped') selected @endif >Shipped</option>
                                                                <option value="Received" @if($orderData->status=='Received') selected @endif >Received</option>
                                                                <option value="Returned"  @if($orderData->status=='Returned') selected @endif >Returned</option>
                                                                <option value="Failed"  @if($orderData->status=='Failed') selected @endif >Failed</option>
                                                                <option value="Cancelled"  @if($orderData->status=='Cancelled') selected @endif >Cancelled</option>

                                                                </select>
                                                                <button type="submit" class="btn btn-info" style=" display: inline-block; width:35%;">Change Status</button>
                                                                </form>
                                                           </td>
                                                    <td id="invoiceno">{{date('d/m/Y',strtotime($orderData->created_at))}}</td>
                                                </tr>
                                                
                                             
                                              
                                                
                                            </table>
</div>
</div>

<div class="form-row p-4">
        <div class="col-md-12">

        <table class="table table-striped" style=" border-bottom: 1px solid rgba(24, 28, 33, 0.06);">
                                                <tr>
                                                    <th class="text-right-ar" >P. Id</th>
                                                    <th class="text-right-ar" >Img</th>
                                                    <th class="text-right-ar" >Product</th>
                                                    <th class="text-right-ar" >Price</th>
                                                   
                                                    <th class="text-right-ar" >Qty</th>
                                                    <th class="text-right-ar" >Net</th>
                                                    <th class="text-right-ar" >Vat ({{$setting->tax}}%)</th>
                                                    <th class="text-right-ar" >Total Price</th>
                                                </tr>
                                                @php $totalPrice=0; @endphp
                                                @foreach($orderData->orderItems as $order)
                                                <tr>
                                                    <!-- <td id="invoiceno">{{@$order->product->sku}} </td> -->
                                                    <td id="invoiceno">#{{@$order->product->id}} </td>
                                                    <td id="invoiceno"> @if($order->product->main_img)
                                                        <img src="{{url('media/product/'.@$order->product->main_img)}}" alt="{{$order->product->title}}" style=" width:60px;height: 60px;object-fit: cover;">                                            @else
                                                        <img src="{{url('adminAssets/assets/img/default.png')}}" alt="{{$order->product->title}} " style=" width:60px;height: 60px;object-fit: cover;">
                                                        @endif 
                                                    </td>
                                                    <td id="invoiceno">{{@$order->product->title}}
                                                   </td>
                                                    <td id="invoiceno">£  {{number_format($order->price ,2)}}</td>
                                                 
                                                    <td id="invoiceno">{{$order->qty}}</td>
                                                    <td id="invoiceno">£  {{number_format(($order->price*$order->qty),2)}}</td>
                                                    <td id="invoiceno">£  {{$vat=number_format(($order->price*$order->qty*$setting->tax/100),2)}}</td>
                                                    <td id="invoiceno">£  {{number_format(($order->price*$order->qty+$vat),2)}}</td>
                                                </tr>
                                                @php $totalPrice +=$order->price*$order->qty+$vat; @endphp
                                                @endforeach
                                                
                                             
                                              
                                                
                                            </table>
</div>
</div>

<div class="form-row p-4">
        <div class="col-md-8">

</div>
<div class="col-md-4">

    <table class="table table-striped" style=" border-bottom: 1px solid rgba(24, 28, 33, 0.06);">
                                        <tr>
                                            <th class="text-right-ar" style="background-color: rgba(24, 28, 33, 0.025);" >Total Products</th>
                                            <td id="invoiceno" style="background-color:#fff;">£  {{number_format($totalPrice,2)}} </td>
                                        </tr>
   
                                        <!-- <tr>
                                            <th class="text-right-ar" style="background-color: rgba(24, 28, 33, 0.025);">Total (Tax excl.) </th>
                                            <td id="invoiceno" style="background-color:#fff;">£  {{number_format($orderData->tax,2)}} </td>
                                        </tr> -->
                                        <!-- <tr>
                                            <th class="text-right-ar" style="background-color: rgba(24, 28, 33, 0.025);">Total Offer</th>
                                            <td id="invoiceno" style="background-color:#fff;">£  {{number_format($orderData->couponDiscount,2)}} </td>
                                        </tr> -->
                                        <tr>
                                            <th class="text-right-ar" style="background-color: rgba(24, 28, 33, 0.025);">Delivery Charge</th>
                                            <td id="invoiceno" style="background-color:#fff;">£  {{number_format($orderData->shippingCharge,2)}}</td>
                                        </tr>
                                        <tr>
                                            <th class="text-right-ar"style="background-color: rgba(24, 28, 33, 0.025);" >Total Amount </th>
                                            <td id="invoiceno" style="background-color:#fff;">£  {{number_format($orderData->totalAmt,2)}}</td>
                                        </tr>
                                    
                                         
                                     
                                      
                                        
                                    </table>
</div>
</div>
<br>
<p align="center">3437 Ad Dammam Branch Road, Al Shohada Unit #2 - 13241 Riyadh - Saudi Arabia<br/>
For more assistance, contact Support:
<br>
Tel: +966 11 234-7191
</p>
<br/>&nbsp;</div>
    <!-- Button for Shipping to Corrier Partner -->
    @php
        if($orderData->orderStatus == 'pending'){
            $badge = 'badge-info';
        }elseif($orderData->orderStatus == 'refund'){
            $badge = 'badge-danger';
        }elseif($orderData->orderStatus == 'failed'){
            $badge = 'badge-danger';
        }elseif($orderData->orderStatus == 'Cancelled'){
            $badge = 'badge-danger';
        }elseif($orderData->orderStatus == 'completed'){
            $badge = 'badge-success';
        }elseif($orderData->orderStatus == 'delivered'){
            $badge = 'badge-success';
        }else{
            $badge = 'badge-warning';
        }
    @endphp
   
    <div class="card" style="display:none">
   
        <div class="form-row p-2">
        <div class="col-md-12" id="apimessage" align="center" ></div>
            <div class="col-md-4 p-2">
                Status : <span class="badge {{$badge}}">{{$orderData->orderStatus}}</span>
            </div>
            @if($orderData->orderStatus == 'Prepared')
            <div class="col-md-8 pull-right">
                <span><b>Service Type</b></span>
                <input type="radio" name="service_type" id="service_type" value="Express Delivery" checked> Express Delivery
                <!-- <input type="radio" name="service_type"  id="service_type" value="Normal Delivery" > Normal Delivery -->

               &nbsp;&nbsp;  <a data-original-title="Shipping To Corrier Partner" class="btn btn-info btn-md orderview" data-toggle="tooltip" data-placement="top" onclick="pushforshipping()"  href="javascript:void(0)" style="">Push For Shipping</a>
               <form id="oppo_form" class="m-0 w-100 text-end" action="{{url('api/push-order/'.$orderData->reference.'')}}" method="get">
                        @csrf
                        <input type="hidden" name="service_type" id="service_type1">                      
                    </form>
            </div>
            @endif
        </div>
    </div>
   

</div>


<!-- [ content ] End -->


@endsection

@section('script')

<script>
    function pushforshipping(){
       
        var service_type = $('input[name="service_type"]:checked').val();        
        if(service_type == undefined){
            alert('Please Select Service Type');
              return false;   
        } 
        $('#service_type1').val(service_type);   
        $.ajax({
         type : "GET",
         dataType : "json",
         data : {'_token':"{{csrf_token()}}",'service_type':service_type},
         url : "{{url('api/push-order/'.$orderData->reference.'')}}",
         success : function(res){   
            if(res.status=='true'){
            showAlert(res.message,'reload');
         }else{
            showAlert1(res.message,'reload');
         }
           // $('#apimessage').html('<p style="color:green">'+res.message+'</p>');
            
         },
         error : function(e){
            console.log(e);
         }

      });  
       
      
    }
    function showAlert1(msg,reload) {
               
               var dialog = bootbox.dialog({
               message: ' <div class="alert alert-danger alert-dismissible fade show" style="margin-bottom: 0;"><button type="button" class="close" data-dismiss="alert">×</button>  '+msg+'      </div>  ',
               closeButton: false,
               size: 'small',
               });
               if(reload == 'reload'){
                   setTimeout(function() {
                   location.reload();
                   }, 1500);
               }else{
       
                   setTimeout(function() {
                       dialog.modal('hide');
                   }, 1500);
                   
               }
              
           }
    
</script>

<script type="text/javascript">
     $( "#updateOrder" ).submit(function( event ) {  
      $('.validationError').html('').show().delay(5000).fadeOut('slow');
     
      var formData = {
        '_token' : "{{csrf_token()}}",
        'updateStatusOrderId' : $('input[name=updateStatusOrderId]').val(),
        'updateOrderstatus' : $('#updateOrderstatus').val(),
        'paymentStatus'     : $('#paymentStatus').val(),
        'orderNote' : $('#orderNote').val(),
        'expected_delivery_date' : $('#expected_delivery_date').val(),
        
      };  

      $.ajax({
         url : "{{url('admin/update_order_status')}}",
         method : "POST",
         data : formData,
         dataType : 'json',
          beforeSend: function() {
              $('#submit').val('Wating...');
             $("#submit").attr("disabled", true);
          },
         success : function(res){
            if(res.status == false){
               $.each( res.message, function( key, value ) {
                $("."+key).html(value);
               // $("."+key).delay(10000).fadeOut('slow');
               });
            }

            if(res.status == true){
               showAlert(res.message,'reload');               
            }
         },
         completed: function() {
              $('#submit').val('Submit');
              $("#submit").attr("disabled", false);
          },
         error : function(e){
            console.log(e);
         }
      });

      event.preventDefault();    
   });  
</script>
@endsection