{% 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">
      <img
        src="{% if profile.image %}{{ profile.image }}{% else %}{% static 'no_avatar.png' %}{% endif %}"
        class="img img-thumbnail"
        alt="Нет изображения"
      >
    </div>
    <a href="{%url 'password_change' %}">Сменить пароль</a>
  </div>
  <div class="col">
    <h5><span class="badge bg-secondary text-light">Имя пользователя</span> {{ profile.name }}</h5>
    <br>
    <h5><span class="badge bg-secondary text-light">Электронная почта</span> {{ profile.user.email }}</h5>
    <br>
    <h5><span class="badge bg-secondary text-light">Текущая роль</span>
      {% if profile.custom_role_id == ZENDESK_ROLES.engineer %}
        engineer
      {% elif profile.custom_role_id == ZENDESK_ROLES.light_agent %}
        light_agent
      {% endif %}
    </h5>
  </div>
</div>
<div align="center">
  <form action="">
    <a href="{% url 'work' profile.user.id %}" class="btn btn-primary"><big>Запросить права доступа</big></a>
  </form>
</div>
{% endblock %}
