<?php
    /*
    Template Name: Career
    */
    get_header();
?>

<!--=================================
About -->
<section class="space-ptb">
    <div class="container">
    <div class="row d-flex align-items-center">
        <div class="col-lg-6 mb-4 mb-lg-0">
        <div class="row no-gutters d-flex align-items-end mb-4 mb-sm-2">
            <div class="col-sm-8 pr-sm-2 mb-4 mb-sm-0">
            <img class="img-fluid border-radius" src="<?php echo get_field('enterprise_top_image'); ?>" alt="">
            </div>
            <div class="col-sm-4">
            <div class="counter counter-03 py-5">
                <div class="counter-content">
                <span class="timer" data-to="208" data-speed="1000"><?php echo get_field('enterprise_project_count'); ?></span>
                <label>Projects Complete </label>
                </div>
            </div>
            </div>
        </div>
        <div class="row d-flex justify-content-center">
            <div class="col-sm-6">
            <img class="img-fluid border-radius" src="<?php echo get_field('enterprise_bottom_image'); ?>" alt="">
            </div>
        </div>
        </div>
        <div class="col-lg-6 pl-xl-5">
        <h2 class="mb-4"><?php echo get_field('enterprise_title'); ?></h2>
        <p class="mb-4"><?php echo get_field('enterprise_content'); ?></p>
        <ul class="list list-unstyled ckeck-list">
            <?php if( have_rows('enterprise_list') ): ?>
					
                <?php while( have_rows('enterprise_list') ): the_row(); 
                    $enterprise_point = get_sub_field('enterprise_point');
                ?>
                    <li class="d-flex"><i class="fas fa-check pr-2 pt-1 text-primary"></i><span><?php echo $enterprise_point; ?></span></li>
                <?php endwhile; ?>
                
            <?php endif; ?>
        </ul>
        </div>
    </div>
    </div>
</section>
<!--=================================
About -->

<!--=================================
portfolio -->
<!-- <section class="space-pb popup-gallery overflow-hidden">
    <div class="container-fluid">
    <div class="row d-flex align-items-end">
        <div class="col-md-6 col-lg-3 mb-4 mb-lg-3">
        <a class="portfolio-img" href="images/gallery/01.jpg"><img class="img-fluid" src="images/gallery/01.jpg" alt=""></a>
        </div>
        <div class="col-md-6 col-lg-3 mb-4 mb-lg-3">
        <a class="portfolio-img" href="images/gallery/02.jpg"><img class="img-fluid w-100" src="images/gallery/02.jpg" alt=""></a>
        </div>
        <div class="col-md-6 col-lg-3 mb-4 mb-lg-3">
        <a class="portfolio-img" href="images/gallery/03.jpg"><img class="img-fluid" src="images/gallery/03.jpg" alt=""></a>
        </div>
        <div class="col-md-6 col-lg-3 mb-4 mb-lg-3">
        <a class="portfolio-img" href="images/gallery/04.jpg"><img class="img-fluid" src="images/gallery/04.jpg" alt=""></a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-lg-3 mt-0 mt-lg-3">
        <a class="portfolio-img" href="images/gallery/05.jpg"><img class="img-fluid" src="images/gallery/05.jpg" alt=""></a>
        </div>
        <div class="col-md-6 col-lg-3 mt-4 mt-lg-3">
        <a class="portfolio-img" href="images/gallery/06.jpg"><img class="img-fluid w-100" src="images/gallery/06.jpg" alt=""></a>
        </div>
        <div class="col-md-6 col-lg-3 mt-4 mt-lg-3">
        <a class="portfolio-img" href="images/gallery/07.jpg"><img class="img-fluid" src="images/gallery/07.jpg" alt=""></a>
        </div>
        <div class="col-md-6 col-lg-3 mt-4 mt-lg-3">
        <a class="portfolio-img" href="images/gallery/08.jpg"><img class="img-fluid" src="images/gallery/08.jpg" alt=""></a>
        </div>
    </div>
    </div>
</section> -->
<!--=================================
portfolio -->

