@extends('layouts.app')

@section('content')
@extends('inventario.menu')
<div id="contenedor-dashboard" class="container-fluid">
  <div class="row ">
    <div class="col-md-12">
      <h2>Salidas o Despachos</h2>
    </div>
  </div>
  <div class="col-md-12">
    <br>
    <br>
    <table id="example" class="display" style="width:100%">
      <thead>
        <tr>
          <td>OP</td>
          <td>Cliente</td>
          <td>Producto</td>
          <td>Demanda original</td>
          <td>Faltante a Producir</td>
          <td>Existencia</td>
          
          <td>Despachos</td>
          <td>Estatus</td>
          <td>Acción</td>
        </tr>
      </thead>
      <tbody>      
        @foreach ($salidasAlmacen as $op)
          @if($op->op->status!=5)
          <tr>
            <td>{{$op->id_op}}</td>
            <td>{{$op->cliente->nombre??'Inventario'}}</td>
            <td>{{$op->producto->nombre . ' ' . $op?->op?->cotizaciones_p?->descripcion}}</td><!-- nombre -->
            <td>{{$op->op->cantidad}} {{$op->producto->medida->nombre}}</td><!-- Demanda -->
            <td>
              @if(($op->op->cantidad-$op->total_entrega)<0)
                0
              @else
              {{$op->op->cantidad-$op->total_entrega}} {{$op->producto->medida->nombre}}
              @endif
              
            </td><!-- Faltante -->
                        <td>{{$op->total_entrega-$op->op->cantidad_entregada}} {{$op->producto->medida->nombre}}</td><!-- Existencia -->   
            <td>{{$op->op->cantidad_entregada}} {{$op->producto->medida->nombre}}</td><!-- Despacho -->
            <td>
              @if($op->op->status==5)
                Terminada
              @else
                Pendiente
              @endif
            </td>
            <td>
              @if($op->op->status!=5)
              <a data-toggle="modal" class="entragasParciales" title="Realizar entrega" data-id_cliente="{{$op->cliente->id}}" data-target="#entregaAlmacen" data-id_producto="{{$op->producto->id}}" data-produccion="{{$op->total_entrega-$op->op->cantidad_entregada}}" data-inventario="0" data-cantidad="{{$op->total_entrega-$op->op->cantidad_entregada}}" data-id="{{$op->id}}" data-id_op="{{$op->id_op}}"><i class="fas fa-truck"></i></a>
              
              @endif
              
            </td>
          </tr>
          @endif
        @endforeach
        @foreach ($salidasAlmacenInventario as $op)
          <tr>
            <td>{{$op->id}}</td>
            <td>{{$op->cliente->nombre??'Inventario'}}</td>
            <td>{{$op->producto->nombre}}</td><!-- nombre -->
            <td>{{$op->cantidad}} {{$op->producto->medida->nombre}}</td><!-- Demanda -->
            <td>0 {{$op->producto->medida->nombre}}</td>
           
            <td>{{$op->cantidad}} {{$op->producto->medida->nombre}}</td><!-- Existencia -->   
            <td>0 {{$op->producto->medida->nombre}}</td><!-- Despacho -->
            <td>
              INVENTARIO
            </td>
            <td>
              <a data-toggle="modal" class="entragasInventario" data-id_cliente="{{$op->cliente->id}}" data-target="#entregaInventario" data-id_producto="{{$op->producto->id}}" data-cantidad="{{$op->cantidad}}" data-id="{{$op->id}}" data-id_cotizacion="{{$op->id_cotizacion_producto}}"><i class="fas fa-truck"></i></a>
              <a class="archivar_salidas" data-toggle="modal" title="Archivar" data-target="#archivar" data-idsalida="{{$op->id}}"><i class="fas fa-archive"></i></a>              
            </td>
          </tr>
        @endforeach
      </tbody>
  </table>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="entregaAlmacen" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">SALIDAS DE ALMACEN</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <h3>OP<span id="idOPText"></span></h3>
        <div class="form-group">
            <label for="recipient-name" class="col-form-label">Cantidad a entregar:</label>
            <input type="number" class="form-control" id="cantidad" name="cantidad">
            <input type="hidden" class="form-control" id="id_inventario" name="id_inventario">
            <input type="hidden" class="form-control" id="id_cliente" name="id_cliente">
            <input type="hidden" class="form-control" id="id_op" name="id_op">
            <input type="hidden" class="form-control" id="id_producto" name="id_producto">
            <input type="hidden" class="form-control" id="inventario" name="inventario">
            <input type="hidden" class="form-control" id="produccion" name="produccion">
        </div>
        <div class="form-group">
            <label for="message-text" class="col-form-label">Observaciones:</label>
            <textarea id="observaciones" class="form-control" id="message-text"></textarea>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" id="btnEntraParcial" class="btn btn-primary">Entrega Parcial</button>
        <button type="button" id="btnInventario" class="btn btn-primary">Entrada a Stock</button>
        <button type="button" id="btnTerminarOrden" class="btn btn-primary">Terminar Orden</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="entregaInventario" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">SALIDAS DE ALMACEN</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <h3>ALMACEN <span id="idOPText2"></span></h3>
        <div class="form-group">
            <label for="recipient-name" class="col-form-label">Cantidad a entregar:</label>
            <input type="number" class="form-control" id="cantidad2" name="cantidad" readonly>
            <input type="hidden" class="form-control" id="id_inventario2" name="id_inventario">
            <input type="hidden" class="form-control" id="id_cliente2" name="id_cliente">
            <input type="hidden" class="form-control" id="id_producto2" name="id_producto">
            <input type="hidden" class="form-control" id="id_cotizacion" name="id_cotizacion">
        </div>
        <div class="form-group">
            <label for="message-text" class="col-form-label">Observaciones:</label>
            <textarea id="observaciones2" class="form-control" id="message-text"></textarea>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" id="btnTerminarOrdenInventario" class="btn btn-primary">Terminar Orden</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="archivar" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="archivarInfo">Archivar</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{ route('inventario.archivar_salida') }}" method="POST">
        @csrf
            <input id="id_salida" type="hidden" name="id" value="">
          <div class="form-group">
            <label for="message-text" class="col-form-label">Observación:</label>
            <textarea class="form-control" id="message-text" name="mensaje"></textarea>
          </div>
          <input type="submit" id="btnArchivar" class="btn btn-secondary" value="Archivar">
          </form> 
      </div>
      
    </div>
  </div>
