@extends('modules.head') @section('contenido')
<h3><a class="ruta" class="" href="javascript:history.back()"> {{Lang::get('messages.screen_editEC_tag1')}} </a>
    <span class="separador-ruta">|</span><a class="ruta" class=""
        href="{{url('/orders/edit/'.$order->id)}}">{{Lang::get('messages.screen_editEC_tag2')}}
    </a> </h3>

<section class="invoice boxEdit">
    <form role="form" id="editOrder" data-toggle="validator">
        <!-- title row -->
        <div class="row invoice-info">
            <div class="col-xs-12">
                <h2 class="page-header">
                    <i class="fa fa-pencil iconMini2"></i>{{Lang::get('messages.screen_editEC_tag2')}}
                    #{{$order->code}}
                    <small class="pull-right"> {{Lang::get('messages.screen_editEC_tag3')}}
                        {{Carbon\Carbon::parse($order->creation_date)->format('m/d/Y H:i:s')}}
                    </small>
                                        @if (in_array($order->order_state_id,$possible_order_states_to_print_invoice,true))
                    <div class="row invoice-info">
                        <a href="/api/printOrder/{{$order->id}}" target="_blank">
                            <button type="button" class="btn btnAux pull-right">
                                <i class="fa fa-print"></i>
                                Print Invoice
                            </button>
                        </a>
                    </div>
                    @endif
                </h2>
            </div>
            <!-- /.col -->
        </div>
        <!-- info row -->
        <div class="box-body">
            <div class="row">
                <div class="col-4 col-md-4">
                    <label for="order_state_id">Status:</label>
                    @if ($order->order_state_id == 5)
                        <select class="form-control" name="order_state_id" id="order_state_id" {{$all_deactivated}}
                        data-id="{{$order->order_state_id}}" disabled>
                        <option value="{{$order->order_state_id}}" selected="selected">{{$order->orderState->name}}</option>
                        </select>
                    @else
                        <select class="form-control" name="order_state_id" id="order_state_id" {{$all_deactivated}}
                        data-id="{{$order->order_state_id}}" disabled>
                        @foreach($states as $state)
                            @if($state->id==$order->order_state_id)
                            <option value="{{$state->id}}" selected="selected">{{$state->name}}</option>
                            @else
                            @if($state->id!=6)
                            <option value="{{$state->id}}">{{$state->name}} </option>
                            @endif
                            @endif
                        @endforeach
                </select>

                    @endif
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="sucursal">Branch</label>
                        <select class="form-control" name="sucursal" id="sucursal" disabled>
                            @foreach($sucursals as $branch)
                                @if ($branch->bo_bpl_id == $order->branch_id)
                                    <option value="{{ $branch->bo_bpl_id }}" >{{ $branch->short_name }}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="document">{{Lang::get('messages.screen_sale_tag2')}}</label>
                        <input type="text" data-id="" id="document" value="{{$order->client->document}}"
                            onclick="autocompleteDocument()" class="form-control" name="document" disabled>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" id="email" value="{{$order->client->email}}" class="form-control" disabled>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="user_id">{{Lang::get('messages.screen_sale_tag3')}}</label>
                        <input type="text" data-id="{{$order->client_id}}" id="user_id"
                            value="{{$order->client->first_name}}" class="form-control" name="user_id" required
                            disabled>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="last_name">{{Lang::get('messages.screen_sale_tag4')}}</label>
                        <input type="text" data-id="" id="last_name" value="{{$order->client->last_name}}"
                            class="form-control" name="last_name" required disabled>
                    </div>
                </div>
            </div>

            {{-- <div class="row">
                <div class="col-xs-3">
                    <div class="form-group">
                        <label for="direction">{{Lang::get('messages.screen_sale_tag5')}}</label>
                        <input type="text" data-id="{{$order->address->id}}" data-lat="{{$order->address->lat}}" data-long="{{$order->address->long}}" id="direction" value="{{$order->address->direction}}" class="form-control" name="direction" required disabled>
                    </div>
                </div>
                <div class="col-xs-1">
                    <button type="button" class="btn btnBox btnPlusDir pull-left" id="btn-open-modal-direction"
                        data-toggle="modal" data-target="#modal_register_direction" disabled>
                        <i class="fa fa-plus"></i>
                    </button>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="district">{{Lang::get('messages.screen_sale_tag6')}}</label>
                        <input type="text" class="form-control" id="district" value="{{$order->address->district}}" disabled
                            name="district">
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="indications">{{Lang::get('messages.screen_sale_tag7')}}</label>
                        <textarea class="form-control " id="indications" rows="2" name="indications" placeholder="Enter ..."
                            maxlength="250" disabled>{{$order->address->indications}}</textarea>
                    </div>
                </div>
            </div> --}}
            <div class="row">
                <div class="col-2 col-md-2">
                    <div class="form-group">
                        <label for="phone">{{Lang::get('messages.screen_sale_tag8')}}</label>
                        <input type="text" id="phone" class="form-control" name="phone" min="7" maxlength="45"
                            value="{{$order->phone}}" required disabled>
                    </div>
                </div>
                <div class="col-2 col-md-2">
                    <div class="form-group">
                        <label for="payment_type_id">{{Lang::get('messages.screen_sale_tag12')}}</label>
                        <select class="form-control" name="payment_type_id" disabled>
                            <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                            @foreach($payment_types as $payment_type)
                            @if($payment_type->id == $order->payment_type_id)
                            <option value="{{$payment_type->id}}" selected="selected">{{$payment_type->name}}</option>
                            @else
                            <option value="{{$payment_type->id}}">{{$payment_type->name}}</option>
                            @endif
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="address_id">{{Lang::get('messages.screen_sale_tag21')}}</label>
                        <select class="form-control" name="address_id" id="address_id" required disabled>

                            @foreach($order->client->addresses as $address)
                            @if($address->id == $order->address_id)
                            <option value="{{$address->id}}" selected="selected">{{$address->direction}}</option>
                            @else
                            <option value="{{$address->id}}">{{$address->direction}}</option>
                            @endif
                            @endforeach

                        </select>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="is_change_edit">{{Lang::get('messages.screen_orders_tag15')}}</label>
                        <select class="form-control" name="is_change_edit" id="is_change_edit" disabled>
                            @if($order->is_change == "Normal")
                            <option value="Normal" selected="selected">Normal</option>
                            <option value="Cambio">Cambio</option>
                            @else
                            <option value="Normal">Normal</option>
                            <option value="Cambio" selected="selected">Cambio</option>
                            @endif
                        </select>
                    </div>
                </div>
                @if( $order->order_state_id == 1 || $order->order_state_id == 2 || $order->order_state_id == 3 || $order->order_state_id == 4)
                <div class="col-4 col-md-4">
                    <div class="form-group">
                       <label for="shipping_type">Change shipping type</label>
                       <select class="form-control" name="shipping_type" id="shipping_type" data-order-id="{{$order->id}}" data-original-shipping="{{$order->bo_shipping_type_id}}">
                        @foreach($shippingTypes as $shippingType)
                        @if($shippingType->name == $order->boShippingType->name)
                        <option value="{{$shippingType->id}}" selected>{{$shippingType->name}}</option>
                        @else
                        <option value="{{$shippingType->id}}">{{$shippingType->name}}</option>
                        @endif
                        @endforeach
                       </select>
                       <div class="form-group">
                        <label for="deliveryDate">Delivery Date</label>
                        <input type="text" class="datepicker form-control" id="deliveryDate" disabled="disabled" name="deliveryDate" autocomplete="off" value="{{$order->bo_delivery_date}}"/>
                      </div>
                    </div>
                    <button type="button" class="btn btnAux pull-right" id="btnChangeShippingType" style="display:none">
                       Save
                    </button>
                </div>
                @endif

            </div>

            <div class="row">
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="instructions">{{Lang::get('messages.screen_sale_tag7')}}</label>
                        <textarea class="form-control " id="instructions" rows="2" name="instructions" maxlength="250"
                            disabled>{{$order->instructions}}</textarea>
                    </div>
                </div>
            </div>
            @if($order->payment_type_id == 5)
                @if($order->gw_state == "CONFIRMED")
                    <div class="row">
                        <span class="label label-success">PAGO EXITOSO REF: {{ $order->gw_code_transaction }}</span>
                    </div>
                @else
                    <div class="row">
                        <span class="label label-danger">PAGO PENDIENTE REF: {{ $order->gw_code_transaction }}</span>
                    </div>
                @endif
            @endif
            <div class="row">
                {{-- <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="line_businesses_id">{{Lang::get('messages.screen_sale_tag15')}}</label>
                        <select class="form-control" id="line_businesses_id" name="line_businesses_id" disabled>
                            <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                            @foreach($line_businesses as $line)
                            @if($line->id == $order->line_businesses_id)
                            <option value="{{$line->id}}" selected="selected">{{$line->name}}</option>
                            @else
                            <option value="{{$line->id}}">{{$line->name}}</option>
                            @endif
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="sales_channel_id">{{Lang::get('messages.screen_sale_tag16')}}</label>
                        <select class="form-control" name="sales_channel_id" disabled>
                            <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                            @foreach($sales_channels as $channel)
                            @if($channel->id == $order->sales_channel_id)
                            <option value="{{$channel->id}}" selected="selected">{{$channel->name}} </option>
                            @else
                            <option value="{{$channel->id}}">{{$channel->name}} </option>
                            @endif
                            @endforeach
                        </select>
                    </div>
                </div> --}}

                {{-- <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="discount">{{Lang::get('messages.screen_sale_tag13')}}</label>
                        <input type="number" id="discount" value="{{$order->discount}}" class="form-control" name="discount" min="0" max="100" maxlength="45" disabled>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="total_price">{{Lang::get('messages.screen_sale_tag14')}}</label>
                        <input type="number" value="{{$order->total_price}}" id="total_price" class="form-control" name="total_price" min="0" maxlength="45" required disabled>
                    </div>
                </div> --}}
            </div>
        </div>
        <!-- /.row -->

        <!-- Table row -->
        @if(count($products)>0)
            @if ($order->order_state_id < 4)
{{--                @include('orders.addProduct')--}}
{{--            <div class="col-12 col-md-12">--}}
{{--                <div class="table-responsive">--}}
{{--                    <table class="table" id="tableTotal">--}}
{{--                        <tbody>--}}
{{--                            <tr>--}}
{{--                                <th style="width:50%; text-align: right; padding-top: 18px;">Subtotal:</th>--}}
{{--                                <td class="col-label">$<h4 id="subtotal" class="label-number-order">0</h4>--}}
{{--                                </td>--}}
{{--                            </tr>--}}
{{--                        </tbody>--}}
{{--                    </table>--}}
{{--                </div>--}}
{{--            </div>--}}
            @endif
        <h4 class="h4-evidences" style="margin-left:10px;">{{Lang::get('messages.screen_editEC_tag7')}}</h4>
        <div class="row invoice-info">
            <div class="col-xs-12 table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>{{Lang::get('messages.screen_editEC_tag10')}}</th>
                            <th>{{Lang::get('messages.screen_editEC_tag11')}}</th>
                            <th>{{Lang::get('messages.screen_editEC_tag24')}}</th>
                            <th>{{Lang::get('messages.screen_editEC_tag12')}}</th>
                            <th>{{Lang::get('messages.screen_editEC_tag25')}}</th>
                            <th>{{Lang::get('messages.screen_editEC_tag21')}}</th>
                            <th>{{Lang::get('messages.screen_editEC_tag13')}}</th>
                            <!-- <th>{{Lang::get('messages.screen_editEC_tag16')}}</th> -->
                            @if (Auth::user()->rol_id == 1 || Auth::user()->rol_id == 2 || Auth::user()->rol_id == 8)
                            <th>{{Lang::get('messages.screen_editEC_tag22')}}</th>
                            @endif
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($products as $product)
                        <tr>
                            @if($product->bo_return_state == 1)
                                <td><del>{{$product->products->plu}}</del></td>
                                <td><del>{{$product->products->name}}</del></td>
                                <td><del>{{$product->comments}}</del></td>
                                <td><del>{{$product->quantity}}</del></td>
                                <td>{{$product->return_quantity_allowed}}</td>
                            @else
                                <td>{{$product->products->plu}}</td>
                                <td>{{$product->products->name}}</td>
                                <td>{{$product->comments}}</td>
                                <td>{{$product->quantity}}</td>
                                <td>{{$product->return_quantity_allowed}}</td>
                            @endif

                            @if($product->percentage_discount != 0)
                                <td class="td-discount"> <del>@priceFormat($product->price_bruto)</del>
                                    <p class="text-red">@priceFormat($product->price)</p>
                                </td>
                                @elseif($product->flash_price !=null && $product->flash_price !=0)
                                <td class="td-discount"> <del> @priceFormat($product->price_bruto)</del>
                                    <p class="text-red">@priceFormat($product->price)</p>
                                </td>
                                @else
                                <td> @priceFormat($product->price)</td>
                            @endif
                            <!-- <td> @priceFormat($product->price) </td> -->
                            <td> @priceFormat($product->price * $product->quantity) </td>
                            <!-- @if($product->available)
                            <td><span
                                class="label label-success labelCollected">{{Lang::get('messages.screen_editEC_tag19')}}</span>
                            </td>
                            @elseif(!$product->available && $product->replace_by != null)
                            <td><span class="label label-warning">Reemplazado</span>
                            </td>
                            @else
                            <td><span
                                    class="label label-warning">{{Lang::get('messages.screen_editEC_tag20')}}</span>
                            </td>
                            @endif -->
                            <td>
                                @if ($parameter->b1_activate)
                                    @if($order->order_state_id == 4 || $order->order_state_id == 5)
                                        @if (!$order->isFlagged())
                                            <i class="fa fa-undo iconMini" onclick="B1ReturnItem({{ $order->id }}, {{ $product->id }}, {{ $product->return_quantity_allowed }})" style="cursor:pointer;"></i>
                                        @else
                                            <p>No returns allowed</p>
                                        @endif
                                    @endif
                                @endif
                                @if (count($product->orderProductAttributes))
                                <i class="fa fa-tags iconMini " data-id="" data-toggle="tooltip"
                                    data-placement="bottom"
                                    onclick="openAttributes({{ $product->orderProductAttributes }})"
                                    title="{{Lang::get('messages.screen_editEC_tag23')}}"
                                    style="cursor:pointer;"></i>
                                @endif
                                @if($order->order_state_id <= 3 || $order->order_state_id == 9)
                                @if ( Auth::user()->rol_id == 1 || Auth::user()->rol_id == 2 || (Auth::user()->rol_id == 8 && $products->count() > 1))
                                    <i class="fa fa-trash iconMini" data-id="" data-toggle="tooltip"
                                        data-placement="bottom"
                                        onclick="deleteProducts({{ $order->id }}, {{ $product->id }}, {{ $products->count() }})"
                                        style="cursor:pointer;"></i>
                                @endif
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <!-- /.col -->
        </div>
        @else
        <h4 class="h4-evidences">{{Lang::get('messages.screen_editEC_tag14')}} </h4>
        @endif
        @if($order->not_found !=null)
        <div class="row">
            <div class="col-xs-12">
                <h4 class="h4-evidences">Productos no encontrados: </h4>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <p>{{$order->not_found}}</p>
            </div>
        </div>
        @endif
        <div class="row" style="margin-left:10px;">
            <div>
                <h4>Subtotal: @priceFormat($order->subtotal)</h4>
            </div>
        </div>
        <div class="row" style="margin-left:10px;">
            <div>
                <h4>Taxes: @priceFormat($order->tax)</h4>
            </div>
            <!-- <div class="col-6 col-md-6 col-label">
                @if($order->tax != 0)
                <h4 id="">@priceFormat($order->tax)</h4>
                @endif
            </div> -->
        </div>
        <div class="row" style="margin-left:10px;">
            <div>
                @php
                    $total_additional_cost = 0;
                    $order_total_updated = false;
                    foreach($order->additionalPayments as $additionalPayment) {
                        if($additionalPayment->payment_reason == 'additional_shipping_cost') {
                            $total_additional_cost += $additionalPayment->amount;
                            $order_total_updated = $additionalPayment->order_total_updated;
                        }
                    }
                @endphp
                <h4>Delivery fee: @priceFormat($order->cost_delivery)
                    @if($total_additional_cost > 0 && $order_total_updated)
                        (Including additional: @priceFormat($total_additional_cost))
                    @elseif($total_additional_cost > 0 && !$order_total_updated)
                        (Plus additional: @priceFormat($total_additional_cost))
                    @endif
                </h4>
            </div>
        </div>
        <div class="row" style="margin-left:10px;">
            <div>
                <h4>Total: @priceFormat($order->total_price)</h4>
            </div>
        </div>
        <br/>
        <div class="row invoice-info">
            @if($order->additionalPayments->isEmpty() and in_array($order->order_state_id, [1, 2, 3, 9]) and in_array($order->bo_shipping_type_id, [2, 3, 4, 5]))
                <button type="button" class="btn btn-primary pull-left" style="margin-left: 20px" onclick="showAdditionalPaymentModal('additional_shipping_cost')">
                    Add additional shipping cost
                </button>
            @endif
            <button type="button" class="btn btnAux pull-right" id="btnCancelOrder" onClick="cancelOrder({{$order->id}})" style="display:none">
                Cancel Order
            </button>
            <button type="button" class="btn btn-default btnCancel pull-right" onClick="setPageTable()">
                Close
            </button>
        </div>
        {{ csrf_field() }}
    </form>
