@extends('template.layoutAdmin', ['activeButton'=>'inventario'])

@section('style')
  <style media="screen">
    hr{
      margin: 0rem;
    }
  </style>
@endsection

@section('title')
  {{  trans('subRecetas.subRecetas') }}	
@endsection

@section('cabecera')
  <h1>
    {{ trans('subRecetas.subRecetas') }}
  <small>{{ trans('subRecetas.mensajeAyuda') }}</small>
  </h1>
  
@endsection

@section('contenido')
    <div class="row">
        <div class="col-12">
            @if(Session::has('message'))
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    😉 {{Session::get('message')}} 😉
                </div>
            @endif
            @if(Session::has('message_error'))
                <div class="alert alert-danger alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    😓 {{Session::get('message_error')}} 😒
                </div>
            @endif
        </div>
        <div class="col-12 monedaerr" >
            <div class="box">
                <div class="box-header with-border">
                    <div class="row">
                        <div class="col-md-6">
                        <h3 class="box-title"> {{  trans('subRecetas.listaDeSubRecetas') }}</h3>
                        {{-- @if(count($search) > 0)
                          <a href="{{route('subRecetas')}}" class="btn btn-sm btn-danger">
                            <i class="fa fa-trash"></i>
                          </a>
                        @endif --}}
                        </div>
                        <div class="col-md-6 text-right">
                          {{-- <a class="btn btn-sm btn-info" data-toggle="collapse" href="#collapseExample"><i  class="fa fa-filter" aria-hidden="true"></i>{{  trans('subRecetas.filtro') }} </a> --}}
                          <a href="" class="btn btn-sm btn-info" data-toggle="modal" data-target="#AgregarSubRecetasModal" onclick="cerrarAgregarSubReceta()"><i class="fa fa-plus"></i>{{  trans('subRecetas.nuevaReceta') }}</a>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    {{-- <div class="collapse" id="collapseExample">
                        <div class="card card-body">
                            <form action="" method="get">
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">
                                            <label for="nombre"> {{  trans('subRecetas.nombre') }} </label>
                                            <input type="text"
                                                name="nombre"
                                                id="nombre"
                                                class="form-control"
                                                autocomplete="off"
                                                placeholder=" {{  trans('subRecetas.nombre') }} ">
                                        </div>
                                    </div>
                                    <div class="col-3">
                                      <div class="form-group">
                                          <label for="valorProducto"> {{  trans('subRecetas.valorProuctos') }} </label>
                                          <input type="text"
                                              name="valorProducto"
                                              class="form-control"
                                              id="valorProducto"
                                              autocomplete="off"
                                              placeholder=" {{  trans('subRecetas.valorProuctosPlace') }} ">
                                      </div>
                                    </div>
                                    <div class="col-6">
                                      <div class="form-group">
                                          <label for="categoria"> {{  trans('subRecetas.categoria') }}	</label>
                                          <select id="categoria" name="categoria" class="form-control">
                                            <option value=""> {{  trans('subRecetas.seleccionCategoria') }}	</option>
                                          </select>
                                      </div>
                                    </div>
                                </div>
                                <div class="row">
                                  <div class="col-6">
                                    <div class="form-group">
                                        <label for="comanda"> {{  trans('subRecetas.comanda') }} </label>
                                        <select id="comanda" name="comanda" class="form-control">
                                          <option value=""> {{  trans('subRecetas.seleccionComanda') }} </option>
                                        </select>
                                    </div>
                                  </div>
                                  <div class="col-6">
                                    <div class="form-group">
                                        <label for="estado"> {{  trans('subRecetas.estado') }} </label>
                                        <select id="estado" name="estado" class="form-control">
                                          <option value=""> {{  trans('subRecetas.seleccionEstado') }} </option>
                                          <option value="1"> {{  trans('subRecetas.activo') }} </option>
                                          <option value="0"> {{  trans('subRecetas.inactivo') }} </option>
                                        </select>
                                    </div>
                                  </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <input type="submit" class="btn btn-info btn-sm" value=" {{  trans('subRecetas.buscar') }} ">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div> --}}
                    <table class="table table-bordered table-responsive">
                        <thead>
                          <tr>
                            <th class="text-center"> {{  trans('subRecetas.receta') }} </th>
                            <th class="text-center"> {{  trans('subRecetas.nombreReceta') }} </th>
                            <th class="text-center"> {{  trans('subRecetas.descripcion') }} </th>
                            <th class="text-center"> {{  trans('subRecetas.opciones') }} </th>
                          </tr>
                        </thead>
                        <tbody>
                          @if (count($subRecetas) > 0)
                            @foreach ($subRecetas as $item)
                              <tr>
                                <td class="text-center">{{$item->token}}</td>
                                <td class="text-center">{{$item->nombre}}</td>
                                <td class="text-center">{{$item->descripcion}}</td>
                                <td class="text-center">
                                  {{-- <a href="" class="btn btn-warning" data-toggle="modal" data-target="#EditarSubRecetasModal" onclick="cerrarEditarSubReceta()"><i class="fa fa-eye"></i></a> --}}
                                  <a href="javascript:;" class="btn btn-danger" onclick="EliminarSubReceta({{$item->idSubReceta}})"><i class="fa fa-trash"></i></a>
                                  <a href="javascript:;" class="btn btn-info" data-toggle="modal" data-target="#EditarSubRecetasModal" onclick="PrepareEditSubRecipeModal({{$item->idSubReceta}})"><i class="fa fa-pencil-square-o"></i></a>
                                  </td>    
                              </tr>
                            @endforeach
                          @else
                          <tr>
                              <td class="text-center" colspan="5"> {{  trans('subRecetas.noHayRegistroo') }}</td>
                          </tr>
                      @endif
                        </tbody>
                    </table>
                    <div class="row" style="padding-top:  10px;padding-bottom: 10px;">
                      <div class="col-md-12 text-right">
                        {{-- {!! $subRecetas->appends(Request::all())->render() !!} --}}
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
  <x-subRecetas.modal-create-sub-recetas :productos-inv-sub-rec="$productosInvSubRec"></x-subRecetas.modal-create-sub-recetas>
  <x-subRecetas.modal-edit-sub-recetas :productos-inv-sub-rec="$productosInvSubRec"></x-subRecetas.modal-edit-sub-recetas>
