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

@section('cabecera')
  <div class="row">
    <div class="col-6">
      <h1 style="margin: 15px 0 10px 0;">
        <a href="http://{{$_SERVER["HTTP_HOST"]}}/administrator/productos" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i> Regresar</a>
      </h1>
    </div>
    <div class="col-6 text-right">
      <h1>
        <small> {{  trans('promociones.tituloCategorias') }} </small>
      </h1>
    </div>
  </div>
@endsection

@section('title')
  {{  trans('promociones.tituloCategorias') }}
@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-6">
          <div class="box">
              <div class="box-header with-border">
                  <div class="row">
                      <div class="col-md-6">
                      <h3 class="box-title"> {{  trans('promociones.principales') }} </h3>
                      </div>
                      <!-- <div class="col-md-6 text-right">
                        <a href="javascript:;" data-toggle="modal" data-target="#crearCat" class="btn btn-sm btn-info" data-toggle="tooltip" title="Agregar Categoria"><i class="fa fa-plus"></i></a>
                      </div> -->
                  </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body" >
                  <table class="table table-bordered table-responsive" id="tbActualizar">
                      <thead>
                        <tr>
                          <th class="text-center"> {{  trans('promociones.imagen') }} </th>
                          <th class="text-center"> {{  trans('promociones.nombre') }} </th>
                          <th class="text-center"> {{  trans('promociones.estado') }} </th>
                          <th class="text-center"> {{  trans('promociones.opciones') }} </th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($categorias as $listCat)
                          <tr>
                            <td style="vertical-align: middle;" class="text-center">
                              @if ($listCat->images <> null)
                                <img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="{{env('Image')}}{{$listCat->images}}" width="50">
                              @else
                                <img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/sinImagen/fotoSinImagen/sinImagen.jpg'}}" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" width="50">
                              @endif
                            </td>
                            <td style="vertical-align: middle;" class="text-center">{{$listCat->nombre}}</td>
                            <td style="vertical-align: middle;" class="text-center">
                              @if ($listCat->idEstado == 1)
                                <a href="javascript:;" onclick="stateCat(0,{{$listCat->idCategoria}})"><span class="badge badge-info"> {{  trans('promociones.activo') }} </span></a>
                              @else
                                <a href="javascript:;" onclick="stateCat(1,{{$listCat->idCategoria}})"><span class="badge badge-danger"> {{  trans('promociones.inactivo') }}	</span></a>
                              @endif
                            </td>
                            <td style="vertical-align: middle;" class="text-center">
                              @if ($listCat->idEstado == 1)
                                <a href="javascript:;" onclick="editarCat({{$listCat->idCategoria}})" class="btn btn-sm btn-info"><i class="fa fa-pencil-square-o"></i></a>
                                <a href="javascript:;" onclick="listSubCat({{$listCat->idCategoria}},'{{$listCat->nombre}}')" class="btn btn-sm btn-info"><i class="fa fa-share"></i></a>
                              @endif
                            </td>
                          </tr>
                        @endforeach
                      </tbody>
                  </table>
              </div>
          </div>
      </div>
      <div class="col-6">
        <div class="box" id="subActualizar">
            <div class="box-header with-border">
                <div class="row">
                    <div class="col-md-6">
                      <h3 class="box-title" id="titleSub"></h3>
                    </div>
                    <div class="col-md-6 text-right" id="btnTitleSub">

                    </div>
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <table class="table table-bordered table-responsive" id="tbActualizarSub">
                    <thead>
                      <tr>
                        <th class="text-center"> {{  trans('promociones.imagen') }} </th>
                        <th class="text-center"> {{  trans('promociones.nombre') }} </th>
                        <th class="text-center"> {{  trans('promociones.estado') }} </th>
                        <th class="text-center"> {{  trans('promociones.opciones') }} </th>
                      </tr>
                    </thead>
                    <tbody id="forSubCat">

                    </tbody>
                </table>
            </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="crearCat" tabindex="-1" role="dialog" aria-labelledby="crearCatLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="crearCatLabel"> {{  trans('promociones.crearCategoria') }} </h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <form id="formCat" action="post">
                <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" id="nombre" class="form-control" required onkeyup="slugCat(this.value, 1)" placeholder=" {{  trans('promociones.nombreCategoria') }} ">
                  </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" class="form-control" id="slug" required autocomplete="off" placeholder=" {{  trans('promociones.aliasCategoria') }} ">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('imagen') ? 'has-error' : '' }}">
                    <label for="imagen"> {{  trans('promociones.imagen') }}	</label>
                    <div class="controls">
                      <input type="file" name="imagen" id="imagen" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <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>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
              <button onclick="enviarCat()" type="button" class="btn" style="background: #DB3920;color:#FFF;" > {{  trans('promociones.guardar') }} </button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="modal fade" id="editarCat" tabindex="-1" role="dialog" aria-labelledby="editarCatLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="editarCatLabel"></h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <form id="formCatEDIT" action="post">
                <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="nombreEDIT">Nombre <span class="text-danger">*</span></label>
                    <input type="text" name="nombreEDIT" id="nombreEDIT" class="form-control" required onkeyup="slugCat(this.value, 2)" placeholder="Nombre de la categoria">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('slug') ? 'has-error' : '' }}">
                    <label for="slugEDIT">Alias <span class="text-danger">*</span></label>
                    <input type="text" name="slugEDIT" class="form-control" id="slugEDIT" required autocomplete="off" placeholder="Alias para la categoria">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group {{ $errors->has('imagen') ? 'has-error' : '' }}">
                    <label for="imagenEDIT">Imagen</label>
                    <div class="controls">
                      <input type="file" name="imagenEDIT" id="imagenEDIT" class="form-control">
                      <input type="hidden" id="idCat" name="idCat">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
              <button onclick="actualizarCat()" type="button" class="btn" style="background: #DB3920;color:#FFF;" >Guardar</button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="modal fade" id="crearSubCat" tabindex="-1" role="dialog" aria-labelledby="crearSubCatLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="crearSubCatLabel"></h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <form id="formSubCat" action="post">
                <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="nombreSUB"> {{  trans('promociones.nombre') }} <span class="text-danger">*</span></label>
                    <input type="text" name="nombreSUB" id="nombreSUB" class="form-control" required onkeyup="slugCat(this.value, 3)" placeholder=" {{  trans('promociones.nombreCategoria') }}	">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('slug') ? 'has-error' : '' }}">
                    <label for="slugSUB"> {{  trans('promociones.alias') }} <span class="text-danger">*</span></label>
                    <input type="text" name="slugSUB" class="form-control" id="slugSUB" required autocomplete="off" placeholder=" {{  trans('promociones.aliasCategoria') }} ">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('imagen') ? 'has-error' : '' }}">
                    <label for="imagenSUB"> {{  trans('promociones.imagen') }} </label>
                    <div class="controls">
                      <input type="file" name="imagenSUB" id="imagenSUB" class="form-control">
                      <input type="hidden" id="idPadre" name="idPadre">
                      <input type="hidden" id="nameCat" name="nameCat">
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('estado') ? 'has-error' : '' }}">
                    <label for="estadoSUB"> {{  trans('promociones.estado') }} <span class="text-danger">*</span></label>
                    <select name="estadoSUB" id="estadoSUB" class="form-control">
                      <option value="1"> {{  trans('promociones.activo') }} </option>
                      <option value="0"> {{  trans('promociones.inactivo') }} </option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
              <button onclick="enviarSubCat()" type="button" class="btn" style="background: #DB3920;color:#FFF;" > {{  trans('promociones.guardar') }} </button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="modal fade" id="editarSubCat" tabindex="-1" role="dialog" aria-labelledby="editarSubCatLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="editarSubCatLabel"></h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <form id="formSubCatEDIT" action="post">
                <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="nombreSubEDIT"> {{  trans('promociones.nombre') }} <span class="text-danger">*</span></label>
                    <input type="text" name="nombreSubEDIT" id="nombreSubEDIT" class="form-control" required onkeyup="slugCat(this.value, 4)" placeholder=" {{  trans('promociones.nombreCategoria') }} ">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('slug') ? 'has-error' : '' }}">
                    <label for="slugSubEDIT"> {{  trans('promociones.alias') }} <span class="text-danger">*</span></label>
                    <input type="text" name="slugSubEDIT" class="form-control" id="slugSubEDIT" required autocomplete="off" placeholder=" {{  trans('promociones.aliasCategoria') }} ">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group {{ $errors->has('imagen') ? 'has-error' : '' }}">
                    <label for="imagenSubEDIT"> {{  trans('promociones.imagen') }} </label>
                    <div class="controls">
                      <input type="file" name="imagenSubEDIT" id="imagenSubEDIT" class="form-control">
                      <input type="hidden" id="idSubCat" name="idSubCat">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button type="button" class="btn btn-secondary" data-dismiss="modal"> {{  trans('promociones.cerrar') }} </button>
              <button onclick="actualizarSubCat()" type="button" class="btn" style="background: #DB3920;color:#FFF;" > {{  trans('promociones.guardar') }} </button>
            </div>
          </form>
        </div>
      </div>
    </div>
