<div class="photo-album-block">

    <div class="wooden-background">
        <div class="shadow top"></div>
        <div class="shadow bottom"></div>
    </div>
    <div class="water-background"></div>

    <div class="swiper-container-holder <?php if(count($tabs)>1): ?> multiple-tabs <?php endif; ?> album-block">

        <div class="water"></div>

        <?php /* Navigation for the sliders */ ?>
        <?php if(count($tabs)>1): ?>
            <ul class="tab-navigation">
            <?php foreach($tabs as $key => $tab): ?>

                <li data-tab="<?php echo $key; ?>" <?php if($key == 0): ?> class="active" <?php endif; ?>>
                    <?php echo $tab->title; ?>

                </li>

            <?php endforeach; ?>
            </ul>
        <?php endif; ?>

        <?php /* Mask for the sliders*/ ?>
        <?php foreach($tabs as $key => $tab): ?>

            <div class="tab-holder <?php if($key == 0): ?> active <?php endif; ?>" data-tab="<?php echo $key; ?>">

                <?php /* Navigation*/ ?>
                <div class="arrow prev prev<?php echo $key; ?>"><span class="icon"></span></div>
                <div class="arrow next next<?php echo $key; ?>"><span class="icon"></span></div>

                <?php /* Counter */ ?>
                <div class="counter-holder" data-tab="<?php echo $key; ?>">
                    <span class="icon"></span>
                    <span class="counter"></span>
                </div>

                <div class="swiper-container container-tab<?php echo $key; ?>">
                    <div class="swiper-wrapper">

                        <?php foreach($tab->images as $image): ?>
                        <?php /* Sliders */ ?>
                        <div class="swiper-slide">
                            <img class="image" src="<?php echo $image->large; ?>" alt="#" />
                        </div>
                        <?php endforeach; ?>

                    </div>
                </div>
            </div>
        <?php endforeach; ?>

    </div>
</div>