{% extends "layout.html" %}
{% block content %}
    <div class="card-header bg-primary"><h4 class="text-white"><i class="fas fa-user-circle mr-2"></i>{{ title }}</h4></div>
    <div class="content-section">
      <div class="media">
        <img class="rounded-circle account-img" src="{{ image_file }}">
        <div class="media-body">
                    {% if not current_user.alias %}
                      <h2 class="account-heading">{{ current_user.nombrecompleto }}</h2>
                    {% else %}
                      <h2 class="account-heading">{{ current_user.alias }}</h2>
                    {% endif %}
          <p class="text-secondary">{{ current_user.correodefecto.correo }}</p>
        </div>
      </div>
            <fieldset class="form-group">
                <legend class="border-bottom mb-4">Información de la Cuenta</legend>
                <div class="form-group">
                    Nombre:
                    {{ current_user.nombrecompleto }}
                </div>
                 <div class="form-group">
                    Login:
                    {{ current_user.login }}
                </div>
                 <div class="form-group">
                    Correo:
                    {{ current_user.correodefecto.correo }}
                </div>
                <legend class="border-bottom mb-4">Personalización</legend>
                <div class="form-group">
                    Alias:
                    {{ current_user.alias }}
                </div>
                <div class="form-group">

                </div>
            </fieldset>
        </form>
    </div>
<a href="{{  url_for('main.dashboard') }}" class="btn btn-info  btn-lg btn-block mt-2"><i class="fas fa-undo-alt mr-2"></i>Volver</a>

{% endblock content %}
