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

@section('cabecera')
  <div class="row">
    <div class="col-6">
      <h1 style="margin: 15px 0 10px 0;">
      <a href="{{url()->previous()}}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i>  {{  trans('promociones.regresar') }} </a>
      </h1>
    </div>
    <div class="col-6 text-right">
      <h1>
        <small> {{  trans('promociones.platoPromocion') }} </small>
      </h1>
    </div>
  </div>
@endsection

@section('title')
  {{  trans('promociones.platoPromocionCrear') }}
@endsection

@section('contenido')
  @if(Session::has('message'))
    <div class="row">
      <div class="col-12">
        <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>
      </div>
    </div>
  @endif
  @if(Session::has('message_error'))
    <div class="row">
      <div class="col-12">
        <div class="alert alert-warning 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>
      </div>
    </div>
  @endif
  @if(count($errors) > 0)
    <div class="row">
      <div class="col-12">
        <div class="alert alert-warning alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <p> {{  trans('promociones.corregirErrores') }} </p>
            <ul>
                @foreach ($errors->all() as $message)
                    <li>{{ $message }}</li>
                @endforeach
            </ul>
        </div>
      </div>
    </div>
  @endif
  <div class="row">
    <div class="col-12">
      <div class="info-box">
        <div class="box-header with-border">
          <h3 class="box-title"> {{  trans('promociones.agregarPlatoPromocion') }} </h3>
        </div>
        <div class="box-body">
            <form action="{{route('promociones.storeP')}}" method="POST" file="true" enctype="multipart/form-data" id="formCreate">
            @csrf
            <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

            <div class="row">
                <div class="col-md-6">
                <div class="form-group {{ $errors->has('nombre') ? 'has-error' : '' }}">
                    <label for="nombre"> {{  trans('promociones.nombre') }} <span class="text-danger">*</span></label>
                    <input
                        type="text"
                        name="nombre"
                        class="form-control"
                        required
                        onkeyup="slugProduct(this.value)"
                        value="{{ old('nombre') }}"
                        autocomplete="off"
                        placeholder=" {{  trans('promociones.nombrePlace') }} " >
                </div>
                </div>
                <div class="col-md-6">
                <div class="form-group {{ $errors->has('slug') ? 'has-error' : '' }}">
                    <label for="slug"> {{  trans('promociones.alias') }} <span class="text-danger">*</span></label>
                    <input
                        type="text"
                        name="slug"
                        value="{{ old('slug') }}"
                        class="form-control"
                        id="slug"
                        required
                        autocomplete="off"
                        placeholder=" {{  trans('promociones.aliasPlace') }} ">
                </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                <div class="form-group {{ $errors->has('descripcion') ? 'has-error' : '' }}">
                    <label for="descripcion"> {{  trans('promociones.descripcion') }} <span class="text-danger">*</span></label>
                    <textarea
                        name="descripcion"
                        class="form-control cont text"
                        id="descripcion"
                        >{{ old('descripcion') }}</textarea>
                </div>
                </div>
            </div>
            {{-- @if ($comercio->idPerfil == 68) --}}
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group {{ $errors->has('valor') ? 'has-error' : '' }}">
                        <label for="valor"> {{  trans('promociones.valor') }} <span class="text-danger">*</span></label>
                        <input type="text"
                            name="valor"
                            id="value"
                            value="{{ old('valor') }}"
                            class="form-control"
                            required
                            autocomplete="off"
                            placeholder=" {{  trans('promociones.valorProduco') }} ">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group {{ $errors->has('estado') ? 'has-error' : '' }}">
                        <label for="estado"> {{  trans('promociones.estado') }} <span class="text-danger">*</span></label>
                        <select name="estado" id="estado" class="form-control">
                          <option value="1"> {{  trans('promociones.activo') }} </option>
                          <option value="0"> {{  trans('promociones.inactivo') }} </option>
                        </select>
                    </div>
                </div>
                {{-- @endif
                @if ($comercio->idPerfil != 68) --}}
                  <div class="col-md-3">
                      <div class="form-group {{ $errors->has('idComanda') ? 'has-error' : '' }}">
                        <label for="idComanda"> {{  trans('promociones.comanda') }} <span class="text-danger">*</span></label>
                        <select name="idComanda" id="idComanda" class="form-control">
                          @foreach($comandas as $listComanda)
                            @if (old('idComanda') == $listComanda->idComanda)
                              <option value="{{ $listComanda->idComanda }}" selected>{{ $listComanda->nombre }}</option>
                            @else
                            <option value="{{$listComanda->idComanda}}">{{$listComanda->nombre}}</option>
                            @endif
                          @endforeach
                        </select>
                      </div>
                  </div>
                {{-- @endif --}}
                <div class="col-md-2">
                  <div class="form-check form-check-inline" style="margin-top: 30px;">
                    <input type="checkbox" name="checkbox_sin_procesar" id="checkbox_sin_procesar" class="filled-in" />
                    <label for="checkbox_sin_procesar"> {{  trans('promociones.sinProcesar') }} </label>
                  </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group {{ $errors->has('categoria') ? 'has-error' : '' }}">
                        <label for="categoria"> {{  trans('promociones.principalCategoria') }} <span class="text-danger">*</span></label>
                        <select name="categoria" id="categoria" class="form-control" onchange="selecCat(this.value)">
                        <option value=""> {{  trans('promociones.seleccioneCategoria') }} </option>
                        @foreach ($categorias as $listCat)
                          @if (old('categoria') == $listCat->idCategoria)
                            <option value="{{ $listCat->idCategoria }}" selected>{{ $listCat->nombre }}</option>
                          @else
                           <option value="{{$listCat->idCategoria}}">{{$listCat->nombre}}</option>
                          @endif
                        @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group {{ $errors->has('subCategorias') ? 'has-error' : '' }}">
                        <label for="subCategorias"> {{  trans('promociones.categorias') }} <span class="text-danger">*</span></label>
                        <select name="subCategorias" id="subCategorias" class="form-control">

                        </select>
                    </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('tiempo') ? 'has-error' : '' }}">
                    @if ($comercio->idPerfil != 68)
                      <label for="tiempo"> {{  trans('productos.tiempoComanda') }} <span class="text-danger">*</span></label>
                    @else
                      <label for="tiempo"> {{  trans('productos.tiempoCocina') }} <span class="text-danger">*</span></label>
                    @endif
                      <input type="text" class="form-control" name="tiempo" onkeyup="numero(this.value, 'tiempo')" id="tiempo">
                  </div>
                </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('numPersonas') ? 'has-error' : '' }}">
                      <label for="numPersonas"> {{  trans('promociones.numeroPersonas') }} <span class="text-danger">*</span></label>
                      <input type="number" min="0" class="form-control" name="numPersonas" onkeyup="numero(this.value, 'numPersonas')" id="numPersonas">
                  </div>
              </div>
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('fechaPromo') ? 'has-error' : '' }}">
                      <label for="fechaPromo"> {{  trans('promociones.fechaFinalizacion') }} <span class="text-danger">*</span></label>
                      <input type="text" class="form-control" name="fechaPromo" id="fechaPromo" required>
                  </div>
              </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group {{ $errors->has('tipoComida') ? 'has-error' : '' }}">
                          <label for="tipoComida"> {{  trans('promociones.tipoComida') }} <span class="text-danger">*</span></label>
                          <textarea class="form-control" name="tipoComida" id="tipoComida" cols="30" rows="10"></textarea>
                          {{-- <input type="text"  name="tipoComida" id="tipoComida"> --}}
                          <small> {{  trans('promociones.facilFiltrado') }}	</small>
                      </div>
                  </div>
            </div>
            <hr>
            <div class="row pb-5">
                <div class="col-lg-12">
                  {{-- <div class="info-box">
                    <div class="box-body"> --}}
                      <div class="row">
                        <div class="col-md-12">
                          <h4> {{  trans('promociones.seleccionarServicios') }} </h4>
                          {{-- <div class="col-md-12"> --}}
                              <table class="col-md-12">
                                  <thead>
                                      <tr class="text-left col-md-12">
                                        @if ( App::getLocale() != 'es')
                                          @foreach($servicios as $servicio)
                                              <th class="col-md-3" style="width:30% !important;">{{$servicio->nombre_ingles}}</th>
                                          @endforeach
                                        @else
                                          @foreach($servicios as $servicio)
                                              <th class="col-md-3" style="width:30% !important;">{{$servicio->nombre}}</th>
                                          @endforeach
                                        @endif
                                      </tr>
                                  </thead>
                                  <tbody>
                                      <tr class="col-md-12 text-left">
                                          @foreach($servicios as $servicio)
                                                  <td class="col-md-3" style="width:30% !important;">
                                                      <label class="switch">
                                                          <input type="checkbox" name="typeService" onclick="changeService({{$servicio->idValorParametro}})" id="typeService_{{$servicio->idValorParametro}}" value="{{$servicio->idValorParametro}}" class="success service_{{$servicio->idValorParametro}}">
                                                          <span class="slider round"></span>
                                                      </label>
                                                  </td>
                                          @endforeach
                                      </tr>
                                      <input type="hidden" name="checkboxService" id="checkboxService">
                                  </tbody>
                              </table>
                          {{-- </div> --}}
                        </div>
                      </div>
                    {{-- </div>
                  </div> --}}
                </div>
              </div>
              <hr>
              <div class="row">
                <div class="col-md-12">
                <div class="form-group {{ $errors->has('slider') ? 'has-error' : '' }}">
                    <label for="slider"> {{  trans('promociones.imagenSlider') }}	</label>
                    <div class="controls">
                    <input type="file" name="slider" id="slider" class="form-control" required>
                    </div>
                    <small> {{  trans('promociones.imagenProducto') }} </small>
                </div>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-12">
                <div class="form-group {{ $errors->has('imagen') ? 'has-error' : '' }}">
                    <label for="imagen"> {{  trans('promociones.imagenPrincipal') }} </label>
                    <div class="controls">
                    <input type="file" name="imagen" id="imagen" class="form-control" required>
                    </div>
                    <small> {{  trans('promociones.imagenProducto') }} </small>
                </div>
                </div>
            </div>
            <hr>
            <!-- INGREDIENTES OBLIGATORIOS-->
            <div class="row">
                <div class="col-md-6">
                <p> {{  trans('promociones.ingredienteBase') }} </p>
                <div class="input-group">
                    <input type="text" id="newIngreObliga" autocomplete="off" placeholder=" {{  trans('promociones.ingredienteBase') }} " class="form-control">
                    <div class="input-group-prepend">
                    <div class="input-group-text">
                        <a href="javascript:;" onclick="agregarIngredienteObligatorio()" class="btn btn-success"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    </div>
                    </div>
                </div>
                <br/>
                <div id="tableIngreObligatorio" style="display:none; max-height: 250px; overflow: scroll">
                    <table class="table table-bordered table-responsive">
                    <thead>
                        <tr >
                        <th class="text-center"> {{  trans('promociones.id') }} </th>
                        <th class="text-center"> {{  trans('promociones.nombre') }}	</th>
                        <th class="text-center"> {{  trans('promociones.opciones') }} </th>
                        </tr>
                    </thead>
                    <tbody id="tableIngreBodyObliga">
                    </tbody>
                    </table>
                </div>
                </div>
                <div class="col-md-6">
                <p> {{  trans('promociones.ingredientesOpcionales') }} </p>
                <div class="input-group">
                    <input type="text" id="newAcompa" autocomplete="off" placeholder=" {{  trans('promociones.ingredientesOpcionales') }}	" class="form-control">
                    <div class="input-group-prepend">
                    <div class="input-group-text">
                        <a href="javascript:;" onclick="agregarAcompa()" class="btn btn-success"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    </div>
                    </div>
                </div>
                <br/>
                <div id="tableAcompa" style="display:none; max-height: 250px; overflow: scroll">
                    <table class="table table-bordered table-responsive">
                    <thead>
                        <tr >
                        <th class="text-center">{{  trans('promociones.id') }}</th>
                        <th class="text-center">{{  trans('promociones.nombre') }}</th>
                        <th class="text-center">{{  trans('promociones.opciones') }}</th>
                        </tr>
                    </thead>
                    <tbody id="tableAcompañante">
                    </tbody>
                    </table>
                </div>
                </div>
            </div>
            <!-- INGREDIENTES -->
            <hr/>
            <div class="row">
                <div class="col-md-6">
                <p> {{  trans('promociones.ingredientes') }} </p>
                <div class="input-group">
                    <input type="text" id="newIngre" autocomplete="off" placeholder=" {{  trans('promociones.agregarIngredientes') }}	" class="form-control">
                    <div class="input-group-prepend">
                    <div class="input-group-text">
                        <a href="javascript:;" onclick="agregarIngrediente()" class="btn btn-success"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    </div>
                    </div>
                </div>
                <br/>
                <div id="tableIngre" style="display:none; max-height: 250px; overflow: scroll">
                    <table class="table table-bordered table-responsive">
                    <thead>
                        <tr >
                        <th class="text-center">{{  trans('promociones.id') }}</th>
                        <th class="text-center">{{  trans('promociones.nombre') }}</th>
                        <th class="text-center">{{  trans('promociones.opciones') }}</th>
                        </tr>
                    </thead>
                    <tbody id="tableIngreBody">
                    </tbody>
                    </table>
                </div>
                </div>
                <div class="col-md-6">
                <p> {{  trans('promociones.ingredientesAdicionales') }} </p>
                <div class="input-group">
                    <input type="text" id="newAdicio" style="margin-right: 10px;" autocomplete="off" placeholder=" {{  trans('promociones.ingredientesAdicionales') }} " class="form-control">
                    <input type="text" id="valorAdicio" autocomplete="off" placeholder="valor" class="form-control">
                    <div class="input-group-prepend">
                    <div class="input-group-text">
                        <a href="javascript:;" onclick="agregarAdicionales()" class="btn btn-success"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    </div>
                    </div>
                </div>
                <br/>
                <div id="tableAdicio" style="display:none; max-height: 250px; overflow: scroll">
                    <table class="table table-bordered table-responsive">
                    <thead>
                        <tr >
                        <th class="text-center">{{  trans('promociones.id') }}</th>
                        <th class="text-center">{{  trans('promociones.nombre') }}</th>
                        <th class="text-center"> {{  trans('promociones.valor') }}</th>
                        <th class="text-center">{{  trans('promociones.opciones') }}</th>
                        </tr>
                    </thead>
                    <tbody id="tableAdicioBody">
                    </tbody>
                    </table>
                </div>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-12 text-center">
                    <a href="javascript:;" onclick="enviarDatos()" class="btn btn-info margin-top-10"> {{  trans('promociones.agregarPlato') }}</a>
                </div>
            </div>
            </form>
        </div>
      </div>
    </div>
  </div>

