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

@section('style')
  <style media="screen">
    .loaderProduct {
      border: 5px solid #f3f3f3;
      border-radius: 50%;
      border-top: 5px solid #1e88e5;
      width: 50px;
      height: 50px;
      margin: auto;
      -webkit-animation: spin 0.7s linear infinite; /* Safari */
      animation: spin 0.7s linear infinite;
    }

    /* Safari */
    @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
  </style>
@endsection

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

@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.tituloPromocionesProductos') }} </small>
      </h1>
    </div>
  </div>
@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

  <div class="row">
    <div class="col-lg-5">
      <div class="info-box">
        <div class="text-center" style="width:100%;">
          <img src="{{env('Image')}}{{$product->imagen}}" style="width:100%;border-radius: 10px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);" alt="{{$product->nombre}}">
        </div>
        <form id="formImagenP">
          <div class="form-group" style="margin-bottom: auto;margin-top: 15px;">
            <div class="input-group">
              <input type="file" name="imagen" id="imagen" class="form-control">
              <span class="input-group-btn">
                <button type="submit" class="btn btn-info" data-toggle="tooltip" title="Subir Nueva imagen"><i class="fa fa-upload" aria-hidden="true"></i></button>
              </span>
            </div>
          </div>
        </form>
      </div>
      <div class="info-box bg-blue" style="min-height: 0;">
        <div class="container">
          <div class="row">
            <div class="col-12 text-center">
              <h2 class="font-weight-500">{{App\Helpers\monedaH::getCurrentSimbol()}} <span id="valueTitle">{{ $product->valor}}</span></h2>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-7">
      <div class="info-box">
        <form action="{{route('promociones.updateP',$product)}}" method="POST" enctype="multipart/form-data" >
        @csrf
        <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

        @method('PUT')
        <input type="hidden" name="urlback" value="{{url()->previous()}}">
        <div class="box-body">
          <div class="row">
            <div class="col-md-12">
              <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)"
                    autocomplete="off"
                    value="{{$product->nombre}}"
                    placeholder=" {{  trans('promociones.nombrePlace') }} " >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <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"
                    class="form-control"
                    id="slug"
                    value="{{$product->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"
                    >{{$product->descripcion}}</textarea>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <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="{{ $product->valor}}"
                    class="form-control"
                    required
                    autocomplete="off"
                    placeholder=" {{  trans('promociones.valorProducto') }} ">
              </div>
            </div>
            <div class="col-md-6">
                <label for="selectEstado"> {{  trans('promociones.estado') }} </label>
                <select name="idEstado" id="selectEstado" class="form-control" onchange="selectStateProduct(this.value)">
                    @if ($product->idEstado == 1)
                        <option value="1" selected> {{  trans('promociones.activo') }} </option>
                        <option value="0"> {{  trans('promociones.inactivo') }} </option>
                    @else
                        <option value="1" > {{  trans('promociones.activo') }} </option>
                        <option value="0" selected> {{  trans('promociones.inactivo') }} </option>
                    @endif
                </select>
            </div>
          </div>
          <div class="row">
            @if ($comercio->idPerfil == 68)
            <div class="col-md-6">
              <div class="form-group {{ $errors->has('categoria') ? 'has-error' : '' }}">
                <label for="categoria"> {{  trans('promociones.categoria') }} <span class="text-danger">*</span></label>
                <select name="categoria" class="form-control" onchange="selecCat(this.value)" >
                    @foreach ($categorias as $itemCat)
                        @if ($catSelec->idPadre == $itemCat->idCategoria)
                            <option selected value="{{$itemCat->idCategoria}}">{{$itemCat->nombre}}</option>
                        @else
                            <option value="{{$itemCat->idCategoria}}">{{$itemCat->nombre}}</option>
                        @endif
                    @endforeach
                </select>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group {{ $errors->has('subCategorias') ? 'has-error' : '' }}">
                <label for="subCategorias"> {{  trans('promociones.categoria') }} <span class="text-danger">*</span></label>
                <select name="subCategorias" id="subCategorias" class="form-control">
                    @foreach ($subCat as $itemSubCat)
                      @if ($itemSubCat->idCategoria == $product->idSubCategoria)
                        <option selected value="{{$itemSubCat->idCategoria}}">{{$itemSubCat->nombre}}</option>
                      @else
                        <option value="{{$itemSubCat->idCategoria}}">{{$itemSubCat->nombre}}</option>
                      @endif
                    @endforeach
                </select>
              </div>
            </div>
            @endif
            @if ($comercio->idPerfil != 68)
              <div class="col-md-4">
                <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($listComanda->idComanda == $product->idComanda)
                        <option selected value="{{$listComanda->idComanda}}">{{$listComanda->nombre}}</option>
                      @else
                        <option value="{{$listComanda->idComanda}}">{{$listComanda->nombre}}</option>
                      @endif
                    @endforeach
                  </select>
                </div>
              </div>
            @endif
            
          </div>
          <div class="row">
            <div class="col-md-8">
              <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" value="{{$product->tiempo}}" class="form-control" onkeyup="numero(this.value, 'tiempo')" name="tiempo" id="tiempo">
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-check form-check-inline" style="margin-top: 30px;">
                  @if($product->sin_proceso == 0)
                      <input type="checkbox" name="checkbox_sin_procesar" id="checkbox_sin_procesar" class="filled-in" />
                  @else
                      <input type="checkbox" name="checkbox_sin_procesar" checked id="checkbox_sin_procesar" class="filled-in" />
                  @endif
                  <label for="checkbox_sin_procesar"> {{  trans('promociones.sinProcesar') }} </label>
              </div>
            </div>
          </div>
          <div class="row" id="updateCantProduct">
            <div class="col-8">
              <h5 style="margin-top: 10px;"> {{  trans('promociones.cantidadSeleccionar') }} </h5>
            </div>
            <div class="col-4">
              @if(!empty($product->funPrueba->max))
                <input type="text" value="{{$product->funPrueba->max}}" onkeyup="numero(this.value, 'acompañante')" name="MaxA" id="MaxA" class="form-control" placeholder=" {{  trans('promociones.max') }} ">
              @else
                <input type="text" name="MaxA" id="MaxA" class="form-control" onkeyup="numero(this.value, 'acompañante')" placeholder=" {{  trans('promociones.max') }} ">
              @endif
            </div>
          </div>
          <div class="row">
            <div class="col-12 text-center">
              <input type="submit" class="btn btn-info margin-top-10" value=" {{  trans('promociones.guardarCambios') }} ">
            </div>
          </div>
        </div>
        </form>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h5> {{  trans('promociones.actualizacionPromocios') }} </h5>
        </div>
        <div class="card-body">
          <form action="{{route('promociones.editPromo')}}" method="post" id="formActualizarProm">
            @csrf
            <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

            <input type="hidden" name="idPromocion" value="{{$product->funPromocion->idPromociones}}">
            <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" value="{{$product->funPromocion->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 value="{{date('d/m/Y', strtotime($product->funPromocion->fecha_finalizacion))}}">
                    </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="5">{{$product->funPromocion->tipoComida}}</textarea>
                            {{-- <input type="text"  name="tipoComida" id="tipoComida"> --}}
                            <small> {{  trans('promociones.facilFiltrado') }}	</small>
                        </div>
                    </div>
              </div>
          <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>
              <div class="row">
                <div class="col-md-12 text-center pt-5">
                  <a href="javascript:;" onclick="sendForm()" class="btn btn-info"> {{  trans('promociones.actualizarPromocion') }} </a>
                </div>
              </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  <hr>
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          <div class="col-6">
            <h5 style="margin:0;"> {{  trans('promociones.ingredienteBase') }} </h5>
          </div>
          <div class="col-6">
            <h5 style="margin:0;"> {{  trans('promociones.ingredientesOpcionales') }} </h5>
          </div>
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-6">
              <div class="input-group">
                <input type="text" id="newIngreObliga" autocomplete="off" placeholder="Ingredientes Bases" 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/>
              @if(!empty($dataIngreObligatorio))
              <div id="tableIngreObligatorio" class="tableUpdate" style="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">
                    @php $id = 1; @endphp
                    @foreach ($dataIngreObligatorio as $itemIngreObliga)
                        <tr>
                          <td class="text-center">{{$id}}</td>
                          <td class="text-center">{{$itemIngreObliga->nombre}}</td>
                          <td class="text-center"><a href="javascript:;" onclick="eliminarIngre({{$itemIngreObliga->idConfigProducto}})" class="btn btn-danger"><i class="fa fa-times"></i></a></td>
                        </tr>
                      @php $id++; @endphp
                    @endforeach
                  </tbody>
                </table>
              </div>
              @endif
            </div>
            <div class="col-md-6">
              <div class="input-group">
                <input type="text" id="newAcompañante" autocomplete="off" placeholder=" {{  trans('promociones.ingredientesOpcionales') }} " class="form-control">
                <div class="input-group-prepend">
                  <div class="input-group-text">
                    <a href="javascript:;" onclick="agregarAcompañante()" class="btn btn-success"><i class="fa fa-plus" aria-hidden="true"></i></a>
                  </div>
                </div>
              </div>
              <br/>
              @if(!empty($dataAcompa))
              <div id="tableAcompañante" class="tableUpdate" style="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">
                    @php $id = 1; @endphp
                    @foreach ($dataAcompa as $itemAcompañante)
                        <tr>
                          <td class="text-center">{{$id}}</td>
                          <td class="text-center">{{$itemAcompañante->nombre}}</td>
                          <td class="text-center"><a href="javascript:;" onclick="eliminarIngre({{$itemAcompañante->idConfigProducto}})" class="btn btn-danger"><i class="fa fa-times"></i></a></td>
                        </tr>
                      @php $id++; @endphp
                    @endforeach
                  </tbody>
                </table>
              </div>
              @endif
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          <div class="col-6">
            <h5 style="margin:0;"> {{  trans('promociones.ingredientes') }} </h5>
          </div>
          <div class="col-6 ">
            <h5 style="margin:0;"> {{  trans('promociones.ingredientesAdicionales') }} </h5>
          </div>
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-6">
              <div class="input-group">
                <input type="text" id="newIngre" autocomplete="off" placeholder="Ingredientes" 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>  {{  trans('promociones.agregar') }} </a>
                  </div>
                </div>
              </div>
              <br/>
              @if(!empty($dataIngre))
              <div id="tableIngre" class="tableUpdate" style="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">
                    @php $id = 1; @endphp
                    @foreach ($dataIngre as $itemIngre)
                        <tr>
                          <td class="text-center">{{$id}}</td>
                          <td class="text-center">{{$itemIngre->nombre}}</td>
                          <td class="text-center"><a href="javascript:;" onclick="eliminarIngre({{$itemIngre->idConfigProducto}})" class="btn btn-danger"><i class="fa fa-times"></i></a></td>
                        </tr>
                      @php $id++; @endphp
                    @endforeach
                  </tbody>
                </table>
              </div>
              @endif
            </div>
            <div class="col-md-6">
              <div class="input-group">
                <input type="text" id="newAdicio" style="margin-right: 10px;" autocomplete="off" placeholder="Ingredientes Adicionales" 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>  {{  trans('promociones.agregar') }} </a>
                  </div>
                </div>
              </div>
              <br/>
              @if(!empty($dataAdicio))
              <div id="tableAdicio" class="tableUpdate" style="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">
                      @php $id = 1; @endphp
                      @foreach ($dataAdicio as $itemIngre)
                        <tr>
                          <td class="text-center">{{$id}}</td>
                          <td class="text-center">{{$itemIngre->nombre}}</td>
                          <td class="text-center">{{$itemIngre->valor}}</td>
                          <td class="text-center"><a href="javascript:;" onclick="eliminarIngre({{$itemIngre->idConfigProducto}})" class="btn btn-danger"><i class="fa fa-times"></i></a></td>
                        </tr>
                        @php $id++; @endphp
                      @endforeach
                  </tbody>
                </table>
              </div>
              @endif
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


@endsection

@section('js')
  <script type="text/javascript">
    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") {
          $("#MaxA").val("");
        }

      }
    }
    function validarValor(numero){
      if (!/^([0-9])*$/.test(numero)){
        document.getElementById("valorAdicio").value="";
      }
    }
    function selecCat(idCategoria)
    {
      var data = {
        "idCategoria": idCategoria
      }
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/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){
              $("#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">
    function agregarAcompañante()
    {
      var newAcompañante = $("#newAcompañante").val();
      if (newAcompañante == '') {
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.nombreVacio') }} ",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }
      var idProducto = {{$product->idProducto}};

      var formData = new FormData();
      formData.append("newAcompañante", newAcompañante);
      formData.append("idProducto", idProducto);

      var host = "{{$_SERVER["HTTP_HOST"]}}";

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/agregarAcompañante",
        data: formData,
        type: 'post',
        dataType: 'json',
        cache: false,
        contentType: false,
        processData: false,
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }} ",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
        },
        success: function(response){
          if (response.code == 200) {
            $("#newAcompañante").val('');
            $("#tableAcompañante").load(location.href+" #tableAcompañante>*","");
          }
          swal.close();
        },
        error: function(xhr){
          console.log(xhr);
        }
      });
    }
    function agregarIngredienteObligatorio(){
      var newIngredienteObliga = $("#newIngreObliga").val();
      if (newIngredienteObliga == '') {
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.nombreVacio') }} ",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }
      var idProducto = {{$product->idProducto}};
      var formData = new FormData();
      formData.append("newIngredienteObliga", newIngredienteObliga);
      formData.append("idProducto", idProducto);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/agregarIngreObliga",
        data: formData,
        type: 'post',
        dataType: 'json',
        cache: false,
        contentType: false,
        processData: false,
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }}	",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
        },
        success: function(response){
          if (response.code == 200) {
            $("#newIngreObliga").val('');
            $("#tableIngreObligatorio").load(location.href+" #tableIngreObligatorio>*","");
          }
          swal.close();
        },
        error: function(xhr){
          console.log(xhr);
        }
      });
    }
  </script>

  <script type="text/javascript">
    function agregarIngrediente(){
      var newIngrediente = $("#newIngre").val();
      if (newIngrediente == '') {
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.nombreVacio') }} ",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }
      var idProducto = {{$product->idProducto}};
      var formData = new FormData();
      formData.append("newIngrediente", newIngrediente);
      formData.append("idProducto", idProducto);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/agregarIngre",
        data: formData,
        type: 'post',
        dataType: 'json',
        cache: false,
        contentType: false,
        processData: false,
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }} ",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
        },
        success: function(response){
          if (response.code == 200) {
            $("#newIngre").val('');
            $("#tableIngre").load(location.href+" #tableIngre>*","");
          }
          swal.close();
        },
        error: function(xhr){
          console.log(xhr);
        }
      });
    }
  </script>

  <script type="text/javascript">
    function agregarAdicionales(){
      var newAdicion = $("#newAdicio").val();
      var newValorAdicio = $("#valorAdicio").val();
      if (newAdicion == '') {
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.nombreVacio') }}	",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }else if(newValorAdicio == ''){
        swal({
          title: "Enjoit.co",
          text: " {{  trans('promociones.nombreVacio') }}	",
          type: "info",
          animation: false,
          showConfirmButton: true
        });
        return;
      }
      var idProducto = {{$product->idProducto}};
      var formData = new FormData();
      formData.append("newAdicion", newAdicion);
      formData.append("newValorAdicio", newValorAdicio);
      formData.append("idProducto", idProducto);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/agregarAdicio",
        data: formData,
        type: 'post',
        dataType: 'json',
        cache: false,
        contentType: false,
        processData: false,
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }} ",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
        },
        success: function(response){
          if (response.code == 200) {
            $("#newAdicio").val('');
            $("#valorAdicio").val('');
            $("#tableAdicio").load(location.href+" #tableAdicio>*","");
          }
          swal.close();
        },
        error: function(xhr){
          console.log(xhr);
        }
      });
    }
  </script>

  <script type="text/javascript">
    function eliminarIngre(item){
      var formData = new FormData();
      formData.append("idIngrediente", item);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/eliminarIngre",
        data: formData,
      	type: 'post',
      	dataType: 'json',
        cache: false,
        contentType: false,
        processData: false,
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      	},
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }} ",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
      	},
        success: function(response){
          if (response.code == 200) {
            if (response.data == 'I') {
              $("#tableIngre").load(location.href+" #tableIngre>*","");
            }else if(response.data == 'A'){
              $("#tableAdicio").load(location.href+" #tableAdicio>*","");
            }else if(response.data == 'AC'){
              $("#tableAcompañante").load(location.href+" #tableAcompañante>*","");
              $("#updateCantProduct").load(location.href+" #updateCantProduct>*","");
            }else if(response.data == 'O'){
              $("#tableIngreObligatorio").load(location.href+" #tableIngreObligatorio>*","");
            }
            swal.close();
          }

        },
        error: function(xhr){
          console.log(xhr);
      	}
      });
    }
  </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, "")
            });
        }
    });
  </script>

  {{-- Script Delete Imagenes --}}
  <script type="text/javascript">
    function deleteImagenes(idImagen) {
      var idProducto = {{$product->idProducto}};
      var formData = new FormData();
      formData.append("idProducto", idProducto);
      formData.append("idImagen", idImagen);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/deleteImagenes",
        data: formData,
      	type: 'post',
      	dataType: 'json',
        cache: false,
        contentType: false,
        processData: false,
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      	},
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }}	",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
      	},
        success: function(response){
          if (response.state == 1) {
            $('#selectEstado').val(value);
            swal({
              title: response.title,
              text: response.message,
              type: "success",
              confirmButtonColor: "#1e88e5",
              confirmButtonText: "Ok!",
              closeOnConfirm: false
            },
            function(){
              location.reload();
            });
          }else if (response.state == 2) {
            swal({
              title: response.title,
              text: response.message,
              type: "info",
              animation: false,
              showConfirmButton: true
            });
          }else{
            swal({
              title: response.title,
              text: response.message,
              type: "warning",
              animation: false,
              showConfirmButton: true
            });
          }
        },
        error: function(xhr){
          console.log(xhr);
          swal("Ups!", " {{  trans('promociones.errorMessage') }}	", "warning");
      	}
      });
    }
  </script>

  {{-- Script de Cambio de estado del Producto --}}
  <script type="text/javascript">
    function selectStateProduct(value) {
      var idProducto = {{$product->idProducto}};
      var formData = new FormData();
      formData.append("idProducto", idProducto);
      formData.append("idEstado", value);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/stateProduct",
        data: formData,
      	type: 'post',
      	dataType: 'json',
        cache: false,
        contentType: false,
        processData: false,
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      	},
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }} ",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
      	},
        success: function(response){
          if (response.state == 1) {
            $('#selectEstado').val(value);
            swal({
              title: response.title,
              text: response.message,
              type: "success",
              confirmButtonColor: "#1e88e5",
              confirmButtonText: "Ok!",
              closeOnConfirm: false
            },
            function(){
              swal.close();
            });
          }else if (response.state == 2) {
            $('#selectEstado').val({{$product->idEstado}});
            swal({
              title: response.title,
              text: response.message,
              type: "info",
              animation: false,
              showConfirmButton: true
            });
          }else{
            $('#selectEstado').val({{$product->idEstado}});
            swal({
              title: response.title,
              text: response.message,
              type: "warning",
              animation: false,
              showConfirmButton: true
            });
          }
        },
        error: function(xhr){
          console.log(xhr);
          $('#selectEstado').val({{$product->idEstado}});
          swal("Ups!", " {{  trans('promociones.errorMessage') }}	", "warning");
      	}
      });
    }
  </script>

  {{-- Script Guardar Imagenes del Producto --}}
  <script type="text/javascript">
    $("#formImagenP").on("submit", function(e){
      e.preventDefault();
      var idProducto = {{$product->idProducto}};
      var formData = new FormData(document.getElementById("formImagenP"));
      formData.append("idProducto", idProducto);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/updateImage",
        data: formData,
      	type: 'post',
      	dataType: 'json',
        cache: false,
        contentType: false,
        processData: false,
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      	},
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }} ",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
      	},
        success: function(response){
          if (response.state == 1) {
            swal({
              title: response.title,
              text: response.message,
              type: "success",
              confirmButtonColor: "#1e88e5",
              confirmButtonText: "Ok!",
              closeOnConfirm: false
            },
            function(){
              location.reload();
            });
          }else if (response.state == 2) {
            swal({
              title: response.title,
              text: response.message,
              type: "info",
              animation: false,
              showConfirmButton: true
            });
          }else{
            swal({
              title: response.title,
              text: response.message,
              type: "warning",
              animation: false,
              showConfirmButton: true
            });
          }
        },
        error: function(xhr){
          console.log(xhr);
          swal("Ups!", " {{  trans('promociones.errorMessage') }} ", "warning");
      	}
      });
    });

    $("#formSaveImagenes").on("submit", function(e){
      e.preventDefault();

      var idProducto = {{$product->idProducto}};
      var formData = new FormData(document.getElementById("formSaveImagenes"));
      formData.append("idProducto", idProducto);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/promociones/updateImagenes",
        data: formData,
      	type: 'post',
      	dataType: 'json',
        cache: false,
        contentType: false,
        processData: false,
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      	},
        beforeSend: function () {
          swal({
            title: " {{  trans('promociones.cargando') }}	",
            text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
            html: true,
            animation: false,
            showConfirmButton: false
          });
      	},
        success: function(response){
          if (response.state == 1) {
            swal({
              title: response.title,
              text: response.message,
              type: "success",
              confirmButtonColor: "#1e88e5",
              confirmButtonText: "Ok!",
              closeOnConfirm: false
            },
            function(){
              location.reload();
            });
          }else if (response.state == 2) {
            swal({
              title: response.title,
              text: response.message,
              type: "info",
              animation: false,
              showConfirmButton: true
            });
          }else{
            swal({
              title: response.title,
              text: response.message,
              type: "warning",
              animation: false,
              showConfirmButton: true
            });
          }
        },
        error: function(xhr){
          console.log(xhr);
          swal("Ups!", " {{  trans('promociones.errorMessage') }} ", "warning");
      	}
      });
    });

    function changeService(idService) {
      if($('.service_'+idService).is(':checked') ) {
        $("#typeService_"+idService).attr("disabled", false);
      }else{
        $("#typeService_"+idService).attr("checked", true);
      }
    }

    function consultarService() {
      var selectM = {!! json_encode($servicios) !!};
      var dataservice = {!! json_encode($dataService) !!}
      console.log(dataservice[0])
        $.each(selectM, function(j, listSelect){
          //activar todos los checked
          switch (listSelect.idValorParametro){
            case 36:
            if (dataservice[0].ordenar == 1) {$("#typeService_"+listSelect.idValorParametro).attr("checked", true);}
            break;
            case 37:
            if (dataservice[0].parallevar == 1) {$("#typeService_"+listSelect.idValorParametro).attr("checked", true);}
            break;
            case 38:
            if (dataservice[0].domicilio == 1) {$("#typeService_"+listSelect.idValorParametro).attr("checked", true);}
            break;
          }
          // console.log(listSelect)
          // $("#typeService_"+listSelect.idValorParametro).attr("checked", true);

          // //funcion de la principal
          // if(listSelect) {
          //   $("#typeService_"+listSelect.idValorParametro).attr("disabled", true);
          // }

        });
    }

    $(document).ready(function() {
      consultarService();
      $( "#fechaPromo" ).datepicker({
          format: 'dd/mm/yyyy'
        });
    })

    function sendForm(){
      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);

      $("#formActualizarProm").submit();
    }
  </script>
@endsection