{embed="_layouts/index"}

{exp:stash:set name="meta"}
   	{exp:seo_lite use_last_segment="yes"}
{/exp:stash:set}

{exp:stash:set name="css"}
   	<link href="/assets/js/validation/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
{/exp:stash:set}

{exp:stash:set name="js"}
   	<script src="/assets/js/validation/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    <script src="/assets/js/validation/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">   
    jQuery(document).ready(function(){
         $('#submit_con').click(function() {
            jQuery("form").validationEngine();
               $(".formError").css( "visibility", "visible" );
            });
            $(document).on("click","#mc_wrap a.pp_close",function(){
                $.prettyPhoto.close(); 
                return false;
            });                
    });
    function clicked(item) 
    {
        var cls = $(item).parent("div").css( "visibility", "hidden" );
    }  
    </script>
{/exp:stash:set}

{exp:stash:set name="content"}
    <section id="content">
   	    <div class="inner-container">
        	<span class="logo-icon"></span>
            <span class="left-line"></span>
            <span class="right-line"></span>
                
            <div class="row">
           	    <div class="col-md-8 col-sm-8">
          		    <section id="left-side">
                    	
                        {embed='home/breadcumb'}

                            <h1>Member Login</h1>

                        <div class="clear"><!-- --></div>
                        {if logged_in}                                                
                            <p>Sorry, You are already Logged In.</p>
                        {if:else}
                            {exp:member:login_form}
                            <div class="form">
                       
                           		<div class="cf">
                                	<div class="label-input">
                                    	<label>Username</label>
                                        <input type="text" name="username" class="input validate[required]" />
                                    </div>
                                </div>
                                <div class="cf">
                                    <div class="label-input">
                                    	<label>Password</label>
                                        <input type="password" name="password" class="input validate[required]" />
                                    </div>
                                </div>
                                {if auto_login}
                                    <p><input type="checkbox" name="auto_login" value="1"> Auto-login on future visits</p>
                                {/if}
                                <p><input type="checkbox" name="anon" value="1" checked="checked"> Show my name in the online users list</p>
                                <input name="" type="submit" class="submit" id="submit_con" value="submit" />
                                <p><a href="{path='member/forgot-password'}">Forgot your password?</a></p>
                            </div>
                            {/exp:member:login_form}
                        {/if}
                    </section>
                </div>

                <div class="col-md-4 col-sm-4">
                    {embed='pages/right-side'}
                </div>        
            </div>
        </div>
    </section>
{/exp:stash:set}