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

{% load static %}



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


{% block heading %}Управление правами{% endblock %}

{% block content %}
<br>
<h3>Инженеры</h3>
{%for engineer in engineers%}
    {{ engineer.name }}
{% endfor %}

<h3>Агенты</h3>
{%for agent in agents%}
    {{ agent.name }}
{% endfor %}

<br>

{% if role == "admin" %}
    <a href="/work/hand_over">Сдать смену</a>
{% else %}
    <a href="/work/become_engineer">Запросить права инженера</a>
{% endif %}

{% endblock %}

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

{% block heading %}Управление{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'main/css/work.css' %}">
{% endblock %}

{% block content %}
<div class="container-md">

    <div class="new-section">
        <p class="row page-description">Основаная информация о странице</p>
    </div>

    <div class="row justify-content-center new-section">
        <div class="col-10">
            <h6 class="table-title">Список сотрудников с правами инженера</h6>
            <table class="light-table">
                <thead>
                    <th>ID</th>
                    <th>email</th>
                    <th>Expiration Date</th>
                    <th>Name(link to profile)</th>
                </thead>
                <tbody>

                    <tr>
                        <td>1</td>
                        <td>big_boss123@example.ru</td>
                        <td>19:30 18.02.21</td>
                        <td><a href="#">Иван Иванов</a></td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>gachi_cool456@example.ru</td>
                        <td>21:00 18.02.21</td>
                        <td><a href="#">Пётр Петров</a></td>
                    </tr>
               </tbody>
            </table>
        </div>
    </div>
    <div class="row justify-content-center new-section">
        <div class="col-5">
            <div class="info">
                <div class="info-row">
                    <div class="info-target">инженеров: </div>
                    <div class="info-quantity">
                        <div class="status-circle-small light-green"></div>
                        <span class="info-quantity-value">13</span>
                    </div>
                </div>
                <div class="info-row">
                    <div class="info-target">легких агентов:</div>
                    <div class="info-quantity">
                        <div class="status-circle-small light-yellow"></div>
                        <span class="info-quantity-value">22</span>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-5">
            <button class="request-acess-button default-button">Получить права инженера</button>
            <button class="hand-over-acess-button default-button">Сдать права инженера</button>
        </div>
    </div>
</div>
{% endblock %}