{% 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>Get new password</h1>
            <hr>
        </div>

        <div class="col-md-8 p4">
            <div class="col-sm-offset-3 col-sm-9">
                <p style="margin-bottom:15px;" class="bold">
                    Please enter your email address and click "Submit"
                </p>
            </div>

            {% if email_not_found %}
            <div class="alert alert-danger" role="alert" style="padding: 5px 10px;">
                *{{ email_not_found }}
            </div>
            {% endif %}

            <!-- modify action based on user type -->
            <form class="form-horizontal" method="post" id="get-new-password"
                action="{% if userType == 'partner' %}/admin/partner/get-password
                        {% elseif userType == 'dealer' %}/admin/dealer/get-password
                        {% elseif userType == 'customer' %}/admin/customer/get-password
                        {% elseif userType == 'admin' %}/login/get-new-password
                        {% endif %}">

                <div class="form-group">
                    <label for="email_address" class="control-label col-sm-3">Email </label>
                    <div class="col-sm-9">
                        <input type="email" class="form-control required" name="email_address"
                            id="email_address" placeholder="Email address" value="" autofocus>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-offset-3 col-sm-9">
                        <button id="submit-btn" class="btn btn-primary" type="submit">
                            Submit
                        </button>
                    </div>
                </div>

            </form>
        </div><!-- // .col  -->


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

    </div><!-- // .row  -->
</div>
{% endblock %}


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