{% extends "header.html.twig" %}


{% block body_content %}
    <div class="box">
    {% if error is defined %}
            <h2 style="color:red">{{error}}</h2>
        {% endif %}

        {% if success is defined %}
            <h2 style="color:green">{{success}}</h2>
        {% endif %}
        <div class="box-header">
            <h3 class="box-title">Change Password</h3>
        </div>

        

        <!-- /.box-header -->
        <form action="{{ path('settingsChangePassword', {}) }}" class="form-horizontal" method="post">
            <div class="box-body">
                <div class="form-group">
                    <label for="value" class="col-sm-2 control-label">Current Password</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="current_password" name="current_password" placeholder="Current Password"  required="required">
                    </div>
                </div>

                <div class="form-group">
                    <label for="value" class="col-sm-2 control-label">New Password</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="new_password" name="new_password" placeholder="New Password"  required="required">
                    </div>
                </div>

                <div class="form-group">
                    <label for="value" class="col-sm-2 control-label">Confirm Password</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="confirm_password" name="confirm_password" placeholder="Confirm Password"  required="required">
                    </div>
                </div>

                <div class="form-group">
                    <label  class="col-sm-2 control-label"></label>
                    <div class="col-sm-10">
                        <button type="submit" class="btn btn-success  pull-left">&nbsp;&nbsp;&nbsp;Update&nbsp;&nbsp;&nbsp;</button>&nbsp;&nbsp;&nbsp;
                        
                    </div>
                </div>
            </div>
        </form>
        <!-- /.box-body -->
    </div>
{% endblock body_content %}
{% block script_content %}
    <script>
        function goBack() {
            window.history.back();
        }
    </script>

{% endblock script_content %}