$(function() {
	/*$('body').bind('cut copy paste', function (e) {
		e.preventDefault();
	});
	
	$('body').on("contextmenu", function(e) {
		return false;
	});*/
	
	$('.mobile-menu .cerrar').click(function() {
		$('#mobileMenu').collapse('hide');
	});
	
	setSubmenuActive();
	openImgLink();
	//setGalerias();

	$(".close_modal_video").click(function(){
		$("#modal_video").hide("slow");
		url="https://www.youtube.com/embed/";
        $("#modal_video iframe").attr("src",url);
	});
	
	$.post(
		'/inicio/has_session',
		function(resp) {
			
			if ( resp!=0 ) {
				$(".ini_ses_but").html(resp);
				$(".reg_but").remove();
			}
		}
	);
	$(".register").show();
	
	login();
});

function login() {
	$('#btnLoginHead').click(function(e) {
		e.preventDefault();
		
		$.post(
			'/aficion/iniciar-sesion',
			$('#formLoginHead').serialize(),
			function(resp) {
				let data = $.parseJSON(resp);
				
				if ( data ) {
					if ( data.status == 1 ) {
						window.location.href = data.data;
					} else {
						$('#formLoginHead #password').after('<small class="text-danger">'+data.data+'</small');
					}
				}
			}
		);
	})
}
function setFotosContent(fotos){
	cont_fotos="";

	for (var i = 0; i < fotos.length; i++) {
		galeria=fotos[i];
		cont_fotos+=`<div class="col-lg-3">
					<div class="noticia-item galeria-item">
						<div class="highlighted-img">
							<img alt="" id="galeria_`+galeria.id+`"
								src=""
								data-galeria="`+galeria.directorio+`" class="img-fluid abrir_galeria galeria_main_img" />
						</div>
						<div class="position-relative col-lg-12 col-7 ps-lg-0 ps-2">
	    					<p class="titulo">
	    						<a  class="link-dorado abrir_galeria" data-galeria="`+galeria.directorio+`">`+galeria.titulo+`</a>
	    					</p>
	    					<div class="d-flex justify-content-between px-lg-4">
	    						<p class="categoria">${galeria.categoria}</p>
	    						<p class="fecha-hora">`+galeria.fecha+`</p>
	    					</div>
						</div>
					</div>
				</div>`;
	}

	$("#galeria-fotos .container-galeria .row").html(cont_fotos);

	
	//setGalerias();

	setGalMainImg();

}

function setFotosPagContent(pg){
	let first_pg=0;
	let prev_pg=pg-1;
	let next_pg=pg+1;
	let last_pg=pags_fotos;
	let cont_pag_fot="";
	cont_pag_fot+='<li class="page-item"><a class="page-link pag_fot" data-pg="0" href="#"> 1 </a></li>';
	if(pg>2){//validar que haya al menos una página pendiente
		cont_pag_fot+='<li class="page-item"><a class="page-link"> ... </a></li>';
	}
	if(prev_pg>0){//Mostrar página anterior a la actual si no es la primera
		cont_pag_fot+='<li class="page-item"><a class="page-link pag_fot" data-pg="'+prev_pg+'" href="#"> '+(prev_pg+1)+' </a></li>';
	}
	if(pg!=0){//Mostrar página actual
		cont_pag_fot+='<li class="page-item"><a class="page-link pag_fot" data-pg="'+pg+'" href="#"> '+(pg+1)+' </a></li>';
	}
	if(next_pg<last_pg){//Mostrar página siguiente si aún hay
		cont_pag_fot+='<li class="page-item"><a class="page-link pag_fot" data-pg="'+next_pg+'" href="#"> '+(next_pg+1)+' </a></li>';
	}
	if((next_pg+1)<last_pg){//Mostrar pendiente si aún quedan
		cont_pag_fot+='<li class="page-item"><a class="page-link" > ... </a></li>';
	}
	if(last_pg>pg){//Mostrar última página si no está todavía
		cont_pag_fot+='<li class="page-item"><a class="page-link pag_fot" data-pg="'+last_pg+'" href="#"> '+(last_pg+1)+' </a></li>';
	}
	$("#fotos_pag_cont").html(cont_pag_fot);
	setPagFotClick();
}

