$(document).ready(function () {
    $('#buscar_articulo').on('click', function() {
	    localStorage.removeItem('tipo');
	    localStorage.removeItem('busqueda');
	                  
        /* Datos capturados en los inputs */        
        var tipo_add = document.querySelector('input[name=tipo]:checked').value;
        var buscar_add = document.getElementById('busqueda').value;
		var buscar_trim = buscar_add.replaceAll( /[^-A-Za-z0-9]+/g, ' ' ).trim();
        var buscar_str = buscar_trim.replaceAll(' ', '_');
        
		/* Guarda/Actualiza los datos en el LocalStorage */
		localStorage.setItem('tipo', tipo_add);
        localStorage.setItem('busqueda', buscar_str);
    });
	
	/* Obtener datos almacenados en el LocalStorage */
	var buscar_tipo = localStorage.getItem('tipo'); // titulo, autor, volumen
	var buscar_txt = localStorage.getItem('busqueda'); // informacion a consultar
	
	var articulo = '';
	
	if(buscar_tipo !== '' && buscar_txt !== '' && localStorage.getItem('tipo') !== null && localStorage.getItem('busqueda') !== null) {	
		// Lista de articulos
	    $.getJSON('/culturascontemporaneas/buscar/'+buscar_tipo+'/'+buscar_txt+'/', function(data) {
		    articulo+='<h3 class="art-titulo capitalize"><strong>Resultados de la b\u00FAsqueda</strong></h3>';
		    if(data.length > 0) {
		        $.each(data, function (index, value) {
		            articulo+='<ul class="media-list">';
		            		articulo+='<hr>';
						articulo+='<li class="media">';
						    articulo+='<div class="media-left">';
						    		articulo+='<a href="articulos.htm?revista='+data[index].id_revista+'">';
									articulo+='<div class="jumbotron port-rev-cult text-center">';
								        articulo+='<figure class="portadas-revistas text-center">';
											articulo+='<img alt="" class="back-portada" src="/content/micrositios/299/image/bg-portada-revistaculturas-derecha.png">';
											articulo+='<img alt="" class="portada-revista-cultura" src="'+data[index].portada+'">';
										articulo+='</figure>';
									articulo+='</div>';
								articulo+='</a>';
						    articulo+='</div>';
						    articulo+='<div class="media-body">';
						        articulo+='<p class="uppercase m-b-10"><strong class="media-heading">'+data[index].titulo+'</strong></p>';
						        articulo+='<p class="m-b-0">';
									articulo+='\u00C9poca <strong>'+data[index].epoca+'</strong> ';
									articulo+='\u2022 N\u00FAmero <strong>'+data[index].numero+'</strong> ';
									articulo+='\u2022 <strong>A\u00F1o '+data[index].anio+'</strong>';
								articulo+='</p>';
								articulo+='<p class="art-autor"><em>'+data[index].autor+'</em></p>';
								articulo+='<p class="art-resumen">';
									articulo+='<strong>Descripci\u00F3n:</strong></br>';
									if(data[index].resumen !== '' && data[index].resumen !== null)
										articulo+=data[index].resumen;
									else
										articulo+='Sin resumen...';
								articulo+='</p>';
								if(data[index].pdf !== '' && data[index].pdf !== null)
									articulo+='<a class="btn btn-link btn-outline-green pull-right download" target="_blank" href="'+data[index].pdf+'" articulo="'+data[index].referencia+'" extension="pdf"><span class="fa fa-file-pdf-o"></span> PDF</a>';
								if(data[index].xml !== '' && data[index].xml !== null)
									articulo+='<a class="btn btn-link btn-outline-green pull-right download" target="_blank" href="'+data[index].xml+'" articulo="'+data[index].referencia+'" extension="xml"><span class="fa fa-file-excel-o"></span> XML</a>';
								if(data[index].html !== '' && data[index].html !== null)
									articulo+='<a class="btn btn-link btn-outline-green pull-right download" target="_blank" href="'+data[index].html+'" articulo="'+data[index].referencia+'" extension="html"><span class="fa fa-file-code-o"></span> HTML</a>';
								if(data[index].epub !== '' && data[index].epub !== null)
									articulo+='<a class="btn btn-link btn-outline-green pull-right download" target="_blank" href="'+data[index].epub+'" articulo="'+data[index].referencia+'" extension="epub"><span class="fa fa-file-text-o"></span> EPUB</a>';
								articulo+='<a class="btn btn-link btn-outline-green pull-left" href="articulos.htm?revista='+data[index].id_revista+'" style="margin-left:0;margin-right:5px">Ver completo <span class="fa fa-angle-right"></span></a>';
						    articulo+='</div>';
						articulo+='</li>';
					articulo+='</ul>';
					$('#articulos').html(articulo);
				});
			} else {
				articulo+='<p class="h4" style="color:red;">No existen coincidencias en la b\u00FAsqueda...</p>';
				$('#articulos').html(articulo);
			}
	    });
	} else {
		articulo+='<p class="h4" style="color:red;">Es necesario proporcionar los parametros de la b\u00FAsqueda...</p>';
		$('#articulos').html(articulo);
	}
});