<!--=================================
Category -->
<section class="space-ptb bg-light">
    <div class="container">
    <div class="row align-items-center justify-content-center">
        <div class="col-lg-8">
        <h2 class="mb-3 mb-lg-0"><?php echo get_field('choose_section_title'); ?></h2>
        </div>
        <div class="col-lg-4 text-lg-right">
        <a href="<?php echo get_field('choose_section_url'); ?>" class="btn btn-primary-round btn-round w-space">Let’s Get Started<i class="fas fa-arrow-right pl-3"></i></a>
        </div>
    </div>
    <div class="row mt-4 mt-lg-5">
        <?php if( have_rows('choose_list') ): ?>
			<?php $i = 1; ?>		
            <?php while( have_rows('choose_list') ): the_row(); 
                $choose_list_image = get_sub_field('choose_list_image');
                $choose_list_title = get_sub_field('choose_list_title');
                $choose_list_content = get_sub_field('choose_list_content');
            ?>
                <div class="col-lg-3 col-md-6 mb-4 mb-md-5 mb-lg-0">
                    <div class="feature-info feature-info-style-06">
                        <div class="feature-info-img">
                        <img class="img-fluid" src="<?php echo $choose_list_image; ?>" alt="">
                        </div>
                        <div class="feature-info-number mb-0">
                        <span><?php echo sprintf("%02d", $i); ?></span>
                        <h5 class="mb-0 ml-4 feature-info-title"><?php echo $choose_list_title; ?></h5>
                        </div>
                        <p class="mt-4 mb-0"><?php echo $choose_list_content; ?></p>
                    </div>
                </div>
                <?php $i++; ?>
            <?php endwhile; ?>
            
        <?php endif; ?>        
    </div>
    </div>
</section>
<!--=================================
Category -->

<!--=================================
Career Opportunities -->
<section class="space-ptb">
    <div class="container">
    <div class="row d-flex justify-content-center">
        <div class="col-lg-9">
        <div class="section-title text-center">
            <h2><?php echo get_field('opportunity_section_title'); ?></h2>
            <p><?php echo get_field('opportunity_section_content'); ?></p>
        </div>
        </div>
    </div>
    <div class="row d-flex justify-content-center">
        <div class="col-lg-9">
        <div class="accordion" id="career-opportunities">
            <?php if( have_rows('opportunity_list') ): ?>
                <?php $i = 1; ?>		
                <?php while( have_rows('opportunity_list') ): the_row(); 
                    $opportunity_list_title = get_sub_field('opportunity_list_title');
                    $opportunity_list_content = get_sub_field('opportunity_list_content');
                    //$choose_list_content = get_sub_field('choose_list_content');
                ?>

                    <div class="card">
                        <div class="accordion-icon card-header" id="heading<?php echo $i; ?>">
                            <h4 class="mb-0">
                            <button class="btn <?php if($i>1){ echo 'collapsed'; } ?>" type="button" data-toggle="collapse" data-target="#career-manager<?php echo $i; ?>" aria-expanded="true" aria-controls="career-manager<?php echo $i; ?>"><?php echo $opportunity_list_title; ?></button>
                            </h4>
                        </div>
                        <div id="career-manager<?php echo $i; ?>" class="collapse <?php if($i==1){ echo 'show'; } ?>" aria-labelledby="heading<?php echo $i; ?>" data-parent="#career-opportunities">
                            <div class="card-body">
                                <p class="mb-4"><?php echo $opportunity_list_content; ?></p>
                                <ul class="list list-unstyled ckeck-list mb-4 mb-md-5">
                                    <?php
                                        // Loop over sub repeater rows.
                                        if( have_rows('opportunity_points_list') ):
                                            while( have_rows('opportunity_points_list') ) : the_row();

                                                // Get sub value.
                                                $opportunity_point = get_sub_field('opportunity_point');
                                    ?>

                                                <li class="d-flex"><i class="fas fa-check pr-2 pt-1 text-primary"></i><span><?php echo $opportunity_point; ?></span></li>

                                    <?php
                                            endwhile;
                                        endif;
                                    ?>
                                </ul>
                                <a href="#" class="btn btn-light-round btn-round w-space">Let’s Get Started<i class="fas fa-arrow-right pl-3"></i></a>
                            </div>
                        </div>
                    </div>                    
                    
                    <?php $i++; ?>
                <?php endwhile; ?>
                
            <?php endif; ?>            
        </div>
        </div>
    </div>
    <div class="row mt-4 mt-md-5">
        <div class="col text-center">
        <p>Don’t see a role that fits? Send us your resume.</p>
        <a href="<?php bloginfo('url'); ?>/contact/" class="btn btn-primary btn-round text-white w-space">Contact Us<i class="fas fa-arrow-right pl-3"></i></a>
        </div>
    </div>
    </div>
</section>
<!--=================================
Career Opportunities -->

<?php
    get_footer();
?>