<?php
/**
 * This file is responsible for the rendering of the header of the front page.
 */
?>
	<!-- Home Slider -->
	<div id="home">
    <!-- Banner Image -->
    <div id="banner_image" style="background-image:url(<?php echo get_resized_only_image_from_url(get_theme_mod('homepage_topslider_image', image('banner_bg.jpg')), 'top_bg'); ?>)">
    <!-- Banner TEXT Slides -->
    <div id="text_slider" class="top_slider">
        <?php
        if (get_theme_mod('topslider_slides')) {
            foreach (get_theme_mod('topslider_slides') as $slide) {
                ?>
                <div class="hero_text item">
                    <h3><?php echo $slide['slide_title']; ?></h3>
                    <p><?php echo $slide['slide_desc']; ?></p>
                    <a href="<?php echo $slide['slide_link']; ?>" class="btn btn-secondary"><?php _e('Read More', 'air-free'); ?></a>
                </div>
            <?php
            }
        }// 
			else{?>
                <div class="hero_text item">
                    <h3><?php _e('This will be the title for your Slide','air-free'); ?></h3>
                    <p><?php  _e('This will be the description for your Slide','air-free') ?></p>
                    <a href="#" class="btn btn-secondary"><?php _e('Read More', 'air-free'); ?></a>
                </div>
                   <div class="hero_text item">
                    <h3><?php _e('You could have unlimited Slides','air-free'); ?></h3>
                    <p><?php  _e('This will be the description for your Slide','air-free') ?></p>
                    <a href="#" class="btn btn-secondary"><?php _e('Read More', 'air-free'); ?></a>
                </div>
                <div class="hero_text item">
                    <h3><?php _e('This will be the title for your Slide','air-free'); ?></h3>
                    <p><?php  _e('This will be the description for your Slide','air-free') ?></p>
                    <a href="#" class="btn btn-secondary"><?php _e('Read More', 'air-free'); ?></a>
                </div>
			<?php }
		
        ?>
    </div>
   </div> 
</div>
<!-- Home Slider -->