@section('content') 	
	
    {{ HTML::style('js/signature_pad/assets/jquery.signaturepad.css') }}	
    
    @section('scripts')
    {{ HTML::script('js/jquery.mousewheel.js') }}
    {{ HTML::script('js/jquery.jscrollpane.min.js') }}
    {{ HTML::script('js/printThis.js') }}
    <!--[if lt IE 9]>{{ HTML::script('js/signature_pad/assets/flashcanvas.js') }}<![endif]-->
    {{ HTML::script('js/signature_pad/jquery.signaturepad.min.js') }}
    {{ HTML::script('js/signature_pad/assets/json2.min.js') }}
    <script type="text/javascript">
    	$(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'});
			    	});
    </script>
	@stop    
    
    <div class="row margin-top-55 signature">
    	<div class="col-xs-2">@include('offerings.registration.left_nav')</div>
		<div class="col-xs-10">
			<div id="application-form-field" class="gray_container">
				<div class="row">
					<div class="col-md-12">
						<h1>Account Certification</h1>
						<h5 class="no-bold">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </h5>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<h1>Primary Account Owner Information</h1>
						<div class="row">
							<div class="col-xs-12">
								<div class="row bottom-margin">
									<div class="col-xs-3"><b>Name:</b></div>
									<div class="col-xs-9">{{ $member->firstName.' '.$member->lastName }}</div>
								</div>
								<div class="row bottom-margin">
									<div class="col-xs-3"><b>Address:</b></div>
									<div class="col-xs-9">{{ $member->homeAddress->line1.' '.$member->homeAddress->city.' '.$member->homeAddress->state.', '.$member->homeAddress->zipcode }}</div>
								</div>
								<div class="row bottom-margin">
									<div class="col-xs-3"><b>Email:</b></div>
									<div class="col-xs-9">{{ $member->email1 }}</div>
								</div>
								<div class="row bottom-margin">
									<div class="col-xs-3"><b>Tax ID:</b></div>
									<div class="col-xs-9">{{ $member->tid }}</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			
				<div class="row">
					<div class="col-md-12">
						<hr/>
						<h1>{{ $agreement->title }}</h1>
						<div class="row">
							<div class="col-xs-12">
                                <div class="scrollBox">
                                    <div id="pane" class="scroll-pane">
                                        {{ $agreement->content }}
                                    </div>
                                </div><!-- /scroll-box -->
                                @if(!empty($offering->offering_id))
                                	<p class="inner_nav"><a href="{{ URL::to('offerings/'.$offering->offering_id.'/signature?action=download') }}">DOWNLOAD PDF</a> | <a href="javascript:void(0)" id="print_subscription_agreement">PRINT</a> | <a href="{{ URL::to('offerings/'.$offering->offering_id.'/signature?action=email') }}">EMAIL</a></p>
                                @else
                                	<p class="inner_nav"><a href="{{ URL::to('account-setup/signature?action=download') }}">DOWNLOAD PDF</a> | <a href="javascript:void(0)" id="print_subscription_agreement">PRINT</a> | <a href="{{ URL::to('account-setup/signature?action=email') }}">EMAIL</a></p>
                                @endif
							</div>
						</div>
					</div>
                    {{ Form::open(array('class' => 'sigPad')) }}
                        <div class="col-md-12 bottom-margin signature">
                        	<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 class="wrap_next_step">
							<button type="submit" class="btn next_step">NEXT STEP  &nbsp; &#62;</button>
						</div>
                    {{ Form::close() }}	
				</div>
			</div>
		</div>
	</div>
@endsection