{% extends "lte/with_sidebar.html" %}
{% load form_tags %}

{% block title %}Meu perfil{% endblock %}

{% block sidebar %}
<nav class="mt-2">
    <ul class="nav nav-pills nav-sidebar flex-column">
        <li class="nav-item"><a href="{% url 'reviews:index' %}" class="nav-link"><i class="nav-icon fas fa-book"></i><p>Minhas revisões</p></a></li>
        <li class="nav-item"><a href="{% url 'accounts:profile' %}" class="nav-link active"><i class="nav-icon fas fa-user"></i><p>Perfil</p></a></li>
    </ul>
</nav>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-6">
        <div class="card card-primary">
            <div class="card-header"><h3 class="card-title">Dados pessoais</h3></div>
            <form method="post" class="card-body">
                {% csrf_input %}
                <input type="hidden" name="action" value="update_profile">
                <div class="form-group">
                    <label>Nome</label>
                    <input type="text" name="name" class="form-control" value="{{ user.name }}" required>
                </div>
                <div class="form-group">
                    <label>Nome de usuário (URL)</label>
                    <input type="text" name="username" class="form-control" value="{{ user.username }}" required>
                </div>
                <div class="form-group">
                    <label>E-mail</label>
                    <input type="email" class="form-control" value="{{ user.email }}" disabled>
                </div>
                <div class="form-group">
                    <label>Instituição</label>
                    <input type="text" name="institution" class="form-control" value="{{ user.institution or '' }}">
                </div>
                <button type="submit" class="btn btn-primary">Salvar perfil</button>
            </form>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-warning">
            <div class="card-header"><h3 class="card-title">Alterar senha</h3></div>
            <form method="post" class="card-body">
                {% csrf_input %}
                <input type="hidden" name="action" value="change_password">
                <div class="form-group">
                    <label>Senha atual</label>
                    <input type="password" name="current_password" class="form-control" required>
                </div>
                <div class="form-group">
                    <label>Nova senha</label>
                    <input type="password" name="new_password" class="form-control" required>
                </div>
                <div class="form-group">
                    <label>Confirmar nova senha</label>
                    <input type="password" name="new_password_confirm" class="form-control" required>
                </div>
                <button type="submit" class="btn btn-warning">Alterar senha</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}