@endsection

@section('js')
  <script type="text/javascript">
    function enviarCat()
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var formData = new FormData(document.getElementById("formCat"));
      $.ajax({
        url: UrlHost_+"/administrator/productos/categorias/store",
        data: formData,
      	type: 'post',
      	dataType: 'json',
        processData: false,
        contentType: false,
        cache: false,
        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){
          if (response.code == 200) {
            swal.close();
            $("#formCat")[0].reset();
            $("#tbActualizar").load(location.href+" #tbActualizar>*","");
            $("#crearCat").modal('hide');
          }else{
            swal("Info!", response.message, "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }}	", "error");
      	}
      });
    }
    function editarCat(idCategoria)
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var data = {
        "idCategoria": idCategoria
      }
      $.ajax({
        url: UrlHost_+"/administrator/productos/categorias/editar",
        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){
          if (response.code == 200) {
            var slug = response.datos.nombre.toLowerCase();
            var slugNew = slug.replace(/[ ]/gi,'-');
            $("#editarCat").modal('show');
            $("#editarCatLabel").text('Editar '+response.datos.nombre);
            $("#nombreEDIT").val(response.datos.nombre);
            $("#slugEDIT").val(slugNew);
            $("#idCat").val(idCategoria);
            swal.close();
          }else{
            swal("Info!", response.message, "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }}	", "error");
      	}
      });
    }
    function actualizarCat()
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var formData = new FormData(document.getElementById("formCatEDIT"));
      $.ajax({
        url: UrlHost_+"/administrator/productos/categorias/update",
        data: formData,
      	type: 'post',
      	dataType: 'json',
        processData: false,
        contentType: false,
        cache: false,
        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){
          if (response.code == 200) {
            swal.close();
            $("#formCatEDIT")[0].reset();
            $("#tbActualizar").load(location.href+" #tbActualizar>*","");
            $("#editarCat").modal('hide');
          }else{
            swal("Info!", response.message, "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }}	", "error");
      	}
      });
    }
    function stateCat(idEstado,idCategoria)
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var data = {
        "idCategoria": idCategoria,
        "idEstado": idEstado
      }
      $.ajax({
        url: UrlHost_+"/administrator/productos/categorias/stateCat",
        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){
          if (response.code == 200) {
            $("#tbActualizar").load(location.href+" #tbActualizar>*","");
            $("#subActualizar").load(location.href+" #subActualizar>*","");
            swal.close();
          }else{
            swal("Info!", response.message, "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }} ", "error");
      	}
      });
    }
  </script>
  <script type="text/javascript">
    function listSubCat(idCategoria,nombreCat)
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var data = {
        "idCategoria": idCategoria
      }
      $.ajax({
        url: UrlHost_+"/administrator/productos/categorias/listSubCat",
        data: data,
      	type: 'post',
      	dataType: 'json',
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      	},
        beforeSend: function () {
          $("#btnTitleSub").empty();
          $("#forSubCat").empty();
          swal({
            title: " {{  trans('promociones.cargando') }}	",
            text: " {{  trans('promociones.espereUnMomento') }}	",
            showConfirmButton: false
          });
      	},
        success: function(response){
          $("#titleSub").text(nombreCat);
          $("#idPadre").val(idCategoria);
          $("#nameCat").val(nombreCat);
          $("#crearSubCatLabel").text("Crear categoria para "+nombreCat);
          $("#btnTitleSub").append('<div class="input-group"><input type="text" autocomplete="off" id="search" onkeyup="myFunction()" name="search" class="form-control" placeholder=" {{  trans('promociones.buscar') }}	"><span class="input-group-btn"><a href="javascript:;" data-toggle="modal" data-target="#crearSubCat" class="btn btn-sm btn-info" data-toggle="tooltip" title=" {{  trans('promociones.agregarSubCategoria') }}	"><i class="fa fa-plus"></i></a></span>');
          if (response.code == 200) {
            $.each(response.datos, function(j, listCat){
              if (listCat.images != 0) {
                var url = "{{env('Image')}}";
                if (listCat.idEstado == 1) {
                  $("#forSubCat").append('<tr>'+
                    '<td style="vertical-align: middle;" class="text-center"><img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="'+url+listCat.images+'" width="50"></td>'+
                    '<td style="vertical-align: middle;" class="text-center">'+listCat.nombre+'</td>'+
                    '<td style="vertical-align: middle;" class="text-center"><a href="javascript:;" onclick="stateSubCat(0,'+listCat.idCategoria+')"><span class="badge badge-info"> {{  trans('promociones.activo') }}	</span></a></td>'+
                    '<td style="vertical-align: middle;" class="text-center"><a href="javascript:;" onclick="editarSubCat('+listCat.idCategoria+')" class="btn btn-sm btn-info"><i class="fa fa-pencil-square-o"></i></a></td>'+
                  '</tr>');
                }else{
                  $("#forSubCat").append('<tr>'+
                    '<td style="vertical-align: middle;" class="text-center"><img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="'+url+listCat.images+'" width="50"></td>'+
                    '<td style="vertical-align: middle;" class="text-center">'+listCat.nombre+'</td>'+
                    '<td style="vertical-align: middle;" class="text-center"><a href="javascript:;" onclick="stateSubCat(1,'+listCat.idCategoria+')"><span class="badge badge-danger"> {{  trans('promociones.inactivo') }}	</span></a></td>'+
                    '<td style="vertical-align: middle;" class="text-center"><a href="javascript:;" onclick="editarSubCat('+listCat.idCategoria+')" class="btn btn-sm btn-info"><i class="fa fa-pencil-square-o"></i></a></td>'+
                  '</tr>');
                }
              }else{
                var url = "{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/sinImagen/fotoSinImagen/sinImagen.jpg'}}";
                if (listCat.idEstado == 1) {
                  $("#forSubCat").append('<tr>'+
                    '<td style="vertical-align: middle;" class="text-center"><img src="'+url+'" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" width="50"></td>'+
                    '<td style="vertical-align: middle;" class="text-center">'+listCat.nombre+'</td>'+
                    '<td style="vertical-align: middle;" class="text-center"><a href="javascript:;" onclick="stateSubCat(0,'+listCat.idCategoria+')"><span class="badge badge-info"> {{  trans('promociones.activo') }}	</span></a></td>'+
                    '<td style="vertical-align: middle;" class="text-center"><a href="javascript:;" onclick="editarSubCat('+listCat.idCategoria+')" class="btn btn-sm btn-info"><i class="fa fa-pencil-square-o"></i></a></td>'+
                  '</tr>');
                }else{
                  $("#forSubCat").append('<tr>'+
                    '<td style="vertical-align: middle;" class="text-center"><img src="'+url+'" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" width="50"></td>'+
                    '<td style="vertical-align: middle;" class="text-center">'+listCat.nombre+'</td>'+
                    '<td style="vertical-align: middle;" class="text-center"><a href="javascript:;" onclick="stateSubCat(1,'+listCat.idCategoria+')"><span class="badge badge-danger"> {{  trans('promociones.inactivo') }}	</span></a></td>'+
                    '<td style="vertical-align: middle;" class="text-center"><a href="javascript:;" onclick="editarSubCat('+listCat.idCategoria+')" class="btn btn-sm btn-info"><i class="fa fa-pencil-square-o"></i></a></td>'+
                  '</tr>');
                }

              }

            });
          }
          swal.close();
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }}	", "error");
      	}
      });
    }
    function enviarSubCat()
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var formData = new FormData(document.getElementById("formSubCat"));
      $.ajax({
        url: UrlHost_+"/administrator/productos/categorias/sub/store",
        data: formData,
      	type: 'post',
      	dataType: 'json',
        processData: false,
        contentType: false,
        cache: false,
        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){
          if (response.code == 200) {
            swal.close();
            $("#formSubCat")[0].reset();
            $("#crearSubCat").modal('hide');
            var nameCat = $("#nameCat").val();
            var idPadre = $("#idPadre").val();
            listSubCat(idPadre,nameCat);
          }else{
            swal("Info!", response.message, "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }} ", "error");
      	}
      });
    }
    function editarSubCat(idCategoria)
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var data = {
        "idCategoria": idCategoria
      }
      $.ajax({
        url: UrlHost_+"/administrator/productos/categorias/editar",
        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){
          if (response.code == 200) {
            var slug = response.datos.nombre.toLowerCase();
            var slugNew = slug.replace(/[ ]/gi,'-');
            $("#editarSubCat").modal('show');
            $("#editarSubCatLabel").text('Editar '+response.datos.nombre);
            $("#nombreSubEDIT").val(response.datos.nombre);
            $("#slugSubEDIT").val(slugNew);
            $("#idSubCat").val(idCategoria);
            swal.close();
          }else{
            swal("Info!", response.message, "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }}	", "error");
      	}
      });
    }
    function actualizarSubCat()
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var formData = new FormData(document.getElementById("formSubCatEDIT"));
      $.ajax({
        url: UrlHost_+"/administrator/productos/categorias/sub/update",
        data: formData,
      	type: 'post',
      	dataType: 'json',
        processData: false,
        contentType: false,
        cache: false,
        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){
          if (response.code == 200) {
            swal.close();
            $("#formSubCatEDIT")[0].reset();
            $("#editarSubCat").modal('hide');
            var nameCat = $("#nameCat").val();
            var idPadre = $("#idPadre").val();
            listSubCat(idPadre,nameCat);
          }else{
            swal("Info!", response.message, "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }} ", "error");
      	}
      });
    }
    function stateSubCat(idEstado,idCategoria)
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var data = {
        "idCategoria": idCategoria,
        "idEstado": idEstado
      }
      $.ajax({
        url: UrlHost_+"/administrator/productos/categorias/stateCat",
        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){
          if (response.code == 200) {
            var nameCat = $("#nameCat").val();
            var idPadre = $("#idPadre").val();
            listSubCat(idPadre,nameCat);
            swal.close();
          }else{
            swal("Info!", response.message, "info");
          }
        },
        error: function(xhr){
          swal("Error!", " {{  trans('promociones.errorMessage') }}	", "error");
      	}
      });
    }
  </script>
  <script type="text/javascript">
    function slugCat(value, item) {
      var slugCat = value.toLowerCase();
      var userName = "{!! Auth::user()->userName !!}";
      var slug = slugCat.replace(/[ ]/gi,'-');
      if (item == 1) {
        $('#slug').val(slug+'-'+userName);
      }else if(item == 2){
        $('#slugEDIT').val(slug+'-'+userName);
      }else if(item == 3){
        $('#slugSUB').val(slug+'-'+userName);
      }else if(item == 4){
        $('#slugSubEDIT').val(slug+'-'+userName);
      }
    }
    function myFunction() {
      var busqueda = document.getElementById('search');
      var table = document.getElementById("tbActualizarSub").tBodies[0];

      buscaTabla = function(){
        texto = busqueda.value.toLowerCase();
        var r=0;
        while(row = table.rows[r++])
        {
          if ( row.innerText.toLowerCase().indexOf(texto) !== -1 )
            row.style.display = null;
          else
            row.style.display = 'none';
        }
      }

      busqueda.addEventListener('keyup', buscaTabla);
    }
  </script>
@endsection