{% extends 'base/base.html' %}
{% load static %}

{% block title %}
  {{ pagename }}
{% endblock %}

{% block heading %}
  Профиль
{% endblock %}

{% block extra_css%}
<style>
  .img{
    width:auto;
    height:auto;
    max-width:400px!important;
    max-height:500px!important;
</style>
  }
{% endblock %}
{% block content %}
    <br>
    <div class="row">
      <div class="col-auto">
        <div class="container">
          <img src="/media/{{image_name}}" class="img img-thumbnail" alt="Нет изображения"></div>
      </div>
      <div class="col g-5">
        <div class="row g-5">
          <h4><span class="badge bg-secondary">Имя пользователя</span> {{name}}</h4>
          <h4><span class="badge bg-secondary">Электронная почта</span> {{email}}</h4>
          <h4><span class="badge bg-secondary">Текущая роль</span> {{role}}</h4>
          <form action="">
            <button class="btn btn-primary">Запросить права доступа</button>
          </form>
        </div>
      </div>
    </div>
{% endblock %}