<?php $__env->startSection('content'); ?>
<div id="video" class="uk-modal">
    <div class="uk-modal-dialog uk-modal-dialog-frameless" style="width:80%!important;">
        <a href="" class="uk-modal-close uk-close uk-close-alt" style="z-index:10000;"></a>
            <video class="video-testimonials" id="videoClip" style="top:0!important;" controls preload>
                <source src="<?php echo URL::to('/'); ?>/video/SGC_IvyKeyAppStoreHD.mp4" type="video/mp4">
                    Your browser does not support HTML5 video.
            </video>
    </div>
</div>
<div class="new_row">
    <div class="column-20 top_space_testimonials">
        <div id="rt112" class="large_top_text text-center">Our satisfied participants<br/>are our best advertisement.</div>
        <div id="rt113" class="small_top_text text-center">Watch the video
            <?php echo '<a href="#video" data-uk-modal><img src="'.URL::to('/').'/images/play_green.png"></a>'; ?></div>
        
    </div>
</div>
<div class="new_row row-fixed">
    <div class="column-20">
        <img src="<?php echo e(URL::asset('images/test_top.jpg')); ?>" alt="">
    </div>
</div>

<!--                <div class="new_row test_empty_row row-background-filled"></div>-->
<div class="new_row title1">
    <div class="column-20">
        <p>Testimonials</p>
    </div>
</div>
 <div class="push_underlayer1">
    <div class="new_row">
        <div id="mid_text" class="column-12 col-border-top push-left-4">


            <?php $pos=1; foreach($testimonials as $testimonial){ $pos+=1;?>
                    <?php if($testimonial->active==0) continue; ?>
            <div class="new_row test_empty_row"></div>
            <div class="new_row testimonial">
                <?php if($pos%2==0) {
                    echo '<div class="column-4 testimonial-img-box" data-uk-scrollspy="{cls:\'uk-animation-scale-up\', repeat: true}">
                        <img src="'.'images/users/'. $testimonial->photoURL.'">
                        <img src="'.URL::to('/').'/images/mask.png'.'" class="testimonials-img-mask"></div>';
                } ?>
                <div class="column-15 test-content">
                    <div class="test-1">
                        <p class="testimon">"<?= $testimonial->testimonial; ?>"</p>
                        <p class="user-test"><?= strtoupper($testimonial->first_name) . " " . strtoupper($testimonial->last_name);?></p>
                    </div>
                </div>
                <?php if($pos%2==1) {
                    echo '<div class="column-4 testimonial-img-box" data-uk-scrollspy="{cls:\'uk-animation-scale-up\', repeat: true}">
                        <img src="'.'images/users/' . $testimonial->photoURL.'">
                        <img src="'.URL::to('/').'/images/mask.png'.'" class="testimonials-img-mask"></div>';
                } ?>
            </div>

            <?php } ?>

        </div>
    </div>

        <?php echo $__env->make('partials.slider', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

     <?php echo $__env->make('partials.findtutorprogram', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

 </div>
<script>
    document.title = 'The Ivy Key - Testimonials';
    $('#video').on({
    'uk.modal.show' : function() {
        document.getElementById("videoClip").load();
        document.getElementById("videoClip").play();
    },
    'uk.modal.hide' : function() {
        document.getElementById("videoClip").pause();
    }
    });
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>