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

{% load static %}

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

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

{% block extra_css %}
<link rel="stylesheet" href="{% static 'main/css/work.css' %}" xmlns="http://www.w3.org/1999/html">
<link rel="stylesheet" href="{% static 'modules/notifications/dist/notifications.css' %}">
{% endblock %}
{% block extra_scripts %}
<script src="{% static 'modules/notifications/dist/notifications.js' %}"></script>
<script src="{% static 'main/js/notifications.js' %}"></script>
{% endblock %}

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

    <div class="new-section">
        <p class="row page-description">Свободных Мест: {{ licences_remaining }}</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>Email</th>
                    <th>Name</th>
                </thead>
                <tbody>
                    {% for engineer in engineers %}
                        <tr>
                            <td>{{ engineer.email }}</td>
                            <td>{{ engineer.name }}</td>
                        </tr>
                    {% endfor %}
               </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">{{ engineers|length }}</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">{{ agents|length }}</span>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-5">
            <a href="/work/become_engineer" class="request-acess-button default-button">Получить права инженера</a>
            <a href="/work/hand_over" class="hand-over-acess-button default-button">Сдать права инженера</a>
        </div>
        <div class="col-10">
          <form method="post" action="{% url 'work_get_tickets' %}">
            {% csrf_token %}
            {{ get_tickets_form.count_tickets }}
            <button type="submit" class="default-button">Взять тикеты в работу</button>
          </form>
        </div>
      {% for message in messages %}
  <script>create_notification('{{message}}','','{{message.tags}}',2000)</script>
  {% endfor %}
    </div>
</div>
{% endblock %}