@extends('layouts.vendor') 

@section('content')  
                    <div class="content-area">
                        <div class="mr-breadcrumb">
                            <div class="row">
                                <div class="col-lg-12">
                                        <h4 class="heading">{{ $langg->lang443 }}</h4>
                                        <ul class="links">
                                            <li>
                                                <a href="{{ route('vendor-dashboard') }}">{{ $langg->lang441 }} </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;">{{ $langg->lang442 }}</a>
                                            </li>
                                            <li>
                                                <a href="{{ route('vendor-order-index') }}">{{ $langg->lang443 }}</a>
                                            </li>
                                        </ul>
                                </div>
                            </div>
                        </div>
                        <div class="product-area">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="mr-table allproduct">
                                        @include('includes.form-success') 

                                        <div class="table-responsiv">
                                        <div class="gocover" style="background: url({{asset('assets/images/'.$gs->admin_loader)}}) no-repeat scroll center center rgba(45, 45, 45, 0.5);"></div>
                                                <table id="geniustable" class="table table-hover dt-responsive" cellspacing="0" width="100%">
                                                    <thead>
                                                        <tr>
                                                            <th>{{ $langg->lang534 }}</th>
                                                            <th>{{ $langg->lang535 }}</th>
                                                            <th>{{ $langg->lang536 }}</th>
                                                            <th>{{ $langg->lang537 }}</th>
                                                            <th>{{ $langg->lang538 }}</th>
                                                        </tr>
                                                    </thead>


                                              <tbody>@php
                                                  $orderModelObj = new App\Models\Order();
                                                  @endphp
                                                @foreach($orders as $orderr) 
                                                  @php 
                                                    $qty    = $orderr->sum('qty');
                                                    $price  = $orderr->sum('price');                                       
                                                  @endphp
                                                  @foreach($orderr as $order)
                                                  @php 
                                                  if($user->shipping_cost != 0){
                                                      $price +=  round($user->shipping_cost * $order->order->currency_value , 2);
                                                  }
                                                  if(App\Models\Order::where('order_number','=',$order->order->order_number)->first()->tax != 0){
                                                      $price  += ($price / 100) * App\Models\Order::where('order_number','=',$order->order->order_number)->first()->tax;
                                                  }
                                                  $ops = $orderModelObj->getOrderProductRelatedStatusByKey($order->status);
                                                  @endphp
                                                  <tr>
                                                      <td> <a href="{{route('vendor-order-invoice',$order->order_number)}}">{{ $order->order->order_number}}</a></td>
                                                      <td>{{$qty}}</td>
                                                      <td>{{$order->order->currency_sign}}{{round($price * $order->order->currency_value, 2)}}</td>
                                                      <td>{{$order->order->method}}</td>
                                                      <td>
                                                        <div class="action-list">
                                                        <a href="{{route('vendor-order-show',$order->order->order_number)}}" class="btn btn-primary product-btn"><i class="fa fa-eye"></i> {{ $langg->lang539 }}</a>
                                                            <select class="vendor-btn {{ $order->status }}">
                                                                @foreach ($ops as $ops_key=>$ops_value)
                                                                <option value="{{ route('vendor-order-status',['slug' => $order->order->order_number, 'status' => $ops_key]) }}" {{  $order->status == $ops_key ? 'selected' : ''  }}>{{ $ops_value }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        </td>
                                                    </tr>
                                                    @break
                                                  @endforeach
                                                @endforeach
                                              </tbody>    
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

{{-- ORDER MODAL --}}

<div class="modal fade" id="confirm-vo-status-change" tabindex="-1" role="dialog" aria-labelledby="modal1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
    <div class="submit-loader">
        <img  src="{{asset('assets/images/'.$gs->admin_loader)}}" alt="">
    </div>
    <div class="modal-header d-block text-center">
        <h4 class="modal-title d-inline-block">{{ $langg->lang544 }}</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

      <!-- Modal body -->
      <div class="modal-body">
        <p class="text-center">{{ $langg->lang545 }}</p>
        <p class="text-center">{{ $langg->lang546 }}</p>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer justify-content-center">
            <button type="button" class="btn btn-default" data-dismiss="modal">{{ $langg->lang547 }}</button>
            <a class="btn btn-success btn-ok order-btn">{{ $langg->lang548 }}</a>
      </div>

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

{{-- ORDER MODAL ENDS --}}


@endsection    

@section('scripts')

{{-- DATA TABLE --}}
<script type="text/javascript">
var lastChangedObj;
var lastChangedObjValue;
$('.vendor-btn').on('change',function(){
    if(lastChangedObj == null){
        lastChangedObj = this;
        lastChangedObjValue = $(this).index();
        $('#confirm-vo-status-change').modal('show');
        $('#confirm-vo-status-change').find('.btn-ok').attr('href', $(this).val());
    }
});
$('#confirm-vo-status-change').on('hidden.bs.modal', function () {
    $(lastChangedObj).children().removeAttr("selected");
    $(lastChangedObj).children().eq(lastChangedObjValue).attr('selected', 'selected');
    lastChangedObj = null;
    lastChangedObjValue = null;
})
var table = $('#geniustable').DataTable({
    ordering: false
});
</script>

{{-- DATA TABLE --}}
    
@endsection