function setPagFotClick(){
	$(".pag_fot").click(function(e){
		e.preventDefault();
		pg=$(this).data("pg");
		setFotosPagContent(pg);
		pg=pg*vdxpg;
		fotos_mostrar=galerias.slice(pg,pg+rcxpg);
		console.log(fotos_mostrar);
		setFotosContent(fotos_mostrar);
	});
}


function setRecientesContent(noticias){
	cont_recientes="";

	for (var i = 0; i < noticias.length; i++) {
		noticia=noticias[i];
		cont_recientes+='<div class="col-lg-3">';
		cont_recientes+='<div class="noticia-item">';
		cont_recientes+='			<div class="highlighted-img">';
		cont_recientes+='				<a href="'+noticia.link+'"> <img alt=""';
		cont_recientes+='					src="'+noticia.social_image+'"';
		cont_recientes+='					class="img-fluid" />';
		cont_recientes+='				</a>';
		cont_recientes+='			</div>';
	    cont_recientes+='				<div class="position-relative col-lg-12 col-7 ps-lg-0 ps-2">';
	    cont_recientes+='					<p class="titulo px-lg-2">';
	    cont_recientes+='						<a href="'+noticia.link+'" class="link-dorado">'+noticia.titulo+'</a>';
	    cont_recientes+='					</p>';
	    cont_recientes+='					<div class="d-flex justify-content-between px-lg-4">';
	    cont_recientes+='						<p class="categoria">'+noticia.categoria+'</p>';
	    cont_recientes+='						<p class="fecha-hora">'+noticia.fecha+'</p>';
	    cont_recientes+='					</div>';
		cont_recientes+='			</div>';
		cont_recientes+='		</div>';
		cont_recientes+='	</div>';
	}

	$("#recientes .container-noticias .row").html(cont_recientes);

}

function setRecientesPagContent(pg){
	let first_pg=0;
	let prev_pg=pg-1;
	let next_pg=pg+1;
	let last_pg=pags_recientes;
	let cont_pag_vid="";
	cont_pag_vid+='<li class="page-item"><a class="page-link pag_rec" data-pg="0" href="#"> 1 </a></li>';
	if(pg>2){//validar que haya al menos una página pendiente
		cont_pag_vid+='<li class="page-item"><a class="page-link"> ... </a></li>';
	}
	if(prev_pg>0){//Mostrar página anterior a la actual si no es la primera
		cont_pag_vid+='<li class="page-item"><a class="page-link pag_rec" data-pg="'+prev_pg+'" href="#"> '+(prev_pg+1)+' </a></li>';
	}
	if(pg!=0){//Mostrar página actual
		cont_pag_vid+='<li class="page-item"><a class="page-link pag_rec" data-pg="'+pg+'" href="#"> '+(pg+1)+' </a></li>';
	}
	if(next_pg<last_pg){//Mostrar página siguiente si aún hay
		cont_pag_vid+='<li class="page-item"><a class="page-link pag_rec" data-pg="'+next_pg+'" href="#"> '+(next_pg+1)+' </a></li>';
	}
	if((next_pg+1)<last_pg){//Mostrar pendiente si aún quedan
		cont_pag_vid+='<li class="page-item"><a class="page-link" > ... </a></li>';
	}
	if(last_pg>pg){//Mostrar última página si no está todavía
		cont_pag_vid+='<li class="page-item"><a class="page-link pag_rec" data-pg="'+last_pg+'" href="#"> '+(last_pg+1)+' </a></li>';
	}
	$("#recientes_pag_cont").html(cont_pag_vid);
	setPagRecClick();
}

function setPagRecClick(){
	$(".pag_rec").click(function(e){
		e.preventDefault();
		pg=$(this).data("pg");
		setRecientesPagContent(pg);
		pg=pg*vdxpg;
		recientes_mostrar=recientes.slice(pg,pg+rcxpg);
		console.log(recientes_mostrar);
		setRecientesContent(recientes_mostrar);
	});
}

function setVideosContent(videos){
	console.log(videos);
	cont_videos="";

	for (var i = 0; i < videos.length; i++) {
		video=videos[i];
		cont_videos+=`<div class="col-lg-4">
				<div class="noticia-item galeria-item video-item">
					<div>
    					<div class="highlighted-img">
    						<a class="open_video_modal" data-idvd="`+video.url+`"> <img alt=""
    							src="`+video.thumbnail+`"
    							class="img-fluid" />
    						</a>
    					</div>
    					<p class="titulo text-center px-3 my-3">
    						<a class="link-azul open_video_modal" data-idvd="`+video.url+`">`+video.titulo+`</a>
    					</p>
					</div>
					<i class="fa-solid fa-play open_video_modal" data-idvd="`+video.url+`"></i>
				</div>
			</div>`;
	}

	$("#galeria-videos .container-videos .row").html(cont_videos);

	setOpenModalVideo();

}

