<!DOCTYPE html>
{% extends "base.html" %}
{% block content %}
    <h2 style="margin-bottom: 0px;">{{ user.username }}'s Profile</h2>
<a href="{% url 'password_change' %}">Change Password</a><br><br>
    <img src="{{ user.avatar }}"><br>
    <form method="post" enctype='multipart/form-data'>
        <p>
            <label for="id_avatar">Avatar:</label>
            <br>
            <input type="file" name="avatar" accept="image/*">
            <br>
        </p>
        <p>
            <label for="id_url">Url:</label>
            <br>
            <small style="color: grey">Required</small>
            <br>
            <input type="url"
                   name="url"
                   maxlength="200"
                   required
                   aria-describedby="id_url_helptext"
                   id="id_url"
                   value="{{ user.url }}">
            <br>
        </p>
        <p>
            <label for="id_description">Description:</label>
            <br>
            <textarea name="description" cols="40" rows="10" required id="id_description" style="max-width:100%">{{user.description}}</textarea>
            <br>
        </p>
        <button type="submit">Save</button>
        {% csrf_token %}
    </form>
{% endblock %}
