<?php $__env->startSection('content'); ?> 	
	
    <?php echo HTML::style('js/signature_pad/assets/jquery.signaturepad.css'); ?>	
    
    <?php $__env->startSection('scripts'); ?>
    <?php echo HTML::script('js/jquery.mousewheel.js'); ?>
    <?php echo HTML::script('js/jquery.jscrollpane.min.js'); ?>
    <?php echo HTML::script('js/printThis.js'); ?>
    <!--[if lt IE 9]><?php echo HTML::script('js/signature_pad/assets/flashcanvas.js'); ?><![endif]-->
    <?php echo HTML::script('js/signature_pad/jquery.signaturepad.min.js'); ?>
    <?php echo HTML::script('js/signature_pad/assets/json2.min.js'); ?>
    <script type="text/javascript">
		var timeout;
		var delay = 1000;
		var isLoading = false;
		function reloadSearch() 
		{
			if (!isLoading) {
				var full_name = $("#full_name").val();
				var email	  = $("#email").val();
				var password  = $("#password").val();	
				
				$('.confirm').attr('disabled','disabled');
				$('.steps_box').removeClass('check_circle');
				
				if (password.length > 4) {
					timeout = setTimeout(function() {
						isLoading = true;
						var data = 'full_name=' + full_name + '&email=' + email + '&password=' + password;
						$.ajax({
							type: "POST",
							url: "<?php echo action('InvestmentController@postSubscriptionAgreement'); ?>",
							data: data,
							success: function(json) {
								isLoading = false;
								if(json.status == 'OK')
								{
									$('.steps_box').addClass('check_circle');
									$('.confirm').removeAttr('disabled');
									//alert('TRUE'); //check_circle
								}
							}
						});
					}, delay);
				}
			}
		}

    	$(function() {
     		$('.scroll-pane').jScrollPane();
			
			$( "#print_subscription_agreement" ).click(function() {
				$("#pane").printThis();	
			});
			
			$('.sigPad').signaturePad({drawOnly : true, lineColour: '#000', lineTop : 67, lineWidth : 2, lineMargin : 25, penColour : '#007687'});
			
			$("#password").keyup(function() {            
        		if (timeout) {
             		clearTimeout(timeout);   
        		}
        
      	 	 	reloadSearch();
    		});
    	});
    </script>
	<?php $__env->stopSection(); ?>
    
   	<div class="row">
    	<div class="col-md-12">
            <p class="head_inner_nav"><a href="<?php echo URL::to('offerings/'.$offering->offering_id); ?>" class="active">&#60; BACK</a><br><a href="<?php echo URL::to('offerings/'.$offering->offering_id); ?>"><?php echo mb_strtoupper($offering->name); ?></a>  >  <a href="#" class="active">SUBSCRIPTION </a></p> 
        </div>
  	</div>
    
    <div class="row"><!-- Subscription Agreement start -->
        <div class="col-md-2">
            <div id="sticker">
                <ul class="left_nav">
                    <li><a href="<?php echo URL::to('offerings/'.$offering->offering_id.'/invest/account-setup'); ?>">ACCOUNT SETUP</a></li>
                    <li><a href="<?php echo URL::to('offerings/'.$offering->offering_id.'/invest/accreditation'); ?>">ACCREDITATION</a></li>
                    <li><a href="<?php echo URL::to('offerings/'.$offering->offering_id.'/invest/buy-order'); ?>">BUY ORDER</a></li>
                    <li><a href="#" class="active">SUBSCRIPTION AGREEMENT</a></li>
                    <li><a href="#">CONFIRMATION</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-10">
        	<div class="gray_container">
            	<div class="row">
                	<div class="col-md-10 col-md-offset-1">
                    	<h4 class="head_h4">SUBSCRIPTION AGREEMENT - <?php echo mb_strtoupper($offering->name); ?></h4>
                    	<div class="scrollBox">
                        	<div id="pane" class="scroll-pane">
                            <pre><?php echo $subscription_agreement->content; ?></pre>
                    		</div>
                     	</div><!-- /scroll-box -->
                    <p class="inner_nav"><a href="<?php echo URL::to('offerings/'.$offering->offering_id.'/invest/subscription-agreement?action=download'); ?>">DOWNLOAD PDF</a> | <a href="javascript:void(0)" id="print_subscription_agreement">PRINT</a> | <a href="<?php echo URL::to('offerings/'.$offering->offering_id.'/invest/subscription-agreement?action=email'); ?>">EMAIL</a></p>
                    <div class="steps_box">
                        <p class="steps">E-Signature</p>
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                      	<?php echo Form::open(array('action' => 'InvestmentController@postSubscriptionAgreement', 'class' => 'sigPad')); ?>
                        <div class="row">
                        	<div class="col-sm-10 col-sm-offset-1 signature">
                            	<p>DRAW YOUR SIGNATURE IN BOX:</p>
                            	<div class="insert">
                                 	<div class="typed"></div>
                                    <canvas class="pad" width="408" height="95"></canvas>
                                    <input type="hidden" name="output" class="output">
                                </div>
                          	</div>
                        </div>
                        <div class="row">
                    		<div class="col-sm-6 col-sm-offset-3">
                                <div class="form-group">
                                  <input type="text" class="form-control" id="full_name" name="full_name" autocomplete="off" placeholder="Full Name">
                                </div>
                                <div class="form-group">
                                  <input type="text" class="form-control" id="email"  name="email" autocomplete="off" placeholder="E-Mail Address">
                                </div>
                                <div class="form-group">
                                  <input type="password" class="form-control" id="password" name="password" placeholder="Banq Password">
                                </div>
                        	</div>
                        </div>
                        <br><br><p class="text-center"><button type="submit" disabled="disabled" class="btn btn-lg confirm">CONFIRM</button></p>
                        <?php echo Form::close(); ?>	
                    </div>   
                  </div><!-- /col-md-10 /col-md-offset-1 -->
                </div><!-- /row -->
                <p class="continue"><a href="<?php echo URL::to('offerings/'.$offering->offering_id.'/invest/confirmation'); ?>">CONTINUE TO ORDER CONFIRMATION &nbsp; ></a></p>
            </div><!-- /gray_container -->
        </div><!-- /col-md-10 -->
    </div><!-- /row --><!-- Subscription Agreement end -->
    
<?php $__env->stopSection(); ?>