<?php
/**
 * The template used for displaying post/ project article content
 *
 * @package WordPress
 * @subpackage Debbie
 * @since Debbie 1.0
 */

?>

<?php
$images = rwmb_meta( 'debbie_imgadv', 'type=image&size=full');
?>

<?php if (count($images) > 0) { ?>

<!-- carousel -->
<div id="carousel-example-generic" class="carousel slide carousel-project">

    <!-- Wrapper for slides -->
    <div class="carousel-inner">

        <?php
        $counter = 1;
        foreach ($images as $index => $image) {
            $link = get_post_meta($image['ID'], 'meta_data_link', true);
        ?>
        <div class="item<?php if ($counter == '1'):?> active<?php endif; ?>">
            <div class="img-container">
                <a href="<?php echo $image['url']; ?>" data-gallery><img src="<?php echo $image['url']; ?>" class="img-responsive"></a>
            </div>
            <div class="carousel-caption">
                <?php echo $image['caption']; ?>
            </div>
        </div>
        <?php
            $counter++;
        }
        ?>

    </div>

    <?php if (count($images) > 1) { ?>
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <?php
        $counter = 0;
        foreach ($images as $index => $image) {

        ?>
        <li data-target="#carousel-example-generic" data-slide-to="<?php echo $counter;?>"<?php if ($counter == '0'):?> class="active"<?php endif; ?>>
            <img src="<?php echo $image['url']; ?>" alt="#" class="img-responsive" />
        </li>
        <?php
            $counter++;
        }
        ?>
    </ol>
    <?php } ?>

    <!-- Controls -->
    <!-- <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="icon-prev"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
        <span class="icon-next"></span>
    </a> -->

</div>
<!-- carousel -->

<?php } ?>