<style type="text/css" media="screen">
	a.more-info-hover:hover { background-color: <?php echo (substr($offering->color, 0, 1) == '#')?$offering->color:'#'.$offering->color ?>; }
</style>

<?php echo HTML::style('css/fancybox/jquery.fancybox.css'); ?>   
<?php $__env->startSection('scripts'); ?>
	<?php echo HTML::script('js/fancybox/jquery.fancybox.pack.js'); ?> 
    <script type="text/javascript">
		$(document).ready(function() {
			$(".vimeo").fancybox({
				type : 'iframe',
				width		: '70%',
				height		: '70%',
				padding		: 7,
				margin		: 7,
				autoSize	: false,
				closeClick	: false,
				openEffect	: 'none',
				closeEffect	: 'none'
			});
		});
	</script>
<?php $__env->stopSection(); ?>

<?php 
$total_amount = $offering->investments()->where('order_status', '=', 'complete')->sum('amount');
$percent_sum = ($total_amount / $offering->size) * 100; 
?>
<div class="row" id="wrapper">
    <div class="col-md-12" id="main">
        <?php $__env->startSection('sub_menu'); ?>
			<div class="wrap-second-nav sec-nav2">
			  <div class="second-nav" style="margin-bottom:0;">
				  <a href="<?php echo URL::to('offerings'); ?>">&#60; BACK</a><br>
				  <!-- <a href="#">OFFERING PROCESS</a>
				  <span><a href="#">RECENT TRANSACTIONS</a></span> -->
				  <div class="social">
						<a href="https://www.facebook.com/banqco" target="_blank" class="facebook"></a><a href="http://www.linkedin.com/company/banq" target="_blank" class="in"></a><a href="https://twitter.com/BanqCo/" target="_blank" class="twitter"></a>
				  </div>
			  </div>
			</div>
		<?php $__env->stopSection(); ?>
        <div class="section offer_box" >
            <div class="frame_video" style="background-image: url(<?php echo URL::to('uploads/video_image/'.$offering->video_image); ?>);">
				<a class="vimeo" href="<?php echo $offering->video; ?>">
				<div class="banner-play-button" style="background: <?php echo (substr($offering->color, 0, 1) == '#')?$offering->color:'#'.$offering->color ?>;">
					<div class="play-video"></div>
				</div>
				</a>
			</div>
            <div class="gray_box_internal">
                <?php echo $offering->description; ?><br>
                <?php echo !empty($event->starts_at)?'<p>Next Webcast Presentation,'.date("l, M d, h:i a", strtotime($event->starts_at)).' <a href="#">Register here...</a> </p>':''; ?>
            </div>
            <div class="box1-internal">
                <div class="progress">
                  <div class="progress-bar" style="background: <?php echo (substr($offering->color, 0, 1) == '#')?$offering->color:'#'.$offering->color ?>; width: <?php echo $percent_sum; ?>%;" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
                    <span class="sr-only"><?php echo $percent_sum; ?>% Complete</span>
                  </div>
                </div>
                <p class="funds"><span>$<?php echo number_format($total_amount, 2); ?></span> &nbsp;/&nbsp;  $<?php echo number_format($offering->size, 2); ?></p>
	            <p><?php echo $offering->name; ?></p>
            </div>
            <div class="box2-internal">
	            <p>Offering Size:<span>$<?php echo number_format($offering->size, 2); ?></span></p>
	            <p>Price Per Share:<span>$<?php echo number_format($offering->per_share, 2); ?></span></p>
	            <p>Minimum units:<span> <?php echo $offering->min_units; ?></span></p>
            </div>
            <div class="box3-internal">
                <a href="<?php echo URL::to('offerings/'.$offering->offering_id.'/invest/order-size'); ?>" class="more-info-hover">
	                <span class="count">$</span>
	                <span class="divider">|</span>
	                <span class="text">INVEST</span>
	            </a>
            </div>
            <p class="info">OFFERING PERIOD ENDS AT <?php echo date("g:iA M d Y", strtotime($offering->ends_at)); ?></p>
        </div><!-- /offer_box -->
    </div>
</div><!-- /offerings end -->
        
<div class="row">
    <div class="col-md-12">
        <div class="inner_nav_v2">
            <ul>
                <li><a href="<?php echo URL::to('offerings/'.$offering->offering_id); ?>"<?php echo Request::segment(3) == ''?' class="active"':''; ?>>SUMMARY</a></li>
                <li><a href="<?php echo URL::to('offerings/'.$offering->offering_id); ?>/management-team"<?php echo Request::segment(3) == 'management-team'?' class="active"':''; ?>>MANAGEMENT TEAM</a></li>
                <li><a href="<?php echo URL::to('offerings/'.$offering->offering_id); ?>/due-diligence"<?php echo Request::segment(3) == 'due-diligence'?' class="active"':''; ?>>DUE DILIGENCE</a></li>
                <li><a href="<?php echo URL::to('offerings/'.$offering->offering_id); ?>/offering-docs"<?php echo Request::segment(3) == 'offering-docs'?' class="active"':''; ?>>OFFERING DOCS</a></li>
                <li><a href="<?php echo URL::to('offerings/'.$offering->offering_id); ?>/faq"<?php echo Request::segment(3) == 'faq'?' class="active"':''; ?>>Q&amp;A</a></li>
            </ul>
            <div class="social">
                <span>SHARE THIS OFFERING:</span>
                <a href="#" target="_blank" class="facebook"></a><a href="#" target="_blank" class="in"></a><a href="#" target="_blank" class="twitter"></a>
            </div>
        </div>
    </div>
</div>