{% extends 'settings.html' %}
{% load i18n %}
{% block settings %}{% load static %}
<meta name="csrf-token" content="{{ csrf_token }}">
{% include "generic/components.html" %}


<div class="oh-inner-sidebar-content">
    {% if perms.helpdesk.view_departmentmanager %}
    <div hx-get="{% url 'department-manager-nav' %}" hx-trigger="load"></div>
    <div class="oh-checkpoint-badge mb-2" id="selectedInstances" data-ids="[]" data-clicked="" style="display: none">
    </div>
    <div class="oh-wrapper" id="listContainer">
        <div class="animated-background"></div>
    </div>
    {% endif %}

</div>

<button id="getDepartmentEmployeesButton" hx-get="{% url 'get-department-employee' %}" hx-target="#id_manager"
    hidden></button>
<script>
    function getDepartmentEmployees(element) {
        var dep_id = element.val()
        $('#getDepartmentEmployeesButton').attr('hx-vals', JSON.stringify({ dep_id: dep_id })).click();
    }
</script>
{% endblock settings %}