function setOpenModalVideo(){
	$(".open_video_modal").click(function(){
		const idvd=$(this).data("idvd");
		url="https://www.youtube.com/embed/"+idvd;
        $("#modal_video iframe").attr("src",url);
        $("#modal_video").show("slow");
	});
}

function setPagVidClick(){
	$(".pag_vid").click(function(e){
		e.preventDefault();
		pg=$(this).data("pg");
		setVideosPagContent(pg);
		pg=pg*vdxpg;
		videos_mostrar=videos.slice(pg,pg+vdxpg);
		console.log(videos_mostrar);
		setVideosContent(videos_mostrar);
	});
}

function setVideosPagContent(pg){
	let first_pg=0;
	let prev_pg=pg-1;
	let next_pg=pg+1;
	let last_pg=pags_videos;
	let cont_pag_vid="";
	cont_pag_vid+='<li class="page-item"><a class="page-link pag_vid" data-pg="0" href="#"> 1 </a></li>';
	if(pg>2){//validar que haya al menos una página pendiente
		cont_pag_vid+='<li class="page-item"><a class="page-link"> ... </a></li>';
	}
	if(prev_pg>0){//Mostrar página anterior a la actual si no es la primera
		cont_pag_vid+='<li class="page-item"><a class="page-link pag_vid" data-pg="'+prev_pg+'" href="#"> '+(prev_pg+1)+' </a></li>';
	}
	if(pg!=0){//Mostrar página actual
		cont_pag_vid+='<li class="page-item"><a class="page-link pag_vid" data-pg="'+pg+'" href="#"> '+(pg+1)+' </a></li>';
	}
	if(next_pg<last_pg){//Mostrar página siguiente si aún hay
		cont_pag_vid+='<li class="page-item"><a class="page-link pag_vid" data-pg="'+next_pg+'" href="#"> '+(next_pg+1)+' </a></li>';
	}
	if((next_pg+1)<last_pg){//Mostrar pendiente si aún quedan
		cont_pag_vid+='<li class="page-item"><a class="page-link" > ... </a></li>';
	}
	if(last_pg>pg){//Mostrar última página si no está todavía
		cont_pag_vid+='<li class="page-item"><a class="page-link pag_vid" data-pg="'+last_pg+'" href="#"> '+(last_pg+1)+' </a></li>';
	}
	$("#videos_pag_cont").html(cont_pag_vid);
	setPagVidClick();
}




function setGaleriasContent(galerias){
	console.log(galerias);
	cont_galerias="";

	for (var i = 0; i < galerias.length; i++) {
		galeria=galerias[i];
		cont_galerias+=`<div class="col-lg-3">
					<div class="noticia-item galeria-item">
						<div class="highlighted-img">
							<img alt="" id="galeria_`+galeria.id+`"
								src=""
								data-galeria="`+galeria.directorio+`" class="img-fluid abrir_galeria galeria_main_img" />
						</div>
						<div class="position-relative col-lg-12 col-7 ps-lg-0 ps-2">
	    					<p class="titulo">
	    						<a  class="link-dorado abrir_galeria" data-galeria="`+galeria.directorio+`">`+galeria.titulo+`</a>
	    					</p>
	    					<div class="d-flex justify-content-between px-lg-4">
	    						<p class="categoria">${galeria.categoria}</p>
	    						<p class="fecha-hora">`+galeria.fecha+`</p>
	    					</div>
						</div>
					</div>
				</div>`;
	}

	$("#galeria-fotos .container-galeria .row").html(cont_galerias);

	setGalMainImg();

}

function setGalMainImg(){

	galerias_img=$(".galeria_main_img");
	$.each(galerias_img, function(k, v) {
		let folder=$(this).data("galeria");
		let id_img=$(this).attr("id");

		$.get("/assets/img/galeria/"+folder+"/portada.jpg")
		    .done(function() { 
		        // Do something now you know the image exists.
				$("#"+id_img).attr("src","/assets/img/galeria/"+folder+"/portada.jpg");

		        setGaleria(folder,id_img)

		    }).fail(function() { 
		        // Image doesn't exist - do something else.
		        setGaleria(folder,id_img);

		    });
	});
}

