{# backend/templates/employees/department_detail.html #}
{# Детальная страница отдела - рефакторированная версия #}
{% extends 'base.html' %}
{% load static django_bootstrap5 %}

{% block title %}{{ dept.name }}{% endblock %}

{% block content %}
{% with dept_id=dept.id %}
<div class="container">

  {# ===== ЗАГОЛОВОК ===== #}
  {% include "employees/components/department_header.html" %}

  {# ===== ДВЕ КОЛОНКИ ===== #}
  <div class="row g-4 align-items-start">

    {# ===== ЛЕВАЯ КОЛОНКА: команда + инфо ===== #}
    <div class="col-md-4">
      {% include "employees/components/department_team_circle.html" %}
      {% include "employees/components/department_info.html" %}
    </div>

    {# ===== ПРАВАЯ КОЛОНКА: настройки + лента ===== #}
    <div class="col-md-8">
      {% include "employees/components/department_sidebar.html" %}
    </div>

  </div>
</div>

{# ===== МОДАЛЬНЫЕ ОКНА ===== #}
{% include "employees/components/department_modals.html" %}

{% endwith %}
{% endblock %}

{# ===== СТИЛИ в <head> для правильного рендеринга ===== #}
{% block extra_css %}
{% include "employees/components/department_styles.html" %}
{% endblock %}

{# ===== СКРИПТЫ ===== #}
{% block extra_js %}
{% include "employees/components/department_scripts.html" %}
{% endblock %}