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

<!--=================================
About -->
<section class="space-ptb">
    <div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-6">
        <div class="section-title">
            <h2 class="mb-3"><?php echo get_field('our_team_section_title'); ?></h2>
            <p><?php echo get_field('our_team_section_content'); ?></p>
        </div>
        <a href="#" class="btn btn-light-round btn-round w-space">Know More About<i class="fas fa-arrow-right pl-3"></i></a>
        </div>
        <div class="col-lg-6">
        <div class="row">
            <div class="col-sm-6">
            <img class="img-fluid border-radius mb-4 mt-4" src="<?php echo get_field('our_team_section_first_image'); ?>" alt="">
            <img class="img-fluid border-radius mb-4 mb-sm-0" src="<?php echo get_field('our_team_section_second_image'); ?>" alt="">
            </div>
            <div class="col-sm-6">
            <img class="img-fluid border-radius mb-4" src="<?php echo get_field('our_team_section_third_image'); ?>" alt="">
            <div class="counter counter-03">
                <div class="counter-content">
                <span class="timer" data-to="<?php echo get_field('our_team_section_count'); ?>" data-speed="10000"><?php echo get_field('our_team_section_count'); ?></span>
                <label><?php echo get_field('our_team_section_counter_title'); ?></label>
                </div>
            </div>
            </div>
        </div>
        </div>
    </div>
    </div>
</section>
<!--=================================
About -->

<!--=================================
team -->
<section class="space-pb">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-9">
            <div class="section-title text-center">
                <h2><?php echo get_field('heros_section_title'); ?></h2>
                <p class="lead"><?php echo get_field('heros_section_content'); ?></p>
            </div>
            </div>
        </div>
        <div class="row">
            <?php if( have_rows('heros_list') ): ?>
                                
                <?php while( have_rows('heros_list') ): the_row(); 
                    $heros_image = get_sub_field('heros_image');
                    $heros_name = get_sub_field('heros_name');
                    $heros_designation = get_sub_field('heros_designation');
                    $heros_facebook = get_sub_field('heros_facebook');
                    $heros_twitter = get_sub_field('heros_twitter');
                    $heros_linkdin = get_sub_field('heros_linkdin');
                ?>
                    <div class="col-xl-2 col-md-3 col-sm-4 col-6">
                        <div class="team">
                            <div class="team-bg"></div>
                            <div class="team-img">
                                <img class="img-fluid" src="<?php echo $heros_image; ?>" alt="">
                            </div>
                            <div class="team-info">
                                <a href="#" class="team-name"><?php echo $heros_name; ?></a>
                                <p><?php echo $heros_designation; ?></p>
                                <ul class="list-unstyled">
                                    <?php if($heros_facebook){ ?>
                                        <li><a href="<?php echo $heros_facebook; ?>" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <?php } ?>
                                    <?php if($heros_twitter){ ?>
                                        <li><a href="<?php echo $heros_twitter; ?>" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <?php } ?>
                                    <?php if($heros_linkdin){ ?>
                                        <li><a href="<?php echo $heros_linkdin; ?>" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    <?php } ?>
                                </ul>
                            </div>
                        </div>
                    </div>
                <?php endwhile; ?>
                
            <?php endif; ?> 
            
            <div class="col-xl-2 col-md-3 col-sm-4 col-6">
                <div class="team apply-position">
                    <div class="team-icon">
                        <i class="far fa-user-circle"></i>
                    </div>
                    <div class="team-info">
                        <a href="#" class="btn btn-link">Apply for Possition<i class="fas fa-arrow-right text-dark pl-1"></i> </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--=================================
team -->

<!--=================================
Action Box -->
<section class="space-pb dark-background">
    <div class="container">
    <div class="bg-dark text-center rounded py-5 px-3">
        <h2 class="text-white"><?php echo get_field('idea_section_title', 15); ?></h2>
        <h6 class="text-white"><?php echo get_field('idea_section_subtitle', 15); ?></h6>
        <a href="<?php bloginfo('url'); ?>/contact" class="btn btn-primary-round btn-round mx-0 mx-md-3 text-white">Let’s Get Started<i class="fas fa-arrow-right pl-3"></i></a>
    </div>
    </div>
</section>
<!--=================================
Action Box -->

<?php
    get_footer();
?>