<?php $__env->startSection('main'); ?>
<div class="widewrapper pagetitle" style="padding-bottom:10px;padding-top:0">
    <div class="container">
        <img class="img-responsive" src="<?php echo URL::asset('img/logo.png');; ?>" style="height:150px;"/>
    </div>
</div>

<div class="widewrapper weak-highlight text-center" style="padding-top:25px;padding-bottom:25px;">
	<?php foreach ($videos as $video): ?>
	<a href="#<?= $video['id'] ?>" style="padding:15px;"><?= $video['name'] ?></a>
	<?php endforeach; ?>
</div>
<div class="widewrapper weak-highlight" id="product-videos">
    <div class="container content">
        <div class="showroom-controls">
            <div class="links">Videos</div>
        </div>
		<div>
			<?php foreach ($videos as $video): ?>
			<div class="row" id="<?= $video['id'] ?>">
				<div class="col-sm-12 col-md-3 col-lg-3">
					<h2><?= $video['name'] ?><h2>
					<h5><?= (@$video['coming_soon']) ? 'Coming Soon' : '' ?><h5>
				</div>
				<div class="col-sm-12 col-md-6 col-lg-6">
					<?php if (@!$video['coming_soon'] && (!$video['email_required'] || $valid_key)): ?>
					<iframe width="560" height="315" src="<?= $video['yt_link'] ?>" frameborder="0" allowfullscreen></iframe>
					<?php else: ?>
					<div class="row">
						<div class="col-sm-12 col-md-8 col-lg-8">
							<img src="img/locked.png" class=" img-responsive" />
						</div>
						<div class="col-sm-12 col-md-4 col-lg-4">
							<?php if (@!$video['coming_soon']): ?>
							<h3 class="text-warning">Email Required</h3>
							<?php else: ?>
							<h3 class="text-warning">Get Early Access</h3>
							<?php endif; ?>
							<form action="#" method="get" accept-charset="utf-8" class="clearfix" id="ra-form">
								<input class="form-control input-lg ra-email" type="text" name="email" value="" placeholder="">
								<br/>
								<button type="submit" class="btn btn-grove-one btn-xlg btn-bold request-access-btn" >Request Access</button>
								<h3 class="text-success ra-msg" style="display:none">Thanks! Someone will contact you within 24 hours.</h3>
							</form>
						</div>
					</div>
					<?php endif ?>
				</div>
				<div class="col-sm-12 col-md-3 col-lg-3">
					<?php if (@!$video['coming_soon'] && (!$video['email_required'] || $valid_key)): ?>
					<h2>Enjoy it?<h2>
					<br/>
					<p style="font-weight:normal">If you like what you see, you'll <b>love</b> out direct demo.</p>
					<p style="font-weight:normal">Use the button below to reach out and a rep will be in touch with you within 1 hour.</p>
					<br/>
					<a class="btn btn-grove-one btn-xlg btn-bold contact-form" data-toggle="modal" data-target="#myModal" data-form="Starting Configuring Button">CONTACT US</a>
					<?php endif; ?>					
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12 col-md-12 col-lg-12" style="padding-top:10px;font-style:italic;">
					<div><?= $video['script'] ?></div>
				</div>
			</div>
			<hr/>
			<?php endforeach ?>
        </div>
	</div>
</div>
<div class="widewrapper weak-highlight" id="product-pics">
    <div class="container content">
        <div class="showroom-controls">
            <div class="links">EosCloudStore Images</div>
        </div>
        <div class="row">
            <div class="showroom-item col-sm-3">
                <div class="image">
                    <a rel="gallery-1" href="img/product/V_EPA_HQ.png" class="swipebox">
                        <img src="img/product/V_EPA.png" alt="EosCloudStore EPA">
                        <span class="overlay">
                            <i class="glyphicons search"></i>
                            <div class="name">Envirobrite - Fixture Lighting</div>
                        </span>
                    </a>
                </div>
            </div>
            <div class="showroom-item col-sm-3">
                <div class="image">
                    <a rel="gallery-2" href="img/product/V_Yates_HQ.png" class="swipebox">
                        <img src="img/product/V_Yates.png" alt="EosCloudStore Yates">
                        <span class="overlay">
                            <i class="glyphicons search"></i>
                            <div class="name">Yates Cylinders</div>
                        </span>
                    </a>                    
                </div>
            </div>                
            <div class="showroom-item col-sm-3">
                <div class="image">
                    <a rel="gallery-3" href="img/product/V_FSC_HQ.png" class="swipebox">
                        <img src="img/product/V_FSC.png" alt="EosCloudStore Freedman Seating">
                        <span class="overlay">
                            <i class="glyphicons search"></i>
                            <div class="name">Freedman Seating Company</div>
                        </span>
                    </a>   
                </div>
            </div>
            <div class="showroom-item col-sm-3">
                <div class="image">
                    <a rel="gallery-4" href="img/product/V_BK_HQ.png" class="swipebox">
                        <img src="img/product/V_BK.png" alt="EosCloudStore BK Lighting">
                        <span class="overlay">
                            <i class="glyphicons search"></i>
                            <div class="name">Lighting</div>
                        </span>
                    </a>
                </div>
            </div>                        
        </div>
        <div class="row">
            <div class="showroom-item col-sm-12 col-md-12 col-lg-12 text-right">
                <h2>To see any of these products in action, contact us today</h2>
            </div>            
        </div>

        <div class="clearfix"></div>
    </div>
</div>

<div id="ra-modal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Request Access to Videos</h4>
            </div>
            <div class="modal-body">
				<h1 class="text-success">Thanks for reaching out!</h1>
				<h3 class="text-success">Someone will get back to you within 24 hours.</h3>
            </div>
            <div class="modal-footer">
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<?php $__env->stopSection(); ?>
<?php echo $__env->make('subpages', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>