{% extends 'base.html' %}

{% block title %}
  Get New Password | ArmaLaser
{% endblock %}


{% block css %}
{% endblock %}


{% block outsidecontainer %}
{% endblock %}


{% block content %}
<div class="container" style="margin-bottom: 180px;">
    <div class="row">

        <div class="col-md-12">
            <h1>Reset Password</h1>
            <hr>
        </div>

        <div class="col-md-8 p4">

            {% if session.loginerror %}
            {% include 'Error/errormessage.html' %}
            {% endif %}

            <div class="col-md-8 col-md-offset-4">
                <p class="p2">
                    Enter your login email address, temporary password from email,
                    and set your new password. Afterward, you can log in using
                    the new password.
                </p>
            </div>

             <form action="/admin/customers/reset-customer-password" name="resetpwdform" id="resetpwdform" method="post" class="form-horizontal">

                <div class="form-group">
                    <label for="email" class="col-sm-4 control-label">Email</label>
                    <div class="col-sm-8">
                        <input type="email" class="form-control email required"
                            name="email" id="email" placeholder="Log in email" autofocus>
                    </div>
                </div>

                <div class="form-group">
                    <label for="tmppassword" class="col-sm-4 control-label">
                        Temp password
                    </label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control required" name="tmppassword"
                            id="tmppassword" placeholder="Temporary password from email" value="{{ tmp_pass }}">
                    </div>
                </div>

                <div class="form-group">
                    <label for="newpassword" class="col-sm-4 control-label">
                        New password
                    </label>
                    <div class="col-sm-8">
                        <input type="password" class="form-control required"
                            name="newpassword" id="newpassword" placeholder="New password">
                    </div>
                </div>

                <div class="form-group">
                    <label for="confirm_newpassword" class="col-sm-4 control-label">
                        Confirm new password
                    </label>
                    <div class="col-sm-8">
                        <input type="password" class="form-control required"
                            name="confirm_newpassword" id="confirm_newpassword"
                            placeholder="Confirm password">
                    </div>
                </div>

                <div class="form-group p1">
                        <div class="col-sm-offset-4 col-sm-8">
                        <div class="g-recaptcha" data-sitekey="{{ site_key }}"></div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-offset-4 col-sm-8">
                        <button type="submit" class="btn btn-primary btn-lg">
                            Submit
                        </button>
                    </div>
                </div>

            </form>
        </div>

        <div class="col-md-4">
        </div>

    </div>
</div>
{% endblock %}


{% block bottomjs %}
<script>
$(document).ready(function(){
    $("#resetpwdform").validate();
});
</script>
{% endblock %}