function setGaleria(folder,id_img){
	//galerias_img=$(".galeria_main_img");
	//$.each(galerias_img, function(k, v) {
		//let folder=$(this).data("galeria");
		//let id_img=$(this).attr("id");

		$.post( "/galerias/obtener_imagenes", 
			{ folder:folder})
		  	.done(function( data ) {
				const path = '/assets/img/galeria/';
				let images = [];
				let response = $.parseJSON(data);
				$.each(response, function(k2, v2) {
					if(k2==0&&$("#"+id_img).attr("src")==""){
						nim=path+folder+"/"+v2;
						$("#"+id_img).attr("src",nim);
					}
					images.push(path+folder+"/"+v2)
				});
		    	$("#"+id_img).click(function() {
					$(this).darkbox(
						images,
						options = {
							wrapAround: true,
							disablePageScrolling: false
						}
					);
				});
			});
	//});
}

function setSubmenuActive() {
	const seccion = location.pathname;
	
	switch( seccion ) {
		/* Menú Pumas */
		case '/historia':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(1) .nav-link').addClass('active');
			break;
		case '/identidad':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(2) .nav-link').addClass('active');
			break;
		case '/palmares':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(3) .nav-link').addClass('active');
			break;
		case '/cantera':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(4) .nav-link').addClass('active');
			break;
		case '/estadio-olimpico-universitario':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(5) .nav-link').addClass('active');
			break;
		case '/historia/patrocinadores':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(6) .nav-link').addClass('active');
			break;
		case '/historia/responsabilidad-social':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(7) .nav-link').addClass('active');
			break;
			
		/* Menú Equipos - Pumas */
		case '/pumas':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(1) .nav-link').addClass('active');
			break;
		case '/pumas/calendario':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(2) .nav-link').addClass('active');
			break;
		case '/pumas/plantel':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(3) .nav-link').addClass('active');
			break;
		case '/pumas/clasificacion':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(4) .nav-link').addClass('active');
			break;
		case '/pumas/galeria':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(5) .nav-link').addClass('active');
			break;
			
		/* Menú Equipos - Pumas femenil */
		case '/pumas-femenil':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(1) .nav-link').addClass('active');
			break;
		case '/pumas-femenil/calendario':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(2) .nav-link').addClass('active');
			break;
		case '/pumas-femenil/plantel':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(3) .nav-link').addClass('active');
			break;
		case '/pumas-femenil/clasificacion':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(4) .nav-link').addClass('active');
			break;
		case '/pumas-femenil/galeria':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(5) .nav-link').addClass('active');
			break;
			
		/* Menú Equipos - Pumas Tabasco */
		case '/pumas-tabasco':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(1) .nav-link').addClass('active');
			break;
		case '/pumas-tabasco/calendario':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(2) .nav-link').addClass('active');
			break;
		case '/pumas-tabasco/plantel':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(3) .nav-link').addClass('active');
			break;
		case '/pumas-tabasco/clasificacion':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(4) .nav-link').addClass('active');
			break;
		case '/pumas-tabasco/galeria':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(5) .nav-link').addClass('active');
			break;
			
		/* Menú Cantera */
		case '/noticias':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(1) .nav-link').addClass('active');
			break;
		case '/cantera/calendario':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(2) .nav-link').addClass('active');
			break;
		case '/cantera/planteles':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(3) .nav-link').addClass('active');
			break;
		case '/cantera/clasificacion':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(4) .nav-link').addClass('active');
			break;
		case '/cantera/galeria':
			$('.secondary-menu .navbar-nav .nav-item:nth-child(5) .nav-link').addClass('active');
			break;
		default:
			break;
	}
}


function openImgLink() {
	$(".highlighted-img, .jugador-wrapper").click(function() {
		const url = $(this).data("url");
		const target = $(this).data("target");
		
		if ( url ) {
			if ( target == "blank" ) {
				window.open(url, "_blank");
			} else {
				location.href = url;
			}
		}
	});
}

/*document.addEventListener("keydown", function (event) {
	if (event.ctrlKey) {
		event.preventDefault();
	}
	
	if(event.keyCode == 123) {
		event.preventDefault();
	}
});*/