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

@section('style')
  <style media="screen">

  .disabled {
    cursor: not-allowed;
    pointer-events: none;
  }
  .pagination{
    display:inline-block;
    padding-left:0;
    margin: 10px 0 -10px 0;
  }
  .pagination>li{
    display:inline
  }
  .pagination li a,.pagination li span{
    position:relative;
    float:left;
    padding:6px 12px;
    margin: 0 -1px 0 -1px;
    line-height:1.42857143;
    color:#337ab7;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ddd
  }
  .pagination li:first-child a,.pagination li:first-child span{
    margin-left:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
  }
  .pagination li:last-child a,.pagination li:last-child span{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
  }
  .pagination li a:focus,.pagination li a:hover,.pagination li span:focus,.pagination li span:hover{
    z-index:2;
    color:#23527c;
    background-color:#eee!important;
    border-color:#eee;
  }
  .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    z-index:3;
    color:#fff;
    cursor:default;
    background-color:#337ab7!important;
    border-color:#337ab7;
  }
  .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
    color:#777;
    cursor:not-allowed;
    background-color:#fff;
    border-color:#ddd
  }
  .pagination-lg li a,.pagination-lg li span{
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333
  }
  .pagination-lg li:first-child>a,.pagination-lg li:first-child span{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
  }
  .pagination-lg li:last-child a,.pagination-lg li:last-child span{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
  }
  </style>
@endsection

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

@section('cabecera')
  @include('system.promociones.cabecera')
