<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{{ @app.title }} - Redefinir senha</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <link href="{{ @BASE }}/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="{{ @BASE }}/assets/css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="container" style="margin-top: 40px">
            <include href="hwapx/admin/admin/partials/flash.html" />
        </div>

        <div class="form-box" id="login-box">
            <div class="header {{ @settings.admin.color ? ' bg-'.@settings.admin.color : '' }}"><span class="logo">{{ @app.title }}</span> - Redefinir senha</div>
            <form action="{{ @URI }}" method="post">
                <div class="body bg-gray">
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" name="email" class="form-control" placeholder="Email" value="{{ @POST.email }}" required />
                    </div>
                    <div class="form-group">
                        <label for="email">Captcha</label>
                        <div style="text-align: center; padding: 20px 0; background: white; border-radius: 4px; margin: 5px 0 10px 0;">
                            <img src="/captcha.png" alt="Captcha">
                        </div>
                        <input type="text" name="captcha" class="form-control" placeholder="Informe o código exibido na imagem" pattern=".{6}" required title="Informe exatamente 6 caracteres" />
                    </div>
                </div>
                <div class="footer bg-gray">
                    <button type="submit" class="btn bg-primary btn-block btn-flat {{ @settings.admin.color ? ' bg-'.@settings.admin.color : '' }}">Redefinir senha</button>
                </div>
            </form>

            <div class="margin text-center">
                <span>Copyright SoftSAT 2016</span>
            </div>
        </div>
    </body>
</html>