
<header class="container-fluid text-center">
    <h1 class="sr-only"><?php echo e($masterName); ?></h1>
    <div id="theCarousel" class="carousel slide carousel-fade" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators hidden-xs">
            <?php $__currentLoopData = $carousel; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$val): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <li data-target="#theCarousel" data-slide-to="<?php echo e($key); ?>" class="<?php echo e(($key == 0)?'active':''); ?>"></li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
        <?php $__currentLoopData = $carousel; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$val): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="item<?php echo e(($key == 0)?' active':''); ?>">
                <h2 class="carousel-text" data-animate="true" data-effect="slideInRight">
                    <?php echo e(isset($val->media_title) ? $val->media_title : ''); ?>

                </h2>
                <img class="img img-responsive" alt="<?php echo e(isset($val->media_content) ? $val->media_content : ''); ?>" src="<?php echo e($val->media_url ? asset($storage_url.'img/home/'.$val->media_url) : ''); ?>" />
            </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        </div>
        <div class="slideDown hidden-xs">
            <button id="slideDown" class="btn">
                <i class="fa fa-chevron-down" aria-hidden="true"></i>
            </button>
        </div>
    </div>
</header>