@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
            @if(Session::has('message_error_moneda'))
            <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_moneda')}} 😒
                 <div class="row mt-10">
                   <div class="col">
                     <a href="{{ route('miPerfil') }}" class="btn btn-primary" style="text-decoration: none"> {{  trans('classMonedaH.configurarMoneda') }}</a>
                   </div>
                 </div>
            </div>
            <style>
              .monedaerr{
                visibility: hidden;
              }
            </style>
        @endif
        </div>
        <div class="col-12">
            <div class="box">
                <div class="box-header with-border">
                    <div class="row">
                        <div class="col-md-6">
                        <h3 class="box-title"> {{  trans('promociones.listaPromocionesPorcentuales') }} <i data-toggle="collapse" href="#collapseExample" class="fa fa-filter" aria-hidden="true"></i></h3>
                        @if(count($search) > 0)
                          <a href="{{route('promociones.productos')}}" class="btn btn-sm btn-danger">
                            <i class="fa fa-trash"></i>
                          </a>
                        @endif
                        </div>
                        <div class="col-md-6 text-right">
                          <a href="{{route('listCatP')}}" class="btn btn-sm btn-info" data-toggle="tooltip" title="{{ trans('promociones.listaCategorias') }}"><i class="fa fa-list"></i> {{  trans('promociones.categorias') }} </a>
                          <a href="{{route('promociones.createP')}}" class="btn btn-sm btn-info" data-toggle="tooltip" title="{{ trans('promociones.agregarProducto') }}"><i class="fa fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="collapse" id="collapseExample">
                        <div class="card card-body">
                            <form action="" method="get">
                                <div class="row">
                                    <div class="col-3">
                                        <div class="form-group">
                                            <label for="nombre"> {{  trans('promociones.nombre') }} </label>
                                            <input type="text"
                                                name="nombre"
                                                id="nombre"
                                                class="form-control"
                                                autocomplete="off"
                                                placeholder="{{  trans('promociones.nombre') }}">
                                        </div>
                                    </div>
                                    <div class="col-3">
                                      <div class="form-group">
                                          <label for="valorProducto"> {{  trans('promociones.valorProducto') }}	</label>
                                          <input type="text"
                                              name="valorProducto"
                                              class="form-control"
                                              id="valorProducto"
                                              autocomplete="off"
                                              placeholder=" {{  trans('promociones.valorProductoPlace') }} ">
                                      </div>
                                    </div>
                                    <div class="col-6">
                                      <div class="form-group">
                                          <label for="categoria">Categoria</label>
                                          <select id="categoria" name="categoria" class="form-control">
                                            <option value=""> {{  trans('promociones.seleccioneCategoria') }}</option>
                                            @foreach($categorias as $listCat)
                                              <option value="{{$listCat->idCategoria}}">{{$listCat->nombre}}</option>
                                            @endforeach
                                          </select>
                                      </div>
                                    </div>
                                </div>
                                <div class="row">
                                  <div class="col-6">
                                    <div class="form-group">
                                        <label for="comanda"> {{  trans('promociones.comanda') }} </label>
                                        <select id="comanda" name="comanda" class="form-control">
                                          <option value=""> {{  trans('promociones.seleccionComanda') }} </option>
                                          @foreach($comandas as $listComanda)
                                            <option value="{{$listComanda->idComanda}}">{{$listComanda->nombre}}</option>
                                          @endforeach
                                        </select>
                                    </div>
                                  </div>
                                  <div class="col-6">
                                    <div class="form-group">
                                        <label for="estado"> {{  trans('promociones.estado') }}	</label>
                                        <select id="estado" name="estado" class="form-control">
                                          <option value=""> {{  trans('promociones.seleccionEstado') }} </option>
                                          <option value="1"> {{  trans('promociones.activo') }}	</option>
                                          <option value="0"> {{  trans('promociones.inactivo') }} </option>
                                        </select>
                                    </div>
                                  </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <input type="submit" class="btn btn-info btn-sm" value="Buscar">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <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.valor') }} </th>
                            <th class="text-center"> {{  trans('promociones.categoria') }} </th>
                            <th class="text-center"> {{  trans('promociones.comanda') }} </th>
                            <th class="text-center"> {{  trans('promociones.estado') }} </th>
                            <th class="text-center"> {{  trans('promociones.opciones') }} </th>
                          </tr>
                        </thead>
                        <tbody>
                          @foreach ($promociones as $listproduct)
                            @if ($listproduct->funProduct != null)
                              <tr>
                                <td style="vertical-align: middle;" class="text-center">
                                  @if($listproduct->imagen == null)
                                    <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">
                                  @else
                                    <img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="{{env('Image')}}{{$listproduct->imagen}}" width="50">
                                  @endif
                                </td>
                                <td style="vertical-align: middle;" class="text-center">
                                  {{substr($listproduct->funProduct->nombre, 0, 50)}}...
                                  <a href="{{route('calificacion')}}">
                                  @switch($listproduct->funProduct->valoracion)
                                    @case(1)
                                      <i style="color:yellow" class="fa fa-star fa-2x"></i>
                                      @break
                                    @case(2)
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      @break
                                    @case(3)
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      @break
                                    @case(4)
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      @break
                                    @case(5)
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      <i style="color:yellow" class="fa fa-star"></i>
                                      @break
                                    @default
                                @endswitch
                                </a>
                                </td>
                                <td style="vertical-align: middle;" class="text-center">{{App\Helpers\monedaH::getCurrentSimbol() ." ". number_format($listproduct->precio, 2, ',', '.')}}</td>
                                <td style="vertical-align: middle;" class="text-center">{{$listproduct->funProduct->funsubCategoria->nombre}}</td>
                                @if($listproduct->funProduct->funComanda)
                                  <td style="vertical-align: middle;" class="text-center">{{$listproduct->funProduct->funComanda->nombre}}</td>
                                @else
                                  <td style="vertical-align: middle;" class="text-center"> {{  trans('promociones.sinComanda') }} </td>
                                @endif
                                <td style="vertical-align: middle;" class="text-center">
                                  @if ($listproduct->state == 1)
                                  <a href="javaScript:;" onclick="cambiarEstado({{$listproduct->idPromociones}},0)">
                                      <span class="badge" id="selectEstado" style="background:rgb(1, 151, 1)"> {{  trans('promociones.activo') }}</span>
                                  </a>
                                  @elseif($listproduct->state == 0)
                                  <a href="javaScript:;" onclick="cambiarEstado({{$listproduct->idPromociones}},1)">
                                      <span class="badge" id="selectEstado" style="background:rgb(212, 10, 10)"> {{  trans('promociones.inactivo') }}</span>
                                  </a>
                                  @endif
                                </td>
                                <td style="vertical-align: middle;" class="text-center">
                                  <form action="{{ route('promociones.destroy',$listproduct->idPromociones) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <button class="btn btn-danger"  type="submit"><i class="fa fa-trash"></i></button>
                                    <a href="{{route('promociones.showP', [$listproduct->idPromociones])}}" class="btn btn-sm btn-info"><i class="fa fa-pencil-square-o"></i></a>
                                  </form>
                                </td>
                              </tr>
                            @endif
                          @endforeach
                        </tbody>
                    </table>
                    <div class="row" style="padding-top:  10px;padding-bottom: 10px;">
                      <div class="col-md-12 text-right">
                        {!! $productos->appends(Request::all())->render() !!}
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
  <script type="text/javascript">
    $("#valorProducto").on({
      "focus": function (event) {
        $(event.target).select();
      },
      "keyup": function (event) {
          $(event.target).val(function (index, value ) {
              return value.replace(/\D/g, "")
              .replace(/([0-9])([0-9]{0})$/, '$1$2')
              .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, ".");
          });
      }
    });
    function validarNombre(dato)
    {
      if (!/^[A-Za-z\s\xF1\xD1]+$/.test(dato)){
        $("#nombre").val("");
      }
    }

    function cambiarEstado(idProducto,value){
      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){
                swal.close();
                $("#tbActualizar").load(location.href+" #tbActualizar>*","");
                ;
            }else{
                swal({
                    title: "Error",
                    text: "{{  trans('inventario.error_al_actualizar_el_estado') }}",
                    showConfirmButton: true
                });
            }
        },
      });
    }
  </script>
@endsection