<div id="snap-pm" class="snap-pm-login-form" tabindex="-1">
    <div id="snap-pm-inner">

        <header id="snap-pm-header" class="clearfix">
            <div class="pull-right">
                <a id="snap-pm-close" class="js-snap-pm-trigger snap-action-icon snap-icon-close" href="#">
                        <small>{{#str}}closebuttontitle{{/str}}</small>
                </a>
            </div>
            <h1>{{#str}}login{{/str}}</h1>
        </header>
        <div id="snap-pm-content-desabilitado">
            <div class="row login-box">
                <div class="col-lg-5" style="margin:0 auto;">
                    <form action='{{action}}'  method='post'>
                        <input type="hidden" name="logintoken" value="{{logintoken}}">
<!--                        <div><h4>Já sou cadastrado</h4></div>-->
<!--                        <label class="form-control-label" for='username' >Utilize suas credenciais nos campos abaixo para acessar seus cursos:</label>-->
                        <img src="{{ftlogin}}" class="img-responsive" width="100%" />
                        <div class="form-group" style="margin-top: 20px;">
                            <label class="form-control-label" for='username' >{{#str}}username{{/str}}</label>
                            <input class="form-control" autocapitalize='off' type='text' name='username' id='username' required>
                        </div>
                        <div class="form-group">
                            <label class="form-control-label" for='password'>{{#str}}password{{/str}}</label>
                            <input class="form-control" type='password' name='password' id='password' required>
                        </div>
                        <br>
                        <input type='submit' class="btn btn-primary btn-block" value='{{#str}}login{{/str}}'>
                    </form>
                </div>
<!--                <div class="col-md-1"></div>-->
<!--                <div class="col-md-6">-->
<!--                    <div>-->
<!--                        <h4>Outras opções</h4>-->
<!--                    </div>-->
<!--                    <label class="form-control-label" for='password'>Ainda não se registrou ou tem alguma dúvida? Veja abaixo algumas opções:</label>-->
<!--                    &lt;!&ndash;<p>Ainda não se registrou? Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>&ndash;&gt;-->
<!--                    <ul class="login-opc" style="margin-top: 20px;">-->
<!--                        <li><a href="http://www.camajus.com.br"><i class="fa fa-list" aria-hidden="true"></i> Quero conhecer os cursos</a></li>-->
<!--                        <li><a href="http://localhost/moodle35/login/forgot_password.php"><i class="fa fa-lock" aria-hidden="true"></i> Esqueci minha senha de acesso</a></li>-->
<!--                        <li><a href="http://www.camajus.com.br"><i class="fa fa-info-circle" aria-hidden="true"></i> Saiba mais sobre a Camajus</a></li>-->
<!--                    </ul>-->
<!--                </div>-->
            </div>
            {{#altlogins}}
            <br><hr><br>
                {{{.}}}
            {{/altlogins}}
            <div id="snap-pm-login-help">
                <a class="btn btn-primary" href="{{action}}"><i class="fa fa-info-circle" aria-hidden="true"></i> {{#str}}help{{/str}}</a>
            </div>
        </div>
    </div>
</div>
