@extends('motomel.plantilla') 
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
@endsection
@section('breadcrumb')
<div class="row ">
    <div class="col-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/inicio">Inicio</a></li>
            <li class="breadcrumb-item active">Cat&aacute;logo</li>
        </ol>
    </div>
</div>
@endsection
@section('contenido')
@if(!Session::get('cliente_id') && Session::get('id_condicion_pago') == "")
<div class="px-4">
    <div class="row my-1">
        <div class="col-12">
            <div class="alert alert-danger" role="alert">
                El cliente debe estar seleccionado para poder operar.
            </div>
        </div>
    </div>
</div> 
@elseif(Session::get('cliente_id') && Session::get('id_condicion_pago') == "")
    <div class="row">
        <div class="col-12 pl-4 mt-2">
            <div class="alert alert-danger" role="alert">
                Seleccione una condicion de pago para poder operar.
            </div>
        </div> 
    </div>
@else
<div class="px-4">
    <div class="row my-1 catalago-encabezado">
        <div class="col-6">
            <h2>Cat&aacute;logo</h2>
        </div>
        <div class="col-6 text-right">
            <a href="/nuevo-pedido" class="mx-1"><i class="fa fa-th" aria-hidden="true"></i></a>
            <a href="/catalogo-grilla" class="mx-1 catalogo-lista"><i class="fa fa-bars" aria-hidden="true"></i></a>
        </div>
    </div>
    @if(isset($msg) && $msg)
    <div class="row">
        <div class="col-12">
            <div class="alert alert-success" role="alert"> 
            {{$msg["MSG"]}}
            </div>
        </div>
    </div>
    @endif
    <form method="post">
    <input type="hidden" name="_token" value="{{ csrf_token() }}"></input> 
    <table id="grilla" class="display">
    <thead>
        <tr>
            @if(Session::get('grupo_id') == GRUPO_BICICLETA)
            <th>Marca</th>
            <th>Categor&iacute;a</th>
            <th>Rodado</th>
            <th>Talle</th>
            <th>Producto</th>
            <th></th>
            <th>Modelo</th>
            <th>Precio</th>
            <th>Stock</th>
            <th>Cantidad</th>
            <th></th>

            @elseif(Session::get('grupo_id') == GRUPO_SUZUKI_REPUESTOS)
            <th>Part number / SKU</th>
            <th></th>
            <th>Descripción</th>
            <th>Precio</th>
            <th>Disponibilidad</th>
            <th>Cantidad</th>
            <th></th>
            
            @else
            <th>Producto</th>
            <th></th>
            <th>Modelo</th>
            <th>Precio</th>
            <th>Disponibilidad</th>
            <th>Cantidad</th>
            <th></th>
            @endif
        </tr>
    </thead>
</table> 
</form>
</div>
<script>

  //var talle = rodado = [];
  var idCategoria = ''
    /*function cargaGrillaPorTalle(){ 
    $("input[name*=talle]").each(function (index) {  
         if($(this).prop("checked") == true){
          talle.push($(this).val());
       }
    });
  }
 function cargaGrillaPorRodado(){
    var rodado = [];
    $("input[name*=rodado]").each(function (index) {  
         if($(this).prop("checked") == true){
          rodado.push($(this).val());
       }
    });
  }*/

   function fCargarGrillaVistaGrilla(talle = [],rodado= []){
          $('#grilla').dataTable().fnClearTable();
          $('#grilla').dataTable().fnDestroy();
        @if(Session::get('grupo_id') == GRUPO_BICICLETA)
            var dataTable = $('#grilla').DataTable({
            "processing": true,
            "serverSide": true,
            "bFilter": true,
            "bInfo": true,
            "bSearchable": true,
            "pageLength": 25,
            "order": [[ 0, "asc" ]],
            "ajax": "{{ route('catalogoGrillaBicis.cargarGrilla') }}?idCategoria="+idCategoria + "&talle=" + talle + "&rodado=" + rodado
            });
        @else
            var dataTable = $('#grilla').DataTable({
            "processing": true,
            "serverSide": true,
            "bFilter": true,
            "bInfo": true,
            "bSearchable": true,
            "pageLength": 25,
            "order": [[ 0, "asc" ]],
            "ajax": "{{ route('catalogoGrilla.cargarGrilla') }}?idCategoria="+idCategoria + "&talle=" + talle + "&rodado=" + rodado
            });
        @endif
    }
    
    fCargarGrillaVistaGrilla();
    function fAgregarAlCarrito(idproducto){
        cantidad = parseInt($("#txtCantidadQuerida_" + idproducto).val());  
        tipo = $("#txtTipo_" + idproducto).val();
        $.ajax({
            type: "GET",
            url: "{{ asset('/agregarCarritoTabla') }}",
            data: { id:idproducto,
                    cantidad:cantidad,
                    tipo:tipo },
            async: true,
            dataType: "json",
            success: function (respuesta) {
                if (respuesta.err = "0") {
                    $("#cantidadDeProductos").html(respuesta.cantidad);
                } else {
                    alert("Error");
                }
            }
        });   
    }
    function fVerificarCantidad(idProducto){
        cantidad = $("#cantidadPorducto_" + idProducto).val();
        cantidadQuerida = $("#txtCantidadQuerida_" + idProducto).val();
        if(cantidadQuerida > cantidad){
            $("#spanStock_" + idProducto).html("Stock insuficiente");
            $("#buttonCarritoAdd_" + idProducto).prop("disabled",true);
        }
        if(cantidad >= cantidadQuerida){
            $("#buttonCarritoAdd_" + idProducto).prop("disabled",false);
            $("#spanStock_" + idProducto).html("");
        }
        $.ajax({
            type: "GET",
            url: "{{ asset('/grilla/verificarCupo') }}",
            data: { id:idProducto,
                    cantidadQuerida:cantidadQuerida },
            async: true,
            dataType: "json",
            success: function (data) {
                if (data.ESTADO != "success") {
                    $("#spanStock_"+idProducto).html(data.MSG);
                    $("#buttonCarritoAdd_"+idProducto).prop("disabled", true);
                }
                else{
                    $("#spanStock_"+idProducto).html("");
                    $("#buttonCarritoAdd_"+idProducto).prop("disabled", false);
                }
            }
        });

    }
</script>
@endif
@endsection