<?php
/**
 * The template for footer menu, back to top link and Javascript.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package gralbcn
 */

?>

		<footer id="footer" role="contentinfo">
			<div class="footer-container">

				<div class="footer-column footer-logo">
					<img src="<?php echo get_template_directory_uri(); ?>/images/logo_gral.svg" alt="GRAL Logo" />
				</div>

				<div class="footer-column footer-social">
					<h6>Get in touch</h6>
					<div class="social-icons">
						<a href="<?php echo esc_url( get_theme_mod('social_facebook') ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/social_facebook.svg" alt="Facebook"></a>
						<a href="<?php echo esc_url( get_theme_mod('social_x') ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/social_x.svg" alt="X"></a>
						<a href="mailto:<?php echo sanitize_email( get_theme_mod('social_email') ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/social_mail.svg" alt="Email"></a>
						<a href="<?php echo esc_url( get_theme_mod('social_researchgate') ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/social_r.svg" alt="Research Gate"></a>
					</div>
				</div>

				<div class="footer-column footer-find">
					<h6>Find us here</h6>
					<p>
						Facultat de Filologia. Universitat de Barcelona.<br>
						Office nº P2.38, Pati de Lletres, 2nd floor<br>
						Gran Via de les Corts Catalanes, 585<br>
						08007 Barcelona (Spain)
					</p>
					<img src="<?php echo get_template_directory_uri(); ?>/images/logo_ub.svg" alt="Universitat de Barcelona">
				</div>

				

			</div>
			<div class="footer-bottom">
					<p>&copy; <?php echo esc_html( gmdate( 'Y' ) ); ?> GRAL. All rights reserved.</p>
			</div>

			
		</footer>





	</div>
	
	<?php wp_enqueue_script( 'jquery' ); ?>

	<?php wp_footer(); ?>
	
	<script>





		jQuery(document).ready(function() {

			var btn = jQuery('#view-more-btn');
			if(btn.length) {
				btn.on('click', function(){
				jQuery('.publication-item.hidden').removeClass('hidden');
				btn.hide();
				});
			}



			  jQuery('.year-item').click(function(){
				var year = jQuery(this).data('year');
				if(!jQuery(this).hasClass('active')) {
				jQuery('.year-item').removeClass('active');
				jQuery(this).addClass('active');

				jQuery('.year-block:visible').fadeOut(300, function(){
					jQuery('.year-block[data-year="'+year+'"]').fadeIn(500);
				});
				}
			});



var btn_projects = jQuery('.view-more-btn-projects');
if(btn_projects.length) {
  btn_projects.on('click', function(){
    var section = jQuery(this).closest('.research-section');
    section.find('.research-item.hidden').removeClass('hidden');
    jQuery(this).hide();
  });
}


var btn_groups = jQuery('.view-more-btn-groups');
if(btn_groups.length) {
  btn_groups.on('click', function(){
    var section = jQuery(this).closest('.research-section');
    section.find('.research-item.hidden').removeClass('hidden');
    jQuery(this).hide();
  });
}





			// Mobile nav
			jQuery('.menu-trigger').click(function() {
				event.preventDefault();
				jQuery('#nav2').fadeToggle(300);
				jQuery('body').toggleClass('mobilenavopen');
				jQuery(this).toggleClass('navOpen');
			});
			jQuery('.navclose').click(function() {
				jQuery('#nav2').fadeOut(300);
				jQuery('body').toggleClass('mobilenavopen');
			});
			// Dropdown triggers
			jQuery('#nav2 li.menu-item-has-children').prepend('<button class="sub_nav">Open sub nav<div class="arrow_down"></div></button>');
			jQuery('.sub_nav, .menu-item-has-children > a').click(function() {
				jQuery(this).toggleClass('open');
				jQuery(this).siblings('.sub_nav').toggleClass('open');
				jQuery(this).siblings('ul').toggleClass('show');
			});	
			// End mobile nav
			// Dropdown navigation for desktop size
			var curz = 99;
			var screen = jQuery(window);
			if (screen.width() > 200) {
				jQuery(".sub_nav, #nav2 .menu-item-has-children > a").click(function() {
					event.preventDefault();
					if (jQuery(this).parent().hasClass("openSubnav")) {
						jQuery(this).parent().removeClass("openSubnav");
					} else {
						jQuery("#nav2 li").removeClass("openSubnav");
						jQuery(this).parent().addClass("openSubnav");
					}
				});
			}
			// Update the ARIA states on click events
			jQuery('.menu-item-has-children > a').on('click', function(ev){
				if (jQuery(this).siblings(".sub-menu").is('[aria-expanded~="true"]')) {
					jQuery(this).siblings(".sub-menu").attr('aria-expanded',false);
				} else {
					jQuery(this).siblings(".sub-menu").attr('aria-expanded',true);	
				}
			});	
			// Close menus if clicked away
			jQuery('html').click(function() {
				jQuery("#nav2 li").removeClass("openSubnav");
			});	
			jQuery('#nav2').click(function(event){
				event.stopPropagation();
			});
			// Add wrapper div for styles on select element
			jQuery("select").wrap("<div class=\"select-input\"></div>");	
		});	
	</script>
</body>
</html>