@section('content')
	@section('scripts')
    <script type="text/javascript">
		var timeout;
		var delay = 1000;
		var isLoading = false;
		function reloadSearch() 
		{
			if (!isLoading) {
				var email	  = $("#email").val();
				var password  = $("#password").val();	
				
				$('.next_step').attr('disabled','disabled');
				$('.steps_box').removeClass('check_circle');
				
				if (password.length > 4) {
					timeout = setTimeout(function() {
						isLoading = true;
						var data = 'email=' + email + '&password=' + password;
						$.ajax({
							type: "POST",
							url: "{{ action('InvestmentController@postPlaceOrder') }}",
							data: data,
							success: function(json) {
								isLoading = false;
								if(json.status == 'OK')
								{
									$('.steps_box').addClass('check_circle');
									$('.next_step').removeAttr('disabled');
									$(".alert-danger").remove();
								}
								
								if(json.status == 'FAIL')
								{
									$('#response').html('<div class="alert alert-danger">Invalid username and/or password</div>');		
								}
							}
						});
					}, delay);
				}
			}
		}

    	$(function() {
			
			$("#password").keyup(function() {            
        		if (timeout) {
             		clearTimeout(timeout);   
        		}
        
      	 	 	reloadSearch();
    		});
    	});
    </script>
	@stop
    <div class="row">
        <div class="col-md-2">
            <div><!--/ id="sticker" -->
				@include('offerings.investments.left_nav')
            </div>
        </div>
        <div class="col-md-10">
            <div class="gray_container">
                <div class="row">
                    {{ Form::open() }}
                    <div class="col-md-10 col-md-offset-1">
                        <h4 class="head_h4">PLACE ORDER</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><br>
                     	@if($errors->has())
                        <div class="alert alert-danger">
                        @foreach ($errors->all() as $row)
                          <div>{{ $row }}</div>
                        @endforeach
                        </div>
                        @endif
                        <span id="response"></span>
                        <div class="steps_box order-size-form">
                            <div class="row">
                                <div class="col-md-10 col-md-offset-3">
                                    <p>Units: {{ Session::get('units'); }}</p>
                                    <p>Amount: ${{ ($offering->per_share * $offering->number_of_shares) * Session::get('units') }}</p>
                                	<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>
                        </div><!-- /steps_box -->                  
                    </div>                
                    <div class="wrap_next_step">
                    	<button type="submit"  disabled="disabled" class="btn next_step">Complete</button>
                    </div>
                 	{{ Form::close() }}  
                </div><!-- /row -->
            </div><!-- /gray_container -->
        </div>
    </div><!-- /row -->

@endsection