@endsection

@section('js')
<script>
  var i = 1;
  var idsIngredientes = [];
  var costo = 0;
  jQuery(document).ready(function($){
    $(document).ready(function() {
      $('.mi-selector').select2();
    });
  });

  function AgregarProductoInv() {
    var host = "{{$_SERVER["HTTP_HOST"]}}";
    $.ajax({
      url: "{{route("SubRecetas.getProductosInv")}}",
      type: 'post',
      dataType: 'json',
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      beforeSend: function () {
        swal({
          title: " {{  trans('aforo.cargando') }} ",
          text: " {{  trans('aforo.espereUnMomento') }} ",
          showConfirmButton: false
        });
      },
      success: function (response) {
        if (response.code == 200) {
          swal.close();
          var productosInv = response.data;
          var nFilas = $("#AgregarProductoInventarioTable tr").length;
          i = nFilas-1;
          
          var newRow = '<tr id="row' + i + '">' +
            '<td class="text-center"><select class="form-control" name="searchProductoInv" id="searchProductoInv' + i + '" onchange="getRangos(this.value, ' + i + ')">'+
              '<option value="-1" disabled selected> {{  trans('productos.seleccioneProducto') }} </option>';
          var theOptions = "";
          productosInv.forEach(function(productoInv) {
            theOptions += `<option value="${productoInv.idInventario}">${productoInv.presentacion}</option>`;
          });
          newRow += theOptions;
          newRow += '</select></td>'+
            '<td class="text-center"> <input type="number" name="cantidad" id="cantidad_' +
              i + '" min="1" required class="form-control" onchange="costoTotal()">'+
            '</td>' +
            '<td class="text-center"> <span name="unidadMedida" id="unidadMedida_' + i + '"></span></td>' +
            '<td class="text-center"> <span name="valorUnidad" id="valorUnidad_' + i + '"></span></td>' +
          '</tr>';
          $('#AgregarProductoInventarioTable tr:first').after(newRow);
          $('#searchProductoInv'+i+'').select2();
        } else {
          swal({
            title: "Error",
            text: "Error con los productos",
            showConfirmButton: true
          });
        }
      },
      error: function (xhr) {
        swal({
            title: "Error",
            text: "Error al actualizar el estado del promocode",
            showConfirmButton: true
        });
      }
    });
  }

  function getUnidadMedidaSubReceta(idInventario, formType) {
    var data = {
      idInventario: idInventario,
    }
    var host = "{{ $_SERVER['HTTP_HOST'] }}";
    $.ajax({
      url: "{{route("SubRecetas.getUnidadMedidaSubReceta")}}",
      data: data,
      type: 'post',
      dataType: 'json',
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        unidadMedida = response.data;
        let spanUnidadMedida;
        if (formType == "create") {
          spanUnidadMedida = document.getElementById('createSubRecipeUnidadMedidaInv');
        }
        if (formType == "edit") {
          spanUnidadMedida = document.getElementById('editSubRecipeUnidadMedidaInv');
        }
        spanUnidadMedida.innerHTML = unidadMedida;
        swal.close();
      }
    });
  }

  function getRangos(idInventario, i) {
    var data = {
      idInventario: idInventario,
    }
    var host = "{{ $_SERVER['HTTP_HOST'] }}";
    $.ajax({
      url: "{{route("SubRecetas.getRangos")}}",
      data: data,
      type: 'post',
      dataType: 'json',
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        idsIngredientes.push(idInventario);
        if (response.data.precioUnidad != 0) {
          valorUnidad = response.data.precioUnidad.valorUnidad;
        }else{
          valorUnidad = 0;
        }
        
        unidadMedida = response.data.unidadMedida;
        
        document.getElementById('unidadMedida_'+i).innerHTML= unidadMedida;
        document.getElementById('valorUnidad_'+i).innerHTML= "{{App\Helpers\monedaH::getCurrentSimbol()}} "+valorUnidad;
      }

    });
  }

  function costoTotal(){
    var detalles = [];   
    var valorUnidad = document.getElementsByName("valorUnidad");
    var cantidadP = document.getElementsByName("cantidad");
    for (let index = 0; index < valorUnidad.length; index++) {
      const cantidad = document.getElementById(cantidadP[index].id).value;
      const valorU = document.getElementById(valorUnidad[index].id).innerHTML;
      let totalReal = valorU.replace("{{App\Helpers\monedaH::getCurrentSimbol()}} ","");
      multiplicacion = totalReal * cantidad;
      detalles.push({
        valorTotalProducto: multiplicacion,
      });
    } 
   
    var data = {
      valoresCosto: detalles
    }
    var host = "{{ $_SERVER['HTTP_HOST'] }}";
    $.ajax({
      url: "{{route("SubRecetas.costoTotal")}}",
      data: data,
      type: 'post',
      dataType: 'json',
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(response) {
        
        if (response.code == 200) {
          costo = response.data;
          document.getElementById('costoTotal').innerHTML= "{{App\Helpers\monedaH::getCurrentSimbol() }}"+response.data;
        }else{
          swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");
        }
      }
    }); 
  }

  function cerrarAgregarSubReceta() {
    let createSubRecetaForm = document.getElementById('formSubReceta');
    createSubRecetaForm.reset();
  }

  function guardarReceta() {
      var detalles = [];
      var detalleInputsCantidad = document.getElementsByName("cantidad");
      if (detalleInputsCantidad.length == 0) {
          swal({
              title: " {{  trans('entradas.noHaSeleccionadoPro') }}",
              text: " {{  trans('entradas.porFavorAñadeProducto') }}",
              showConfirmButton: true
          });
      } else {
          const idsPro = idsIngredientes.slice().reverse();
          for (let index = 0; index < detalleInputsCantidad.length; index++) {
              const valueCANTIDAD = document.getElementById(detalleInputsCantidad[index].id).value;
              const id = idsPro[index];
              if (id == null) {
                  swal({
                  title: " {{  trans('entradas.noHaSeleccionadoPro') }}",
                  text: " {{  trans('entradas.porFavorAñadeProducto') }}",
                  showConfirmButton: true
              });

              } else {
                  if (valueCANTIDAD == "" || valueCANTIDAD == null) {
                      swal({
                          title: " {{  trans('entradas.camposVacios') }}",
                          text: " {{  trans('entradas.porFavorLleneLosCampos') }}",
                          showConfirmButton: true
                      });
                      break;

                  } else {
                      detalles.push({
                          cantidad: valueCANTIDAD,
                          idInventario: id,
                      });
                  }
              }

          }
          var idInventarioSubReceta = document.getElementById('searchProductoInvSubReceta').value;
          var rendimiento = document.getElementById('rendimiento').value;
          var descrip = document.getElementById('descripcion').value;
          var costoTotal = costo;
          if (idInventarioSubReceta == "" || detalleInputsCantidad.length != detalles.length) {
              swal({
                  title: " {{  trans('entradas.camposVacios') }}",
                  text: " {{  trans('entradas.porFavorLleneLosCampos') }}",
                  showConfirmButton: true
              });
          } else {
              var data = {
                  idInvSubRec: idInventarioSubReceta,
                  rendimiento: rendimiento,
                  descripcion: descrip,
                  costoTotal: costoTotal,
                  productosInv: detalles
              }
              var host = "{{ $_SERVER['HTTP_HOST'] }}";
              $.ajax({
                  url: "{{route("SubRecetas.store")}}",
                  data: data,
                  type: 'post',
                  dataType: 'json',
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  },
                  beforeSend: function() {
                      swal({
                          title: " {{  trans('entradas.cargando') }}",
                          text: " {{  trans('entradas.BuscandoInventario') }}",
                          showConfirmButton: false
                      });
                  },
                  success: function(response) {
                      if (response.code == 200) {
                          swal.close();
                          swal({
                              title: " {{  trans('entradas.entradaGuardada') }}",
                              text: " {{  trans('entradas.laEntradaIngresadaFueGuardada') }}",
                              showConfirmButton: false
                          });
                          location.href= "{{route("subRecetas.index")}}";
                      }else{
                          swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");
                      }
                  },
                      error: function(xhr){
                          swal("Error!", " {{  trans('tags.espereUnMomento') }} ", "error");
                      }
              });
          }
      }
  }

  function EliminarSubReceta(id) {
    swal({
      title: " {{  trans('subRecetas.eliminar') }} ",
      text: " {{  trans('subRecetas.seguroDeEliminar') }}",
      buttons: {
        showCancelButton: true,
        confirm: {
          text: " {{ trans('subRecetas.eliminar') }}",
          value: "confirm",
        },
      },
      dangerMode: true,
    },
      function(value) {
        if (value){
          var data = {
            id: id
          };
          var host = "{{ $_SERVER['HTTP_HOST'] }}";
          $.ajax({
              url: "{{route("SubRecetas.destroy")}}",
              data: data,
              type: 'post',
              dataType: 'json',
              headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              success: function(response) {
                
                if (response.code == 200) {
                  location.href= "{{route("subRecetas.index")}}";
                }else{
                    swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");
                }
              },
                error: function(xhr){
                    swal("Error!", " {{  trans('tags.espereUnMomento') }} ", "error");
                }
          });
        }else{
          swal.close()
        }
      }
    );
  }
  function clearEditarSubReceta() {
    // Clear modal
    let form = document.getElementById('editFormSubReceta');
    form.reset();
    let spanUnidadMedida = document.getElementById('editSubRecipeUnidadMedidaInv');
    spanUnidadMedida.innerHTML = "";
  }

