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

{% load static %}


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


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


{% block extra_css %}
<style>
    .img{
      width:auto;
      height:auto;
      max-width:100px!important;
      max-height:100px!important;
    }



</style>
{% endblock %}

{% block content %}
<br>
<div class="row">
  <div class="col-auto">
    <div class="container">
      {% if image_url %}
      <img src={{image_url}} class="img img-thumbnail" alt="Аватар">
      {% else %}
      <img src="{% static 'no_avatar.png' %}" class="img img-thumbnail" alt="Нет изображения">
      {% endif %}
    </div>
  </div>
  <div class="col">
    <h5><span class="badge bg-secondary text-light">Имя пользователя</span> {{name}}</h5>
    <br>
    <h5><span class="badge bg-secondary text-light">Электронная почта</span> {{email}}</h5>
    <br>
    <h5><span class="badge bg-secondary text-light">Текущая роль</span> {{role}}</h5>
  </div>
</div>
<div align="center">
  <form action="">
    <a href="/work/{{ id }}" class="btn btn-primary"><big>Запросить права доступа</big></a>
  </form>
</div>
{% endblock %}