@section('content')
	<div class="form-signin">
      {{ Former::vertical_open()->secure()->rules(array( 'username' => 'required', 'password' => 'required|min:6' ))->method('POST')->class('form-signin') }}
        <h2 class="form-signin-heading">Please sign in</h2>
		{{ Former::text('username', 'Username')->autocapitalize('off')->autocomplete('off')->autocorrect('off') }}
		{{ Former::password('password')->autocapitalize('off')->autocomplete('off')->autocorrect('off') }}
       		{{ Former::md_success_button('Sign in')->icon('lock')->type('submit') }}
		&nbsp;&nbsp;<a href="{{ url('login/forgot-password') }}" class="btn-link">Forgot Password?</a>

	{{ Former::close() }}
	</div>

@stop

@section('scripts')
	<script src="{{ url('assets/bower_components/jquery/jquery.min.js') }}"></script>

    {{ HTML::script('assets/js/modernizr.custom.js') }}
    {{ HTML::script('assets/js/hideShowPassword.min.js') }}
	<script>
		$('#password').hideShowPassword({
		  // Creates a wrapper and toggle element with minimal styles.
		  innerToggle: true,
			hideToggleUntil: 'focus',
		  // Makes the toggle functional in touch browsers without
		  // the element losing focus.
		  touchSupport: Modernizr.touch
		});
	</script>

@stop