<?php
namespace DiviPixel;

// Footer Menu
$footer_menu_font_select = DIPI_Public::get_option('footer_menu_font_select');
$footer_menu_font_weight = DIPI_Public::get_option('footer_menu_font_weight');
$footer_menu_spacing = DIPI_Public::get_option('footer_menu_spacing');
$footer_menu_underline = DIPI_Public::get_option('footer_menu_underline', false);
$footer_menu_underline_color = DIPI_Public::get_option('footer_menu_underline_color');
$footer_menu_hover_text_color = DIPI_Public::get_option('footer_menu_hover_text_color');
$footer_menu_center = DIPI_Public::get_option('footer_menu_center');
$footer_menu_shadow = DIPI_Public::get_option('footer_menu_shadow', false);
$footer_menu_shadow_color = DIPI_Public::get_option('footer_menu_shadow_color');
$footer_menu_shadow_offset = DIPI_Public::get_option('footer_menu_shadow_offset');
$footer_menu_shadow_blur = DIPI_Public::get_option('footer_menu_shadow_blur');
?>
<script>
jQuery(window).load(function() {
  jQuery("body").removeClass("dipi-anim-preload");
});
</script>

<style type="text/css" id="dipi-footer-styles">

  <?php if ($footer_menu_shadow): ?>
	#et-footer-nav {
		box-shadow: 0px <?php echo $footer_menu_shadow_offset; ?>px <?php echo $footer_menu_shadow_blur; ?>px <?php echo $footer_menu_shadow_color; ?>;
	}
  <?php endif;?>

  <?php if ($footer_menu_center): ?>
	.bottom-nav {
		text-align: center;
	}
  <?php endif;?>

	.bottom-nav li {
		<?php echo sanitize_text_field(et_builder_get_font_family($footer_menu_font_select)); ?>
		font-weight: <?php echo $footer_menu_font_weight; ?>;
    	padding-right: <?php echo $footer_menu_spacing; ?>px;
  	}

  	.bottom-nav li:last-child{
    	padding-right: 0px;
	}

	.dipi-hover-underline-animation::after {
		background-color: <?php echo $footer_menu_underline_color; ?>;
	}

	.bottom-nav a:hover {
		color: <?php echo $footer_menu_hover_text_color; ?>;
	}
</style>
<?php
// Footer Bottom Bar
$footer_bottom_center = DIPI_Public::get_option('footer_bottom_center');
$footer_bar_font_select = DIPI_Public::get_option('footer_bar_font_select');
$footer_bar_font_weight = DIPI_Public::get_option('footer_bar_font_weight');
$footer_bar_text_spacing = DIPI_Public::get_option('footer_bar_text_spacing');
$footer_bar_link_color = DIPI_Public::get_option('footer_bar_link_color');
$footer_bar_hover_link_color = DIPI_Public::get_option('footer_bar_hover_link_color');
$footer_bar_padding_top_bottom = DIPI_Public::get_option('footer_bar_padding_top_bottom');

if ('on' != get_option('dipi_hide_bottom_bar')):
?>
<style type="text/css" id="dipi-footer-dont-hide-bottom-bar-styles">>
	#footer-bottom {
		padding-top: <?php echo $footer_bar_padding_top_bottom; ?>px;
		padding-bottom: <?php echo $footer_bar_padding_top_bottom; ?>px;
	}

	#footer-info {
		<?php echo sanitize_text_field(et_builder_get_font_family($footer_bar_font_select)); ?>
		letter-spacing: <?php echo $footer_bar_text_spacing; ?>px;
		font-weight: <?php echo $footer_bar_font_weight; ?>;
	}

	#footer-info a {
    color: <?php echo $footer_bar_link_color; ?>;
  }

  #footer-info a:hover {
    color: <?php echo $footer_bar_hover_link_color; ?>;
  }

	<?php if ($footer_bottom_center): ?>

		.et-social-icons {
			float: none !important;
		  	text-align: center !important;
		  	margin-bottom: 10px;
		}

		#footer-info {
		  	float: none !important;
		  	text-align: center !important;
		}

		.dipi-footer-menu-social-icons {
	        justify-content: center !important;
		}

	<?php else: ?>
		@media (min-width: 981px) {
			#footer-info {
				display: flex;
				align-items: center;
				padding-bottom: 0;
			}
		}
	<?php endif;?>
</style>
<?php
endif;

