@extends('layouts.vendor')

@section('styles')
    <style>

        .btn-purple:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
            color: #fff;
            background-color: #9254a0;
            border-color: #9254a0;
        }

        .btn-purple:hover {
            color: #fff;
            background-color: #9254a0;
            border-color: #9254a0;
        }

        .btn-purple {
            color: #fff;
            background-color: #9254a0;
            border-color: #9254a0;
        }

    </style>
@endsection


@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-md-12">
                                    <div class="mr-table allproduct">

                                        <a href="https://mydhl.express.dhl/mx/es/shipment.html#/rate-and-quote?fromAddressLine=&fromCountry=MX&toCountry=MX&shipmentFromDashboard=true#address-details" target="_blank" class="btn btn-warning">
                                            <img src="{{asset('assets/images/dhl.png')}}" alt="DHL" height="25" > {{ $langg->lang1009}}
                                        </a>
                                        <a href="https://mydhl.express.dhl/mx/es/home.html#/createNewShipmentTab" target="_blank" class="btn btn-warning">
                                            <img src="{{asset('assets/images/dhl.png')}}" alt="DHL" height="25" > {{ $langg->lang1010}}
                                        </a>

                                        <a href="https://v2.ivoy.mx/client/app/ivoy/step1" target="_blank" class="btn btn-purple">
                                            <img src="{{asset('assets/images/ivoy.png')}}" alt="iVoy" height="25" > {{ $langg->lang1011}}
                                        </a>

                                    </div>

                                </div>
                            </div>
                            <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>
                                                @foreach($orders as $orderr) 
                                                @php 
                                                $qty = $orderr->sum('qty');
                                                $price = $orderr->sum('price');                                       
                                                @endphp
                    @foreach($orderr as $order)


@php 

  
    $pric =  App\Models\Order::where('order_number','=',$order->order_number)->first();
    if($pric){
    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;
    }
    }
    if($user->shipping_cost != 0){
      $price +=  round($user->shipping_cost * $order->order->currency_value , 2);
    } 
    
    $note = DB::table('vendor_orders')
        ->where('order_number', $order->order_number)
        ->first();
        
@endphp

{{--
    if($order->order->packing_cost != 0){
         $price +=  $order->packing_cost;
    }
    if($order->order->shipping_cost != 0){
         $price +=  round($order->order->shipping_cost / $order->order->currency_value , 9);
    }--}}
                                                        <tr>
                                                    <td> <a href="{{route('vendor-order-invoice',$order->order_number)}}">{{ $order->order->order_number}}</a></td>
                                        
                                        @if($order->order->is_api == 1)
                                                <td>{{$qty}}</td>
                                                <td>{{$order->order->currency_sign}}{{round($note->price * $order->order->currency_value, 2)}}</td>
                                          
                                        @else
                                            <td>{{$qty}}</td>
                                            <td>{{$order->order->currency_sign}}{{round($price * $order->order->currency_value, 2)}}</td>
                                        @endif
                                          
                                      <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 }}">
                                                <option value="{{ route('vendor-order-status',['slug' => $order->order->order_number, 'status' => 'pending']) }}" {{  $order->status == "pending" ? 'selected' : ''  }}>{{ $langg->lang540 }}</option>
                                                <option value="{{ route('vendor-order-status',['slug' => $order->order->order_number, 'status' => 'processing']) }}" {{  $order->status == "processing" ? 'selected' : ''  }}>{{ $langg->lang541 }}</option>
                                                <option value="{{ route('vendor-order-status',['slug' => $order->order->order_number, 'status' => 'completed']) }}" {{  $order->status == "completed" ? 'selected' : ''  }}>{{ $langg->lang542 }}</option>
                                                <option value="{{ route('vendor-order-status',['slug' => $order->order->order_number, 'status' => 'declined']) }}" {{  $order->status == "declined" ? 'selected' : ''  }}>{{ $langg->lang543 }}</option>
                                            </select>

                                        </div>

                                        </td>

                                                  </tr>

                                                  @break
                    @endforeach

                                                  @endforeach
                                                  </tbody>
                                                    
                                                </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

{{-- ORDER MODAL --}}

<div class="modal fade" id="confirm-delete2" 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">


$('.vendor-btn').on('change',function(){
            console.log($('.vendor-btn').val())
          $('#confirm-delete2').modal('show');
          $('#confirm-delete2').find('.btn-ok').attr('href', $(this).val());

});

        var table = $('#geniustable').DataTable({
               ordering: false
           });
                                                                
    </script>

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