<?php
/*
Template Name: Apply Membership
*/
get_header('inner');

if (have_posts()) : the_post();

$membership_sections = get_field('membership_sections');
?>

<div class="py-20">
    <div class="container">
        <?php
        if($membership_sections):
            $first_section = true;
            foreach($membership_sections as $section):
        ?>
            <div class="px-4 sm:px-8 lg:grid lg:grid-cols-12 lg:gap-4 <?php echo !$first_section ? 'mt-16' : ''; ?>">
                <div class="lg:col-span-5">
                    <h2 class="uppercase text-black mb-2"><?php echo esc_html($section['subtitle']); ?></h2>
                    <h3 class="text-2xl text-black font-bold uppercase"><?php echo esc_html($section['title']); ?></h3>
                </div>
                <div class="lg:col-span-7">
                    <?php if($section['procedures']): ?>
                        <ul class="list-disc list-outside px-8 py-2 text-sm">
                            <?php foreach($section['procedures'] as $procedure): ?>
                                <li class="mb-3"><?php echo esc_html($procedure['procedure_text']); ?></li>
                            <?php endforeach; ?>
                        </ul>
                    <?php endif; ?>
                </div>
            </div>
        <?php
            $first_section = false;
            endforeach;
        endif;
        ?>
    </div>
</div>

<?php
endif;
get_footer();
?>