Footer blocks for Forta

footer.php

<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package Forta
 */

$status = 'show';

$header_style = 'logo_left';
$navigation_style = 'hidden_menu';
$header_container = 'fw-container';
$logo_content = '';
$footer_class = ' light';

if ( defined( 'FW' ) ) {
	if(fw_get_db_settings_option()['nav_type'] == 'side') {
		$header_style = 'side';
	} elseif(fw_get_db_settings_option()['nav_type'] == 'side_h') {
		$header_style = 'side_h';
	} elseif(fw_get_db_settings_option()['nav_type'] == 'logo_left') {
		$header_style = 'logo_left';
	} elseif(fw_get_db_settings_option()['nav_type'] == 'logo_center') {
		$header_style = 'logo_center';
	} else {
		$header_style = 'side';
	}

	if(!empty(fw_get_db_settings_option()['footer_style'])) {
		$status = fw_get_db_settings_option()['footer_style'];
	}
}

if(function_exists("get_field")) {
	if(get_field('header_style') == 'side') {
		$header_style = 'side';
	} elseif(get_field('header_style') == 'side_h') {
		$header_style = 'side_h';
	} elseif(get_field('header_style') == 'logo_left') {
		$header_style = 'logo_left';
	} elseif(get_field('header_style') == 'logo_center') {
		$header_style = 'logo_center';
	}

	if(get_field('footer') && get_field('footer') != 'default') {
		$status = get_field('footer');
	}
}

?>
		<?php if($header_style == 'side' || $header_style == 'side_h') { ?>
			</div>
		</div>
		<?php } ?>
		<?php if($status != "hide") { ?>
			<!-- Footer -->
			<footer class="footer <?php echo esc_attr($header_style.' '.$status) ?> fw-main-row">

			<?php if ( is_active_sidebar( 'footer' ) ) : ?>
				<div class="fw-container">
					<div class="widgets">
						<?php dynamic_sidebar( 'footer' ); ?>
					</div>
				</div>
			<?php endif; ?>

				<div class="fw-container-fluid">
					<div class="fw-row">
						<div class="fw-col-xs-12 fw-col-sm-6">
							<?php if ( defined( 'FW' ) ) { ?>
								<div class="footer-copyright"><?php echo fw_get_db_settings_option()['copyright']; ?></div>
							<?php } ?>
						</div>
						<div class="fw-col-xs-12 fw-col-sm-6 tar">
							<?php if ( defined( 'FW' ) ) { ?>
								<?php if(count(fw_get_db_settings_option()['footer_social']) > 0) { ?>
									<!-- Social links -->
									<div class="social-links">
										<?php foreach(fw_get_db_settings_option()['footer_social'] as $link) { ?>
											<a href="<?php echo esc_url($link['link']); ?>" target="_blank"><i class="<?php echo esc_attr($link['icon']); ?>"></i></a>
										<?php } ?>
									</div>
									<!-- END Social links -->
								<?php } ?>
							<?php } ?>
							<div id="scroll-top" class="scroll-top"><i class="controls-iconfont-up-arrow"></i></div>
						</div>
					</div>
				</div>
			</footer>
			<!-- END Footer -->
		<?php } ?>
	</div>

	<?php wp_footer(); ?>

	</body>
</html>

functions.php

<?php
/**
 * Register our sidebars and widgetized areas.
 *
 */
function footer_widgets_init() {

	register_sidebar( array(
		'name'          => 'Footer',
		'id'            => 'footer',
		'before_widget' => '<section>',
		'after_widget'  => '</section>',
		'before_title'  => '<h3>',
		'after_title'   => '</h3>',
	) );

}
add_action( 'widgets_init', 'footer_widgets_init' );
?>

style.css

footer {
  height: 100%!important;
}

footer .widgets {
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
}

footer h3 {
  font-size: 14pt;
  font-weight: 500;
  text-transform: uppercase;
}

footer section {
  flex: 1;
  font-size: 10pt;
}

footer .textwidget {
  color: #bbb;
}

footer .textwidget strong {
  color: #FFF;
}

footer ul {
    list-style-type: none;
    padding: 0;
}

footer ul li {
    margin-bottom: 8px;
}

footer ul li a {
    text-decoration: none;
}

@media screen and (max-width: 770px) {
  footer .widgets {
    display: block;
  }
}