// Footer Social Icons
$footer_social_icon_hover_effect = DIPI_Public::get_option('footer_social_icon_hover_effect');
$footer_social_icon_color = DIPI_Public::get_option('footer_social_icon_color');
$footer_social_icon_hover_color = DIPI_Public::get_option('footer_social_icon_hover_color');
$footer_social_icon_size = DIPI_Public::get_option('footer_social_icon_size');
$footer_social_icon_padding = DIPI_Public::get_option('footer_social_icon_padding');
$footer_social_icon_box_style = DIPI_Public::get_option('footer_social_icon_box_style');
$footer_social_icon_box_radius = DIPI_Public::get_option('footer_social_icon_box_radius');
$footer_social_icon_box_background = DIPI_Public::get_option('footer_social_icon_box_background');
$footer_social_icon_box_background_hover = DIPI_Public::get_option('footer_social_icon_box_background_hover');
$footer_social_icon_shadow = DIPI_Public::get_option('footer_social_icon_shadow', false);
$footer_social_icon_shadow_color = DIPI_Public::get_option('footer_social_icon_shadow_color');
$footer_social_icon_shadow_offset = DIPI_Public::get_option('footer_social_icon_shadow_offset');
$footer_social_icon_shadow_blur = DIPI_Public::get_option('footer_social_icon_shadow_blur');
$use_social_icons_footer = get_option('dipi_social_icons_footer');
$footer_social_icon_spacing = DIPI_Public::get_option('footer_social_icon_spacing');
?>

<style type="text/css" id="dipi-footer-social-icons-styles">

	<?php if ('on' != $use_social_icons_footer): ?>
	.et-social-icons {
		display: none !important;
	}
	<?php endif;?>

	#footer-bottom .et-social-icons {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: <?php echo $footer_social_icon_spacing; ?>px;
		padding-bottom: <?php echo $footer_social_icon_spacing; ?>px;
	}

	#footer-bottom .et-social-icon a {
		transition: all .5s ease-in-out;
		font-size: <?php echo $footer_social_icon_size; ?>px;
		color: <?php echo $footer_social_icon_color; ?>;
	}

  	#footer-bottom .et-social-icons li {
		padding: <?php echo $footer_social_icon_padding; ?>px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

  #footer-bottom .et-social-icon a:hover,
  #footer-bottom .et-social-icon:hover a {
  	opacity: 1;
  	transition: all .5s ease-in-out;
    color: <?php echo $footer_social_icon_hover_color; ?>;
  }

<?php if (1 == $footer_social_icon_box_style): ?>
	#footer-bottom .dipi-social-icon-box {
	height: calc(<?php echo $footer_social_icon_size; ?>px + 30px);
	width: calc(<?php echo $footer_social_icon_size; ?>px + 30px);
		border-radius: <?php echo $footer_social_icon_box_radius; ?>%;
		background-color: <?php echo $footer_social_icon_box_background; ?>;
		<?php if ($footer_social_icon_shadow): ?>
			box-shadow: 0px <?php echo $footer_social_icon_shadow_offset; ?>px <?php echo $footer_social_icon_shadow_blur; ?>px <?php echo $footer_social_icon_shadow_color; ?>;
		<?php endif;?>
	}

	#footer-bottom .dipi-social-icon-box:hover {
		transition: all .5s ease-in-out;
		background-color: <?php echo $footer_social_icon_box_background_hover; ?>
	}
<?php endif;?>
</style>

<script type="text/javascript">
	<?php if ('zoom' === $footer_social_icon_hover_effect): ?>
		jQuery(document).ready(function($) {
			$('#footer-bottom .et-social-icons li').addClass('dipi-social-icon-zoom');
		});
	<?php elseif ('slide_up' === $footer_social_icon_hover_effect): ?>
		jQuery(document).ready(function($) {
			$('#footer-bottom .et-social-icons li').addClass('dipi-social-icon-slideup');
		});
	<?php elseif ('rotate' === $footer_social_icon_hover_effect): ?>
		jQuery(document).ready(function($) {
			$('#footer-bottom .et-social-icons li').addClass('dipi-social-icon-rotate');
		});
	<?php elseif ('ripple' === $footer_social_icon_hover_effect): ?>
		jQuery(document).ready(function($) {
			$('#footer-bottom .et-social-icons li').addClass('dipi-social-icon-ripple');
		});
	<?php endif?>

	<?php if ($footer_social_icon_box_style): ?>
		jQuery(document).ready(function($) {
			$('#footer-bottom .et-social-icons li').addClass('dipi-social-icon-box');
		});
	<?php endif;?>

  <?php if ($footer_menu_underline): ?>
  	jQuery(document).ready(function($) {
			$('.bottom-nav a').addClass('dipi-hover-underline-animation');
		});
  <?php endif;?>

	<?php if (!$footer_bottom_center): ?>
		jQuery(document).ready(function($) {
			var $iconHeight = $('#footer-bottom .et-social-icons li').innerHeight();
			$('#footer-info').css( "height", $iconHeight);
		});
  <?php endif;?>
</script>