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


    <!-- Check for parent repeater row -->
<?php if ( have_rows( 'tab' ) ) { ?>
    <ul class="nav nav-tabs" role="tablist">
        <?php
        $row = 1;
        while ( have_rows( 'tab' ) ) {
            the_row();
            ?>
            <li role="presentation" class="<?php if ( $row == 1 ) {
                echo 'active';
            } ?>">
                <a
                        href="#<?php echo $row; ?>"
                        role="tab"
                        data-toggle="tab"
                >
                    <?php the_sub_field( 'tab_title' ); ?>
                </a>
            </li>
            <?php
            $row ++;
        }
        ?>
    </ul>
<?php } ?>

<?php if ( have_rows( 'tab' ) ) { ?>
    <div class="tab-content">
    <?php
    $row = 1;
    while ( have_rows( 'tab' ) ) {
        the_row(); ?>

        <div class="tab-pane <?php if ( $row == 1 ) {
            echo 'active';
        } ?>" id="<?php echo $row; ?>">
            <?php
            the_sub_field( 'tab_title' );
            the_sub_field( 'tab_content' );
            // check for rows (tab_content_r)
            if ( have_rows( 'tab_content_r' ) ) { ?>
                <div class="row">
                    <?php
                    while ( have_rows( 'tab_content_r' ) ) {
                        the_row(); ?>

                        <div class="col-sm-4"><?php the_sub_field( 'image_tab_content_r' ); ?></div>
                        <div class="col-sm-8"><?php the_sub_field( 'contant_tab_content_r' ); ?></div>

                    <?php } ?>
                </div>
            <?php } ?>

        </div>

        <?php
        $row ++;
    }
}
?>

<?php get_footer(); ?>