{% extends "base_short.html" %}
{% load i18n staticfiles bootstrap3 %}

{% block title %}
    <title> Changing user data for {{user}} </title>
{% endblock %}



{% block content %}
    <div class="auth-container">
        <div class="auth-bg"></div>
        <div class="auth-center">
            <div class="auth-content">
                <div class="auth-box">
                    <h1 class="section-heading allcaps">{% trans " Update your info " %} </h1>
                    <form action="{% url 'change_data' %}" method="post" class="form" novalidated>
                        {% csrf_token %}
                        <div class="form-group">
                            <label class="sr-only control-label" for="firstname">firstname</label>
                            <input type="text" name="firstname" placeholder="firstname" value="{{firstname}}" class="form-control" required="" id="firstname">
                        </div>
                        <div class="form-group">
                            <label class="sr-only control-label" for="lastname">lastname</label>
                            <input type="text" name="lastname" placeholder="lastname" value="{{lastname}}" class="form-control" required="" id="lastname">
                        </div>
                        <div class="form-group">
                            <label class="sr-only control-label" for="email">email</label>
                            <input type="text" name="email" placeholder="email" value="{{email}}" class="form-control" required="" id="email">
                        </div>
                        <hr>
                        <div class="text-center">
                            <button type="submit" class="btn choice-btn btn-block">
                                {% trans "Change User Data" %}
                            </button>
                        </div>
                        <hr>
                        <div class="text-center">
                            <a class="btn choice-btn btn-block" href="{% url 'index' %}" role="button">Back to Index</a>
                        </div>
                    </form>


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

