<?php /* Template Name: Page / Carporty */ ?>
<?php get_header() ?>

<?php if ( true === false) : ?>
    <?php if (have_rows('sections')) : ?>
        <?php while (have_rows('sections')) : the_row(); ?>
            <?php if (get_row_layout() == 'hero_slider') : ?>
                <?php get_template_part('template-parts/sections/section-hero-slider', 'hero_slider'); ?>
            <?php endif; ?>
            <?php if (get_row_layout() == 'hero_section') : ?>
                <?php get_template_part('template-parts/sections/section-hero', 'hero_section'); ?>
            <?php endif; ?>
            <?php if (get_row_layout() == 'three_col_repeater_section') : ?>
                <?php get_template_part('template-parts/sections/section-three-col-repeater', 'three_col_repeater_section'); ?>
            <?php endif; ?>
            <?php if (get_row_layout() == 'two_col_section') : ?>
                <?php get_template_part('template-parts/sections/section-two-col', 'section-two-col'); ?>
            <?php endif; ?>
            <?php if (get_row_layout() == 'two_col_section_with_bg') : ?>
                <?php get_template_part('template-parts/sections/section-two-col-with-bg', 'section-two-col-with-bg'); ?>
            <?php endif; ?>
            <?php if (get_row_layout() == 'one_col_2_cta') : ?>
                <?php get_template_part('template-parts/sections/section-one-col-cta', 'section-one-col-cta'); ?>
            <?php endif; ?>
            <?php if (get_row_layout() == 'boxes_repeater_img_title_text_cta') : ?>
                <?php get_template_part('template-parts/sections/section-boxes_repeater_img_title_text_cta', 'boxes_repeater_img_title_text_cta'); ?>
            <?php endif; ?>
            <?php if (get_row_layout() == 'faq') : ?>
                <?php get_template_part('template-parts/sections/section-faq', 'faq'); ?>
            <?php endif; ?>
            <?php if (get_row_layout() == 'gallery') : ?>
                <?php get_template_part('template-parts/sections/section-gallery', 'gallery'); ?>
            <?php endif; ?>
            <?php if (get_row_layout() == 'wysiwyg') : ?>
                <?php get_template_part('template-parts/sections/section-wysiwyg', 'wysiwyg'); ?>
            <?php endif; ?>
        <?php endwhile; ?>
    <?php endif; ?>
<?php endif; ?>

<section class="two-cols bg-light">
    <div class="wrapper wrapper--inner  imageRight">
        <div class="col col-text">
            <?php the_field('carports_excerpt') ?>
        </div>
        <div class="col col-image">
            <div class="image-wrapper">
                <img src="<?php  the_field('carports_img'); ?>" alt="" class="img-auto section-image">
            </div>
        </div>
    </div> 
</section>

<div class="xl:container xl:mx-auto" style="max-width: 1200px;">

    <div class="lg:flex lg:items-start lg:bg-gray ">

        <div class="bg-gray pt-12 pb-12 p-6 lg:w-3/6">
            <?php the_field('carports_row_2_content_left') ?>
        </div>

        <div class="p-6 pt-12 pb-12 lg:bg-gray lg:w-3/6">
            <?php the_field('carports_row_2_content_right') ?>
        </div>

    </div>

    <div class="lg:flex lg:flex-row-reverse lg:mt-10">

        <div
            class="bg-gray pt-12 pb-12 p-6 w-11/12 mx-auto mb-12 lg:p-20 lg:w-2/5 lg:flex lg:flex-col lg:items-start lg:justify-center">
            <?php the_field('carports_row_3_info_box') ?>
        </div>

        <div class="p-6 lg:w-2/4">
            <?php the_field('carports_row_3_content_left') ?>
        </div>

    </div>

</div>
<?php get_template_part( 'partials/cta'); ?>
<?php get_footer() ?>