single-sfwd-courses.php 3.04 KB
<?php
/*
 * 
 */


get_header();
$container = get_theme_mod( 'understrap_container_type' );

if ( is_front_page() ) {
	get_template_part( 'global-templates/hero' );
}

$wrapper_id = 'full-width-page-wrapper';
$id = get_the_id();
?>
 <div class="hero-container header-section blur-image" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);">
    <div class="full-image">
        <?php $hero_content = apply_filters('the_content', get_post_meta(get_the_id(), 'hero_content', true));?>
				<div class="container">
				<div class="hero-content row">				
						<div class="col align-self-center">
							<?php echo do_shortcode('[breadcrumbs]');
							      echo do_shortcode('<h1>[post-title]</h1>');
								  if(!is_user_logged_in()){ ?>
								  		<button type="button" class="btn btn-join" data-bs-toggle="modal" data-bs-target="#login-window">Enroll now</button>
									<?php }else{
							     	 echo do_shortcode('[learndash_payment_buttons]');
								  }
							?>
						</div>
					</div>
				</div>
    </div>
</div>
<div class="wrapper" id="<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?>">

	<div class="<?php echo esc_attr( $container ); ?>" id="content">

		<div class="row">

			<div class="col-md-12 content-area" id="primary">

				<main class="site-main" id="main" role="main">

					<?php
					while ( have_posts() ) {
						the_post();
						get_template_part( 'loop-templates/content', 'course' );

					}?>

	

                  <?php $call_out_block = get_field('call_out_block'); 
                    if($call_out_block['text_content'] !=""){ ?>
                        <div class='call-out-block'>
                            <div class='content'>
                                <?= $call_out_block['text_content']; ?>
                                <a href=" <?=  $call_out_block['button_url']; ?>" >  <?=  $call_out_block['button_text']; ?> </a>
                            </div>
                        </div>
                    <?php } ?>
                </main>

			</div><!-- #primary -->

		</div><!-- .row -->

	</div><!-- #content -->

</div><!-- #<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?> -->
<div class="modal fade" id="login-window" tabindex="-1" aria-labelledby="login-window" aria-hidden="true" style="display: none;">
  <div class="modal-dialog modal-dialog-centered ">
    <div class="modal-content">
	<div class="modal-header">
			<button type="button" class="btn-close align-self-sm-end" data-bs-dismiss="modal" aria-label="Close"></button>
	</div>	
	    <div class="modal-body d-flex justify-content-center flex-column">
        <h2 class="modal-title align-self-center">You must be logged in to enroll for programs</h2>
		<a title="LOG IN" href="my-account/" class="login-btn">Login now</a>
	    <p class="align-self-center">Don’t have a login? <a title="Sign up" href="my-account/" class="">Sign up</a> for an account.<p>
      </div>
    </div>
  </div>
</div>
<?php
get_footer();