@php
	if(Request::segment(3)){
		$varRequest = Request::segment(3);		
	}else{
		$varRequest = null;
	}

	if(Request::segment(2)){
		$subcat = Request::segment(2);	
		if(''.$subcat == 'categoria'){
			$subcat = Request::segment(3);	
		}
	}else{
		$subcat = 1;
	}
@endphp

@extends('template')

@section('title', 'Productos')

@section('content')

{{-- @include("partials/descuentos",['descuentos' => $descuentos])

@include('home/categorias') --}}
<div class="container-full title-productos mt10">
	<div class="row pt100">
		<div class="col-xs-12 text-center ">
			<h1>Nuestros Productos</h1>
		</div>
	</div>
</div>	

<div class="container-full title-productos mt10 pb80">
	<div class="row">
		<div class="col-xs-4"></div>
		<div class="col-xs-4">
			<div class="box-categories text-center">
				<div class="category mr20 showpro {{ ($subcat == 1 ? 'active' : '') }}" data="1">
					LINEA DECORATIVA
				</div>
				<div class="category showpro {{ ($subcat == 2 ? 'active' : '') }}" data="2">
					LINEA ARQUITECTONICA
				</div>
			</div>
		</div>
		<div class="col-xs-4"></div>	
	</div>
</div>	
	

<div class="container redux">
		<div class="col-xs-12 col-sm-12 col-md-12 content-items">
			<div class="col-xs-12 text-center pt100 pb100" id="loader">				
				<img src="{{ asset("img/loading.gif") }}" style="width: 256px; height:auto; ">
			</div>
	  		<div class="col-xs-12 product-list" id="productlist"></div>
		</div>
</div>

@stop

@section('scripts')
<script>
	window.SUBCAT = {{$subcat}};	
	window.BTU = 0;
	window.MARCA = 0;
	window.DESDE = 0;
	window.HASTA = 0;

	$( ".showpro" ).click(function() {
		var select =  $(this);		
		window.SUBCAT = select.attr("data");		
		window.history.pushState("", "", '{{url('productos')}}/'+window.SUBCAT);	
		$( ".showpro" ).each(function() {
		    $( this ).removeClass( "active" );
		});	
		$( this ).addClass( "active" );
		// catid = select.attr("catid");
		// $( ".catnom" ).each(function() {
		//     $( this ).removeClass( "slick-current-cat" );
		// });	
		// $( '#catnom'+catid ).addClass( "slick-current-cat" );
		showproducts();
	});

	$( ".showbtu" ).click(function() {	
		$( ".showbtu" ).each(function() {
		    $( this ).removeClass( "showbtucurrent" );
		});	
		$( ".showmar" ).each(function() {
		    $( this ).removeClass( "showmarcurrent" );
		});	
		$( this ).addClass( "showbtucurrent" );		
		window.MARCA = 0;
		window.BTU = $(this).attr("data");
		showproducts();
	});		

	$( ".showmar" ).click(function() {	
		$( ".showbtu" ).each(function() {
		    $( this ).removeClass( "showbtucurrent" );
		});	
		$( ".showmar" ).each(function() {
		    $( this ).removeClass( "showmarcurrent" );
		});	
		$( this ).addClass( "showmarcurrent" );	
		window.BTU = 0;	
		window.MARCA = $(this).attr("data");
		showproducts();
	});	

	function showproducts(){
	 	$.ajax({
	 	  headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
	     type: "POST",
	     url: '{{url('/')}}/productos/categoria/'+window.SUBCAT+"/"+window.BTU+"/"+window.MARCA+"/"+window.DESDE+"/"+window.HASTA,
	     data: {},
	     beforeSend: function() {		          	
	       $('#productlist').hide();
	       $('#loader').show();			     
	     },
	     complete: function(){
	       $('#loader').hide();
	       $('#productlist').show();
	     },
	     success: function( msg ) {			          		
	     	$("#productlist").html(msg);			              
	     }
		});
	}


	$( document ).ready(function() {
	    
    
	    $('#desde').keyup(function(e){
	        if(e.keyCode == 13)
	        {	 
	        	if($(this).val() == ""){
	        		window.DESDE = 0;
	        	}else{
	        		window.DESDE = $(this).val();
	        	} 
	            showproducts();
	        }
	    });

	    $('#hasta').keyup(function(e){
	        if(e.keyCode == 13)
	        {	  
	        	if($(this).val() == ""){
	        		window.HASTA = 0;
	        	}else{
	        		window.HASTA = $(this).val();
	        	} 
	            showproducts();
	        }
	    });

	    $( ".currentshowpro" ).each(function() {	       
	        window.SUBCAT = $( this ).attr("data");
	        catid = $( this ).attr("catid");	        
	        $( ".collapse" ).each(function() {
	            $( this ).removeClass( "in" );
	        });	
	        $( '#collapse'+catid ).addClass( "in" );	        
	        $( ".showpro" ).each(function() {
	            $( this ).removeClass( "Currentcat" );
	        });	
	        $( this ).addClass( "Currentcat" );

	        $( ".catnom" ).each(function() {
	            $( this ).removeClass( "slick-current-cat" );
	        });	
	        $( '#catnom'+catid ).addClass( "slick-current-cat" );	        
	    });	
	    	    
	    showproducts();	 

	});


</script>
@stop