#{extends '../../main.html'/}#
#{set title:'Login'/}#
#{set tab:'login'/}#

#{form action:@[POST_LOGIN]@, class:'form-horizontal', style:'min-width:500px;max-width:800px;margin: 0 auto'}#
   <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         <h4 id="myModalLabel"> User </h4>
    </div>
    <div class="modal-body">
        #{if _flash.error}#
        <div class="row-fluid">
            <div id="errorDiv" class="offset3 span6 alert alert-error">
                <h4>Oops....</h4>
                ${_flash.error}$
            </div>
        </div>
        #{/if}#
    	    	
        #{field 'username', label:'Username'}#<input id="user" type="text" name="${field.name}$" value="${field.flashOrValue}$" class="input-xlarge">#{/field}#
        #{field 'password', label:'Password'}#<input type="password" name="${field.name}$" value="${field.value}$" class="input-xlarge">#{/field}#
        
        <br/><span style="color: red"> Type in 'bob' for the username and leave the password blank</span>
        
   </div>
    <div class="modal-footer">
        <input id="submit" type="submit" name="submit" value="&{'Login', 'link.save'}&" class="btn btn-primary" />
    </div>
#{/form}#