<?php /* Template name: Industry */
get_header();
?>
<?php if (get_field('banner_image_ind')) { 
    $banner = get_field('banner_image_ind');
?>
<section class="img-banner no-overlay position-relative">
    <div class="img-banner-wrap position-absolute top-0 left-0 w-100 h-100">
        <?php 
           echo wp_get_attachment_image($banner['ID'], 'full', false, [
               'class' => 'w-100 h-100 object-fit-cover',
               'fetchpriority' => 'high',
               'loading' => 'eager',
               'decoding' => 'sync',
               'sizes' => '(max-width: 991px) 500px, 100vw'
           ]);
        ?>
    </div>
    <div class="container h-100 position-relative">
        <div class="d-flex align-items-center h-100 justify-content-center flex-column">
            <div class="row w-100 align-items-center flex-column-reverse flex-lg-row">
                <div class="col-12 col-xl-8 col-xxl-7 text-lg-start mt-4 mt-lg-0 hero-text-col">
                    <?php if (get_field('sub_heading_ind_banner')) { ?>
                        <div class="font-16 text-medium"><?php echo get_field('sub_heading_ind_banner'); ?></div>
                    <?php } if (get_field('ind_banner_heading')) {  ?>    
                        <div class="font-52 text-white text-medium my-2 my-md-3 my-xl-4">
                            <?php echo get_field('ind_banner_heading'); ?>
                        </div>
                    <?php } if (get_field('description_industry_banner')) { ?>
                        <div class="font-20 font-light-white pe-xl-4">
                            <?php echo get_field('description_industry_banner'); ?>
                        </div>
                    <?php } if (get_field('button_explore_banner')) { ?>
                        <a href="<?php echo get_field('button_explore_banner'); ?>"
                            class="px-4 font-18 text-medium talk-btn white-btn d-inline-flex align-items-center justify-content-center mt-3 mt-lg-5">
                            Explore Solutions
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 92 92"
                                id="down-arrow">
                                <path fill="#0F1419"
                                    d="M73.8 57.9l-25 24.9C48 83.6 47 84 46 84s-2-.4-2.8-1.2l-25-24.9c-1.6-1.6-1.6-4.1 0-5.7 1.6-1.6 4.1-1.6 5.7 0L42 70.4V12c0-2.2 1.8-4 4-4s4 1.8 4 4v58.4l18.2-18.1c1.6-1.6 4.1-1.6 5.7 0 1.5 1.5 1.5 4-.1 5.6z">
                                </path>
                            </svg>
                        </a>
                    <?php } ?>    
                </div>
            </div>
        </div>
    </div>
</section>
<?php } ?>

<?php $args = array(
    'post_type' => 'industries',
    'posts_per_page' => -1,
    'post_status' => 'publish',
    'order' => 'DESC'
); 
$query = new WP_Query($args);
if ($query->have_posts()) {
    ?>
<section class="industries py-120" id="industries">
    <div class="container" data-aos="fade-up" data-aos-duration="300">
        <?php if (get_field('sub_heading_ind')) { ?>
            <div class="font-16 text-semi font-blue text-center"><?php echo get_field('sub_heading_ind'); ?></div>
        <?php } if (get_field('heading_ind')) { ?>    
            <<?php echo get_field('industry_choose_heading'); ?> class="font-42 font-black m-0 text-center mt-2 mt-lg-3"><?php echo get_field('heading_ind'); ?></<?php echo get_field('industry_choose_heading'); ?>>
        <?php } ?>    
        <div class="row">
        <?php while ($query->have_posts()) { 
            $query->the_post();
            if (get_the_post_thumbnail_url()) {
                ?>
            <div class="col-12 col-md-6 col-lg-4">
                <a href="<?php the_permalink(); ?>">
                    <img class="industry-img h-100 w-100"
                        src="<?php echo get_the_post_thumbnail_url(); ?>"
                        alt="<?php the_title(); ?>" />
                    <div class="desc-box p-3 p-md-4">
                        <?php if (get_field('industry_icon')) { ?>
                        <img class="icon"
                            src="<?php echo get_field('industry_icon'); ?>"
                            alt="<?php the_title(); ?>" />
                        <?php } if (get_the_title()) { ?>    
                            <p class="text-semi m-0 mt-2 mt-xl-3"><?php the_title(); ?></p>
                        <?php } ?>
                    </div>
                </a>
            </div>
        <?php } } wp_reset_query(); ?>
        </div>
    </div>
</section>
<?php } ?>

<section class="contact-section bg-dark-blue py-120">
    <div data-aos="fade-up" data-aos-duration="300">
        <div class="container">
            <?php if (get_field('title_contact')) { ?>
                <div class="text-white">
                    <<?php echo get_field('contact_choose_heading'); ?> class="font-42 text-medium"><?php echo get_field('title_contact'); ?></<?php echo get_field('contact_choose_heading'); ?>>
                </div>
            <?php } if (get_field('description_contact')) { ?>    
            <div class="font-16 font-light-white text-medium mt-2 mt-md-3">
                <?php echo get_field('description_contact'); ?>
            </div>
            <?php } if (get_field('button_1') || get_field('button_2')) { ?>
                <div class="d-flex flex-wrap mt-2 mt-md-4 mt-lg-5 pt-2 gap-3">
                    <?php if (get_field('button_1')) { ?>
                        <a href="<?php echo get_field('button_1'); ?>"
                            class="px-4 font-16 text-medium talk-btn white-btn d-flex align-items-center justify-content-center">
                            Contact us to book a demo
                        </a>
                    <?php } if (get_field('button_2')) { ?>
                        <a href="<?php echo get_field('button_2'); ?>"
                            class="px-4 font-16 text-medium talk-btn white-border-btn d-flex align-items-center justify-content-center">
                            Learn about EveryCRED
                        </a>
                    <?php } ?>    
                </div>
            <?php } ?>
        </div>
    </div>
</section>

<?php get_footer(); ?>