function PrepareEditSubRecipeModal(id) {

  // Borramos la información y limpiamos la tabla

  clearEditarSubReceta()

  // Hacemos ajax y cargamos la información

        var data = {
          id: id
        };
        var host = "{{ $_SERVER['HTTP_HOST'] }}";
        $.ajax({
            url: "{{route("SubRecetas.view")}}",
            data: data,
            type: 'get',
            dataType: 'json',
            headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(response) {
              
              if (response.code == 200) {
                let form = document.getElementById('editFormSubReceta');
                form.elements["descripcion"].value = response.data.descripcion;
                form.elements["rendimiento"].value = response.data.rendimiento;
                form.elements["idSubRecipe"].value = response.data.idSubReceta;

                populateEditSubRecipeTable(response.data.fun_inventarios, response.data.fun_detalle_sub_receta);
                let spanUnidadMedida = document.getElementById('editSubRecipeUnidadMedidaInv');
                spanUnidadMedida.innerHTML = response.data.fun_inventario.fun_forma.nombre;
                let selectEdit = document.getElementById('searchProductoInvSubRecetaEdit');
                selectEdit.querySelectorAll('option').forEach(function (currentOption) {
                  if (currentOption.value == response.data.fun_inventario.idInventario) {
                    currentOption.setAttribute("selected", true);
                  }
                  // body...
                })
                document.getElementById('costoTotal_edit').textContent = response.data.costo_total;
                swal.close();
                }else{
                    swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");
                }
              },
                error: function(xhr){
                    swal("Error!", " {{  trans('tags.espereUnMomento') }} ", "error");
                }
          });
  }

  function populateEditSubRecipeTable(productos, productos_detalle_subreceta) {

    $('#EditarProductoInventarioTable tbody').empty();

    var host = "{{$_SERVER["HTTP_HOST"]}}";
    $.ajax({
      url: "{{route("SubRecetas.getProductosInv")}}",
      type: 'post',
      dataType: 'json',
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      beforeSend: function () {
        swal({
          title: " {{  trans('aforo.cargando') }} ",
          text: " {{  trans('aforo.espereUnMomento') }} ",
          showConfirmButton: false
        });
      },
      success: function (response) {
        if (response.code == 200) {
          
        let allProductos = response.data;
        productos.forEach(function (currentProducto, index, array) {

        let currentProductoPrecioUnidad = "";
        currentProducto.fun_rango_precio.forEach(function(currentRango) {
          if (currentRango.stateRango == 1) {
            currentProductoPrecioUnidad = currentRango.valorUnidad;
          }
        });
        selectHTML = prepareSelectForEditSubRecipe(allProductos, currentProducto.idInventario);
        productos_detalle_subreceta.forEach(function (currentDetalleSubReceta) {
          if (currentDetalleSubReceta.idInventario == currentProducto.idInventario) {
        $('#EditarProductoInventarioTable tbody').append(
          '<tr class="text-center" data-idInventario="' +currentProducto.idInventario +'">'+
              /*
                trans('subRecetas.nombreProductoInv')
                trans('subRecetas.cantidad')
                trans('subRecetas.unidadMedida')
                trans('subRecetas.precioUnidad')
              */
              '<td> ' + selectHTML + '  </td>' +
              '<td> <input type="number" value="'+currentDetalleSubReceta.cantidad+'" class="form-control" required="true" name="cantidadProducto" onchange="onChangeInputCalculateSubRecetaTotal(`edit`)"></input>  </td>' +
              '<td><span data-inventarioUnidad="">' + currentProducto.fun_forma.nombre + '</span></td>'+
              '<td><span data-precioUnitario="">' + currentProductoPrecioUnidad + '</span></td>'+
              '<td>' + '<button type="button" class="btn btn-danger btn-sm" onclick="deleteProductoEditSubRecipe(this)" style="background:rgb(209, 23, 23)">' + 
                          '<i class="fa fa-minus"></i>' +
                        '</button>' + '</td>'+
          '</tr>');
          }
        })
          });
          swal.close();
        } else {
          swal({
            title: "Error",
            text: "Error al cargar los productos",
            showConfirmButton: true
          });
        }
      },
      error: function (xhr) {
        swal({
            title: "Error",
            text: "Error al cargar los productos",
            showConfirmButton: true
        });
      }
    });
  }
  function prepareSelectForEditSubRecipe(productosSubReceta, idProducto) {
    let select = document.createElement('select');
    select.name = "searchProductoInvEdit";
    select.classList.add("form-control");
    select.setAttribute("form", "editFormSubReceta");
    select.setAttribute('onchange', "onSelectChangeEditSubReceta(this)");
    productosSubReceta.forEach(function (currentProducto, index, array) {
      let currentOption = document.createElement('option');
      currentOption.value = currentProducto.idInventario;
      currentOption.innerHTML = currentProducto.presentacion;
      select.appendChild(currentOption);
      if (idProducto == currentProducto.idInventario) {
        currentOption.setAttribute("selected", true);
      }
    });

    let container = document.createElement("div");
    container.appendChild(select.cloneNode(true));
    return container.innerHTML;
  }

  function editarReceta() {
    
        // Preparamos la información

        let form = document.getElementById('editFormSubReceta');
        let idSubReceta = form.elements["idSubRecipe"].value;
        // Validamos el nombre y la descripción

        // alert(sel.options[sel.selectedIndex].text);
        let subRecetaNombreSelect = form.elements["searchProductoInvSubRecetaEdit"];
        let nombreSubReceta = subRecetaNombreSelect.options[subRecetaNombreSelect.selectedIndex].text;
        let idInventarioPrincipalSubReceta = subRecetaNombreSelect.value;
        if (nombreSubReceta == null || nombreSubReceta == -1 || nombreSubReceta == "") {
            swal({
                title: "Error",
                text: "{{trans('subRecetas.digiteElNombreDeLaSubReceta')}}.",
                showConfirmButton: true
            });
            return false;
        }

        let descripcionSubReceta = form.elements["descripcion"].value;

        if (descripcionSubReceta == null || descripcionSubReceta == "") {
            swal({
                title: "Error",
                text: "{{trans('subRecetas.digiteLaDescripcionLaSubReceta.')}}",
                showConfirmButton: true
            });
            return false;
        }

        let rendimiento = parseFloat(form.elements["rendimiento"].value);

        if (typeof(rendimiento) != 'number' || isNaN(rendimiento) ) {
          swal({
              title: "Error",
              text: "{{trans('subRecetas.elRendimientoNoEsNumerico')}}.",
              showConfirmButton: true
          });
          return false;
        }
        // Validamos que la tabla no esté vacía.

        if (document.querySelectorAll('#EditarProductoInventarioTable > tbody > tr').length == 0) {
            swal({
                title: "Error",
                text: "{{trans('subRecetas.debesColocarAlMenosUnItemDeLaSubReceta')}}.",
                showConfirmButton: true
            });
            return false;
        }
        
        let inventarios = [];

        // Recorremos la tabla, sus filas
        document.querySelectorAll('#EditarProductoInventarioTable > tbody  > tr').forEach(function(row, index) {
            let currentInventarioId = parseInt(row.getAttribute('data-idInventario'));
            let nombreInventario;
            let cantidadInventario;
            let formattedData;
            // Recorremos cada columna de las filas
            Array.from(row.cells).forEach(function (element) {
                // Son 4 columnas, por lo tanto, recorremos 4 veces
                // Las que nos importan son las que tienen el input por dentro

                let inputElement = element.firstElementChild;

                if ( ( inputElement != null) && ( (inputElement.nodeName == 'INPUT') || (inputElement.nodeName == 'SELECT') ) ) {

                    let inputType = element.firstElementChild.type;

                    // Iteración 1 del for, tomamos el nombre

                    if (inputType == "select-one") {
                        nombreInventario = inputElement.value.toString();
                    }

                    // Iteración 2 del for (final del for), tomamos el costo
                    // Lo metemos en un objeto y lo guardamos en la data.

                    if (inputType == "number") {
                        cantidadInventario = parseFloat(inputElement.value);
                        let formattedData = {idInventario: currentInventarioId, nombre: nombreInventario, cantidadInventario: cantidadInventario};
                        
                        inventarios.push(Object.values(formattedData));
                    }
                }
                formattedData = {};
            });
          });
        
        // Recorremos los datos y realizamos validaciones

        let exitFlag = false;

        inventarios.forEach(function (productoObj) {
            /*
            Objetos de la forma...

            productoObj = {
                idInventario: idInventario,
                date: date,
                value: value,
            }
            */

            // Validamos el inventario

            if (productoObj[1] == null || productoObj[1] == "") {
                swal({
                title: "Error",
                text: "{{trans('subRecetas.unoDeLosInventariosNoEsValido')}}.",
                showConfirmButton: true
              });
            exitFlag = true;
            }

            // Validamos la cantidad

            if (typeof(productoObj[2]) != 'number' || isNaN(productoObj[2]) ) {
                swal({
                    title: "Error",
                    text: "{{trans('subRecetas.laCantidadDeUnoDeLosInventariosNoEsNumerica')}}.",
                    showConfirmButton: true
                });
            exitFlag = true;
            }

        });

        // Hubo un fallo al validar, salirse de la ejecución

        if (exitFlag) {
            return;
        }
        let totalSubReceta = calculateSubRecetaTotal('edit');
        // La empaquetamos y la enviamos

        let data = {
            inventarios: inventarios,
            nombre: nombreSubReceta,
            descripcion: descripcionSubReceta,
            idSubReceta: idSubReceta,
            idInventarioPrincipalSubReceta: idInventarioPrincipalSubReceta,
            rendimiento: rendimiento,
            costo_total: totalSubReceta,
        }

        $.ajax({
            url: "{{route("SubRecetas.update")}}",
            data: data,
            type: 'post',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            beforeSend: function () {
                swal({
                    title: "{{trans('subRecetas.guardandoSubReceta')}}...",
                    text: "{{trans('subRecetas.espereUnMomento')}}",
                    showConfirmButton: false,
                });
            },
            success: function (response) {
                if (response.code == 200) {
                    swal("{{trans('subRecetas.exito')}}", "{{trans('subRecetas.seHaEditadoExitosamenteLaSubReceta')}}", "success");
                    location.replace(location.href);
                }
            },
            error: function (xhr) {
                swal("Error", "{{trans('subRecetas.errorAlEditarLaSubReceta')}}", "error");
            }
        });

  }


  function deleteProductoEditSubRecipe(sourceButton) {
    
    document.querySelectorAll('#EditarProductoInventarioTable > tbody  > tr').forEach(function(row, index) {
        Array.from(row.cells).forEach(function (currentColumn) {
          let currentElement = currentColumn.firstElementChild;
          if (sourceButton == currentElement) {
            row.remove();
          }
        });
    });
  }



  function AgregarProductoInvEditarSubReceta() {
    var host = "{{$_SERVER["HTTP_HOST"]}}";
    $.ajax({
      url: "{{route("SubRecetas.getProductosInv")}}",
      type: 'post',
      dataType: 'json',
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      beforeSend: function () {
        swal({
          title: " {{  trans('aforo.cargando') }} ",
          text: " {{  trans('aforo.espereUnMomento') }} ",
          showConfirmButton: false
        });
      },
      success: function (response) {
        if (response.code == 200) {

          // Creamos el select.

          let newSelectHTML = prepareSelectForEditSubRecipe(response.data, 0);
          let newSelect = createElementFromHTML(newSelectHTML);

          // Agregamos la fila con toda su información

          $('#EditarProductoInventarioTable tbody').append(
          '<tr class="text-center" data-idInventario="0">'+
              /*
                trans('subRecetas.nombreProductoInv')
                trans('subRecetas.cantidad')
                trans('subRecetas.unidadMedida')
                trans('subRecetas.precioUnidad')
              */
              '<td> ' + selectHTML + '  </td>' +
              '<td> <input type="number" class="form-control" required="true" name="cantidadProducto" onchange="onChangeInputCalculateSubRecetaTotal(`edit`)" ></input>  </td>' +
              '<td><span data-inventarioUnidad=""></span></td>'+
              '<td><span data-precioUnitario=""></span></td>'+
              '<td>' + '<button type="button" class="btn btn-danger btn-sm" onclick="deleteProductoEditSubRecipe(this)" style="background:rgb(209, 23, 23)">' + 
                          '<i class="fa fa-minus"></i>' +
                        '</button>' + '</td>'+
          '</tr>');
          swal.close();
        } else {
          swal({
            title: "Error",
            text: "Error al cargar los productos",
            showConfirmButton: true
          });
        }
      },
      error: function (xhr) {
        swal({
            title: "Error",
            text: "Error al cargar los productos",
            showConfirmButton: true
        });
      }
    });
  }

  function createElementFromHTML(htmlString) {
    var div = document.createElement('div');
    div.innerHTML = htmlString.trim();
    return div.firstChild;
  }

  function onSelectChangeEditSubReceta(sourceSelect) {

      let row = getEditSubRecetaSelectRow(sourceSelect);
      let idInventario = sourceSelect.value;
      let data = {
        idInventario: idInventario,
      };

    $.ajax({
      url: "{{route("inventarios.show")}}",
      type: 'get',
      data: data,
      dataType: 'json',
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      beforeSend: function () {
        swal({
          title: " {{  trans('aforo.cargando') }} ",
          text: " {{  trans('aforo.espereUnMomento') }} ",
          showConfirmButton: false
        });
      },
      success: function (response) {
        if (response.code == 200) {
          let currentProducto = response.data;
          

          let currentProductoPrecioUnidad = "";
          let unidadMedida = "";
          currentProducto.fun_rango_precio.forEach(function(currentRango) {
            if (currentRango.stateRango == 1) {
              currentProductoPrecioUnidad = currentRango.valorUnidad;
              unidadMedida = currentProducto.fun_forma.nombre;
            }
          });
          row.querySelectorAll('td').forEach(function (currentColumn) {

            let currentElement = currentColumn.firstElementChild;
            if (currentElement.tagName.toLowerCase() == "span") {
              // Unidad de medida
              
              if (currentElement.getAttribute('data-inventarioUnidad') == "") {
                currentElement.textContent = unidadMedida;
              }
              // Precio por unidad
              if (currentElement.getAttribute('data-precioUnitario') == "") {
                currentElement.textContent = currentProductoPrecioUnidad;
              }
            }
          });
          swal.close();
        } else {
          swal({
            title: "Error",
            text: "Error al cargar el producto",
            showConfirmButton: true
          });
        }
      },
      error: function (xhr) {
        swal({
            title: "Error",
            text: "Error al cargar el producto",
            showConfirmButton: true
        });
      }
    });


      
  }

  function getEditSubRecetaSelectRow(select) {
    return select.parentElement.parentElement;
  }

  function onChangeInputCalculateSubRecetaTotal(type) {
    let total = calculateSubRecetaTotal(type);

    if (type == 'edit') {
      document.getElementById('costoTotal_edit').textContent = total;
    }

  }

  function calculateSubRecetaTotal(type) {

    let total = 0;

    // Recorremos la tabla, sus filas

    let table;
    if ( type == 'edit') {
      table = document.getElementById('EditarProductoInventarioTable');
    }
    table.querySelectorAll('tbody > tr').forEach(function(row, index) {

      let currentInputValue = 0;
      let currentInputTotalValue = 0;

      // Recorremos cada columna de las filas

      row.querySelectorAll('td').forEach(function (currentColumn) {

        let currentElement = currentColumn.firstElementChild;

        if ((currentElement.nodeName == 'INPUT')) {
          // Precio por unidad
          currentInputValue = parseFloat(currentElement.value);
          if (typeof(currentInputValue) != 'number' || isNaN(currentInputValue) ) {
            currentInputValue = 0;
          }
        }

        if (currentElement.tagName.toLowerCase() == "span") {
          // Precio por unidad
          if (currentElement.getAttribute('data-precioUnitario') == "") {
            let currentNumber = parseFloat(currentElement.textContent);
            if (typeof(currentNumber) != 'number' || isNaN(currentNumber) ) {
              currentNumber = 0;

            }
            currentInputTotalValue = currentInputValue * currentNumber;
            total = total + currentInputTotalValue;
          }
        }
      });
    });
    return total;
  }
</script>
@endsection