@endsection

@section('js')
  <script>
    function numero(valor, tipo) {
      var expresion = /^\d*[\.]?[\d]*$/;
      var resultado = expresion.test(valor);
      if(!resultado) {
        //NADA BIEN
        swal("Info!", " {{  trans('promociones.campoNumerico') }}", "info");
        if(tipo == "tiempo") {
          $("#tiempo").val("");
        }else if(tipo == "acompañante") {
          $("#tiempo").val("");
        }

      }
    }
    $( document ).ready(function() {
      var categoria = "{!! old('categoria') !!}";
      var idSub = "{!! old('subCategorias') !!}";
      //updateIngreO(ingreObli);
      selecCat(categoria);
    });
    function updateIngreO(ingreObli)
    {
      console.log(ingreObli);
    }
  </script>
  <script type="text/javascript">
    function validarValor(numero){
      if (!/^([0-9])*$/.test(numero)){
        document.getElementById("valorAdicio").value="";
      }
    }
    function selecCat(idCategoria)
    {
      var idSub = "{!! old('subCategorias') !!}";
      var data = {
        "idCategoria": idCategoria
      }
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/productos/select/categoria",
        data: data,
      	type: 'post',
      	dataType: 'json',
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      	},
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }} ",
            text: " {{  trans('promociones.espereUnMomento') }}	",
            showConfirmButton: false
          });
      	},
        success: function(response){
          $('#subCategorias').empty();
          if (response.code == 200) {
            $.each(response.datos, function(j, listCat){
              if(idSub == listCat.idCategoria){
                $("#subCategorias").append("<option selected value='"+listCat.idCategoria+"'>"+listCat.nombre+"</option>");
              }else{
                $("#subCategorias").append("<option value='"+listCat.idCategoria+"'>"+listCat.nombre+"</option>");
              }

            });
          }

          swal.close();
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }} ", "error");
      	}
      });
    }
  </script>
  <script type="text/javascript">
    $('#newIngreObliga').keypress(function (e) {
      if (e.which == 13) {
        agregarIngredienteObligatorio();
      }
    });
    $('#newIngre').keypress(function (e) {
      if (e.which == 13) {
        agregarIngrediente();
      }
    });
    $('#newAdicio').keypress(function (e) {
      if (e.which == 13) {
        agregarAdicionales();
      }
    });
    $('#valorAdicio').keypress(function (e) {
      if (e.which == 13) {
        agregarAdicionales();
      }
    });
    $('#newAcompa').keypress(function (e) {
      if (e.which == 13) {
        agregarAcompa();
      }
    });
    var ingredientesObliga = [];
    var ingredientes = [];
    var adicionales = [];
    var acopañantes = [];
    function agregarIngredienteObligatorio(){

      var newIngrediente = $("#newIngreObliga").val();
      if (newIngrediente == '') {
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.nombreVacio') }}	",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }

      ingredientesObliga.push(newIngrediente);
      $("#tableIngreBodyObliga").empty();
      var id = 1;
      for (let index = 0; index < ingredientesObliga.length; index++) {

        $("#tableIngreBodyObliga").append('<tr><td class="text-center">'+id+'</td><td class="text-center"">'+ingredientesObliga[index]+'</td><td  class="text-center""><a href="javascript:;" onclick="eliminarIngreObliga('+index+')" class="btn btn-danger" ><i class="fa fa-trash"></i></a></td></tr>');
        id = id+1;
      }

      $("#newIngreObliga").val('');
      $("#tableIngreObligatorio").show();

    }
    function eliminarIngreObliga(item){
      ingredientesObliga.splice(item, 1);
      $("#tableIngreBodyObliga").empty();
      var id = 1;
      if (ingredientesObliga.length !== 0) {
        for (let index = 0; index < ingredientesObliga.length; index++) {

          $("#tableIngreBodyObliga").append('<tr><td class="text-center">'+id+'</td><td class="text-center"">'+ingredientesObliga[index]+'</td><td  class="text-center""><a href="javascript:;" onclick="eliminarIngreObliga('+index+')" class="btn btn-danger" ><i class="fa fa-trash"></i></a></td></tr>');
          id = id+1;

        }
      }else{
        $("#tableIngreObligatorio").hide();
      }


    }
    function agregarIngrediente(){

      var newIngrediente = $("#newIngre").val();
      if (newIngrediente == '') {
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.nombreVacio') }}	",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }

      ingredientes.push(newIngrediente);
      $("#tableIngreBody").empty();
      var id = 1;
      for (let index = 0; index < ingredientes.length; index++) {

          $("#tableIngreBody").append('<tr><td class="text-center">'+id+'</td><td class="text-center"">'+ingredientes[index]+'</td><td  class="text-center""><a href="javascript:;" onclick="eliminarIngre('+index+')" class="btn btn-danger" ><i class="fa fa-trash"></i></a></td></tr>');
        id = id+1;

      }

      $("#newIngre").val('');
      $("#tableIngre").show();

    }
    function eliminarIngre(item){
      ingredientes.splice(item, 1);
      $("#tableIngreBody").empty();
      var id = 1;
      if (ingredientes.length !== 0) {
        for (let index = 0; index < ingredientes.length; index++) {

          $("#tableIngreBody").append('<tr><td class="text-center">'+id+'</td><td class="text-center"">'+ingredientes[index]+'</td><td  class="text-center""><a href="javascript:;" onclick="eliminarIngre('+index+')" class="btn btn-danger" ><i class="fa fa-trash"></i></a></td></tr>');
          id = id+1;

        }
      }else{
        $("#tableIngre").hide();
      }


    }
    function agregarAdicionales(){

      var newAdicion = $("#newAdicio").val();
      var valorAdicional = $("#valorAdicio").val();
      if (newAdicion == '') {
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.nombreVacio') }} ",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }else if(valorAdicional == ''){
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.valorVacio') }} ",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }

      adicionales.push({"nombre": newAdicion,"valor": valorAdicional});
      $("#tableAdicioBody").empty();
      var id = 1;
      for (let index = 0; index < adicionales.length; index++) {

        $("#tableAdicioBody").append('<tr><td class="text-center">'+id+'</td><td class="text-center"">'+adicionales[index].nombre+'</td><td class="text-center"">'+adicionales[index].valor+'</td><td  class="text-center""><a href="javascript:;" onclick="eliminarAdicio('+index+')" class="btn btn-danger" ><i class="fa fa-trash"></i></a></td></tr>');
        id = id+1;

      }

      $("#newAdicio").val('');
      $("#valorAdicio").val('');
      $("#tableAdicio").show();

    }
    function eliminarAdicio(item){
      adicionales.splice(item, 1);
      $("#tableAdicioBody").empty();
      var id = 1;
      if (adicionales.length !== 0) {
        for (let index = 0; index < adicionales.length; index++) {

          $("#tableAdicioBody").append('<tr><td class="text-center">'+id+'</td><td class="text-center"">'+adicionales[index].nombre+'</td><td class="text-center"">'+adicionales[index].valor+'</td><td  class="text-center""><a href="javascript:;" onclick="eliminarAdicio('+index+')" class="btn btn-danger" ><i class="fa fa-trash"></i></a></td></tr>');
          id = id+1;

        }
      }else{
        $("#tableAdicio").hide();
      }

    }
    function agregarAcompa()
    {
      var newAcompa = $("#newAcompa").val();
      if (newAcompa == '') {
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.nombreVacio') }}	",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }

      acopañantes.push(newAcompa);
      $("#tableAcompañante").empty();
      var id = 1;
      for (let index = 0; index < acopañantes.length; index++) {

        $("#tableAcompañante").append('<tr><td class="text-center">'+id+'</td><td class="text-center"">'+acopañantes[index]+'</td><td  class="text-center""><a href="javascript:;" onclick="eliminarAcompa('+index+')" class="btn btn-danger" ><i class="fa fa-trash"></i></a></td></tr>');
        id = id+1;

      }
      $("#newAcompa").val('');
      $("#tableAcompa").show();
    }

    function eliminarAcompa(item){
      acopañantes.splice(item, 1);
      $("#tableAcompañante").empty();
      var id = 1;
      if (acopañantes.length !== 0) {
        for (let index = 0; index < acopañantes.length; index++) {

          $("#tableAcompañante").append('<tr><td class="text-center">'+id+'</td><td class="text-center"">'+acopañantes[index]+'</td><td  class="text-center""><a href="javascript:;" onclick="eliminarAcompa('+index+')" class="btn btn-danger" ><i class="fa fa-trash"></i></a></td></tr>');
          id = id+1;

        }
      }else{
        $("#tableAcompa").hide();
      }


    }

    function enviarDatos(){
      ingredientesObliga.forEach(element => {
        $("#formCreate").append('<input type="hidden" name="ingreObligaTotal[]" value="'+element+'">');
      });
      ingredientes.forEach(element => {
        $("#formCreate").append('<input type="hidden" name="ingreTotal[]" value="'+element+'">');
      });
      adicionales.forEach(element => {
        $("#formCreate").append('<input type="hidden" name="adicioTotal[]" value="'+element.nombre+','+element.valor+'">');
      });
      acopañantes.forEach(element => {
        $("#formCreate").append('<input type="hidden" name="acompaTotal[]" value="'+element+'">');
      });
      var arrayService = new Array();
      $('input[name="typeService"]').each(function(element) {
        var item = {};
        item.id = this.value;
        item.status = this.checked;
        arrayService.push(item);
      });
      var toService = JSON.stringify(arrayService);
      $("#checkboxService").val(toService);

      $("#formCreate").submit();
    }
  </script>



  <script type="text/javascript">
    function slugProduct(value) {
      var slugProduct = value.toLowerCase();
      var userName = "{!! Auth::user()->userName !!}";
      var slug = slugProduct.replace(/[ ]/gi,'-');
      $('#slug').val(slug+'-'+userName);
    }
    $("#value").on({
        "focus": function (event) {
            $(event.target).select();
        },
        "keyup": function (event) {
            $(event.target).val(function (index, value ) {
              function replacer(str, p1, p2, offset, s)
              {
                return str.substring(0, str.length - 1);;
              }
                return value.replace/* (/\D/g, "") */ (/[^\d(.{1})]/g, "")
                            .replace(/^(([0-9]+([.]((([0-9]+)?([.]+)([0-9]+)?([.]+)?)|([0-9][0-9][0-9]+))))?)$/g, replacer)
                            .replace(/([0-9])([0-9]{0})$/, '$1$2')
                         .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, "");
                            // .replace(/\B(?=(\d{3})+(?!\d)\.?)([,][\d]{2})?/, ".");
                            // .replace(/(\,\d{3})?*/g, "")
            });
        }
    });


    $("#valorAdicio").on({
        "focus": function (event) {
            $(event.target).select();
        },
        "keyup": function (event) {
            $(event.target).val(function (index, value ) {
              function replacer(str, p1, p2, offset, s)
              {
                return str.substring(0, str.length - 1);;
              }
                return value.replace/* (/\D/g, "") */ (/[^\d(.{1})]/g, "")
                            .replace(/^(([0-9]+([.]((([0-9]+)?([.]+)([0-9]+)?([.]+)?)|([0-9][0-9][0-9]+))))?)$/g, replacer)
                            .replace(/([0-9])([0-9]{0})$/, '$1$2')
                         .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, "");
                            // .replace(/\B(?=(\d{3})+(?!\d)\.?)([,][\d]{2})?/, ".");
                            // .replace(/(\,\d{3})?*/g, "")
            });
        }
    });
    function changeService(idService) {
      if($('.service_'+idService).is(':checked') ) {
        $("#typeService_"+idService).attr("disabled", false);
      }else{
        $("#typeService_"+idService).attr("checked", true);
      }
    }

    $( document ).ready(function() {

      $( "#fechaPromo" ).datepicker({
          format: 'dd/mm/yyyy'
        });
      //$("#fechaInicio").datepicker
      /* $( "#fechaFinal" ).datepicker({format: 'dd/mm/yyyy'}); */
    });
  </script>
@endsection