</section>

@include('modules.modal_loading')
@include('modal_direction')
@include('orders.modal_attributes')

<link rel="stylesheet" href="{{asset('js/plugins/iCheck/all.css')}}">

<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/direction.js') }}"></script>
<script src="https://maps.googleapis.com/maps/api/js?key={{env('GOOGLE_MAPS_API_KEY')}}&libraries=places,geometry" async
    defer></script>
<script src="{{ asset("js/orders.js?v=$appVersion")}}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>

<script src="{{ asset('js/plugins/input-mask/jquery.inputmask.js')}}"></script>
<script src="{{ asset('js/plugins/input-mask/jquery.inputmask.date.extensions.js')}}"></script>
<script src="{{ asset('js/plugins/input-mask/jquery.inputmask.extensions.js')}}"></script>

<script type="text/javascript">
    $(document).ready(function () {
      localStorage.setItem("arrayProducts", "");
      if(({{$order->order_state_id}} != 4) && ({{$order->order_state_id}} != 5) && ({{$order->order_state_id}} != 7)) {
        document.getElementById("btnCancelOrder").style.display = "block";
      }

      $('#shipping_type').change(e =>{
        if (e.target.value == 2 || e.target.value == 3 || e.target.value == 4 || e.target.value == 5 || e.target.value == 10){
            $('#deliveryDate').prop('disabled', false);
            $('#deliveryDate').val('');
            }
        else {
            $('#deliveryDate').prop('disabled', true);
            $('#deliveryDate').val('');
        }
         $('#btnChangeShippingType').show();
         $('#btnChangeShippingType').click(() => {
            let orderId = $('#shipping_type').data('order-id');
            let originalShippingTypeId = $('#shipping_type').data('original-shipping');
            let data = {
              shippingTypeId : e.target.value,
              shippingTypeDate : shortDateToIso($('#deliveryDate').val()),
              orderId: orderId,
              originalShippingType : originalShippingTypeId
            }
            if (!$('#deliveryDate').val() && (e.target.value == 2 || e.target.value == 3 || e.target.value == 4 || e.target.value == 5 || e.target.value == 10)) {
                swal('', 'You must add a date', 'info');
            }
            else {
             $.ajax({
                type: "POST",
                dataType: "json",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                data: data,
                url: '/order/save-new-shipping-type',
                success: function(response) {
                    if (response.message == "success"){
                        location.reload();
                    }
                },
                error: function(e) {
                    console.log(e);
                }
            });
            }
          })
      })



    });


    function cancelOrder(order_id) {
        swal({
            text: "Please confirm you want to cancel the order",
            icon: "info",
            buttons: ["No", "Yes"],
        }).then((value)=> {
            if (value){
                confirmCancelOrder(order_id);
            }
        })
    }

    function confirmCancelOrder(order_id) {
        $.ajax({
                type: "GET",
                dataType: "json",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                url: `/orders/cancel/${order_id}`,
                success: function(response) {
                    location.reload(true);
                },
                error: function(e) {
                    console.log(e);
                }
            });
    }
</script>
@endsection

@include('additional_payments/additional_payments')