</div>
<script>
$( function() {
  var token = '{{ csrf_token() }}';
  $('.archivar_salidas').each(function(){
      $(this).click(function(){
        var id_salida=$(this).attr('data-idsalida');
        $('#id_salida').val(id_salida);  
      })
    })
  $('.entragasInventario').each(function(){
    $(this).click(function(){
      var idInventario=$(this).attr('data-id');
      var cantidad=$(this).attr('data-cantidad');
      var id_producto=$(this).attr('data-id_producto');
      var id_cliente=$(this).attr('data-id_cliente');
      var id_cotizacion=$(this).attr('data-id_cotizacion');


      $('#id_inventario2').val(idInventario);
      $('#cantidad2').val(cantidad);
      $('#id_producto2').val(id_producto);
      $('#id_cliente2').val(id_cliente);
      $('#id_cotizacion').val(id_cotizacion);
      $('#idOPText2').text(idInventario);
    })
  })
  $('.entragasParciales').each(function(){
    $(this).click(function(){
      var idInventario=$(this).attr('data-id');
      var idOP=$(this).attr('data-id_op');
      var cantidad=$(this).attr('data-cantidad');
      var inventario=$(this).attr('data-inventario');
      var id_producto=$(this).attr('data-id_producto');
      var id_cliente=$(this).attr('data-id_cliente');
      var produccion=$(this).attr('data-produccion');
      if(cantidad<=0){
        $('#btnInventario').attr('disabled','disabled');
        $('#btnEntraParcial').attr('disabled','disabled');
      }else{
        $('#btnInventario').removeAttr('disabled');
        $('#btnEntraParcial').removeAttr('disabled');
      }
      
      $('#idOPText').text(idOP);
      $('#id_inventario').val(idInventario);
      $('#id_op').val(idOP);
      $('#cantidad').val(cantidad);
      $('#id_producto').val(id_producto);
      $('#id_cliente').val(id_cliente);
      $('#inventario').val(inventario);
      $('#produccion').val(produccion);
    })
  })
  
  $('#btnEntraParcial').click(function(){
    $(this).attr('disabled','disabled');
    $('#btnInventario').attr('disabled','disabled');
    $('#btnTerminarOrden').attr('disabled','disabled');
    $.ajax({
      type:'POST',
      url:'{{ route('inventario.salida_almacen_ajax') }}',
      headers: {'X-CSRF-TOKEN': token},
      data:{
          id_inventario:$('#id_inventario').val(),
          id_cliente:$('#id_cliente').val(),
          cantidad:$('#cantidad').val(),
          observaciones:$('#observaciones').val(),
          id_op:$('#id_op').val(),
          id_producto:$('#id_producto').val(),
          inventario:$('#inventario').val(),
          produccion:$('#produccion').val(),
      },
      success:function(data){
        $('#entregaAlmacen').modal('hide');
        location.reload(true);
      }
    });
  })
  $('#btnInventario').click(function(){
    $(this).attr('disabled','disabled');
    $('#btnEntraParcial').attr('disabled','disabled');
    $('#btnTerminarOrden').attr('disabled','disabled');
    $.ajax({
      type:'POST',
      url:'{{ route('inventario.salida_almacen_inventario_ajax') }}',
      headers: {'X-CSRF-TOKEN': token},
      data:{
          id_inventario:$('#id_inventario').val(),
          cantidad:$('#cantidad').val(),
          observaciones:$('#observaciones').val(),
          id_op:$('#id_op').val(),
          id_producto:$('#id_producto').val(),
          inventario:$('#inventario').val(),
          produccion:$('#produccion').val(),
      },
      success:function(data){
        $('#entregaAlmacen').modal('hide');
        location.reload(true);
      }
    });
  })
  $('#btnTerminarOrden').click(function(){
    $('#btnInventario').attr('disabled','disabled');
    $('#btnEntraParcial').attr('disabled','disabled');
    $('#btnTerminarOrden').attr('disabled','disabled');
    var inventario=$('#produccion').val();
    var cantidad=$('#cantidad').val();
    if(cantidad>inventario){
      alert('No hay suficiente inventario');
      $('#btnTerminarOrden').removeAttr('disabled');
    }
    $.ajax({
      type:'POST',
      url:'{{ route('inventario.almacen_terminar_ajax') }}',
      headers: {'X-CSRF-TOKEN': token},
      data:{
          cantidad:cantidad,
          observaciones:$('#observaciones').val(),
          id_op:$('#id_op').val(),
          id_producto:$('#id_producto').val(),
          inventario:$('#inventario').val(),
          id_cliente:$('#id_cliente').val(),
          produccion:$('#produccion').val(),
      },
      success:function(data){
        $('#entregaAlmacen').modal('hide');
        location.reload(true);
      }
    });
  })
  $('#btnTerminarOrdenInventario').click(function(){
    $('#btnTerminarOrdenInventario').attr('disabled','disabled');
    var inventario=$('#id_inventario2').val();
    var cantidad=$('#cantidad2').val();
    var id_cotizacion=$('#id_cotizacion').val();
    $.ajax({
      type:'POST',
      url:'{{ route('inventario.almacen_terminar_inventario_ajax') }}',
      headers: {'X-CSRF-TOKEN': token},
      data:{
          cantidad:cantidad,
          observaciones:$('#observaciones2').val(),
          id_salida:inventario,
          id_producto:$('#id_producto2').val(),
          id_cotizacion:id_cotizacion,
      },
      success:function(data){
        $('#entregaAlmacen').modal('hide');
        location.reload(true);
      }
    });
  })
//fin Q    
});
</script>
@endsection