{% extends "admin/base_site.html" %}

{% block content %}
<div class="font-semibold text-2xl text-font-important-light tracking-tight dark:text-font-important-dark mb-4">{{ title }}</div>
{% include "ad_connector/_tabs.html" with active="import" %}

{% if ad_error %}
<div class="mb-4 px-3 py-2.5 leading-[18px] rounded-default bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-400">
  Не удалось получить список пользователей из AD: {{ ad_error }}
</div>
{% endif %}

{% if candidates %}
<div class="bg-white block rounded-default shadow-xs border border-base-200 dark:bg-base-900 dark:border-base-800 p-6">
  <form method="post">
    {% csrf_token %}
    <div class="flex flex-wrap gap-4 items-end mb-4">
      <div>
        <label class="block font-semibold mb-1 text-sm" for="id_hire_date">Дата приёма</label>
        <input type="date" id="id_hire_date" name="hire_date" value="{{ today }}"
               class="border border-base-200 bg-white rounded-default text-sm px-3 py-2 dark:bg-base-900 dark:border-base-700">
      </div>
      <div>
        <label class="block font-semibold mb-1 text-sm" for="id_user_location">Локация (офис)</label>
        <select name="user_location" id="id_user_location"
                class="border border-base-200 bg-white rounded-default text-sm px-3 py-2 dark:bg-base-900 dark:border-base-700">
          <option value="">— выберите —</option>
          {% for loc in locations %}
          <option value="{{ loc.pk }}">{{ loc.address|default:loc.pk }}</option>
          {% endfor %}
        </select>
      </div>
      <p class="text-sm text-font-subtle-light dark:text-font-subtle-dark">Кандидатов: {{ candidates_total }}. Отдел и должность — в каждой строке.</p>
    </div>

    <table class="w-full text-left mb-4">
      <thead>
        <tr>
          <th class="px-3 py-2 font-semibold text-sm border-b border-base-200 dark:border-base-800">Импорт</th>
          <th class="text-left px-3 py-2 font-semibold text-sm border-b border-base-200 dark:border-base-800">Учётная запись</th>
          <th class="text-left px-3 py-2 font-semibold text-sm border-b border-base-200 dark:border-base-800">Отдел</th>
          <th class="text-left px-3 py-2 font-semibold text-sm border-b border-base-200 dark:border-base-800">Должность</th>
        </tr>
      </thead>
      <tbody>
        {% for user in candidates %}
        <tr>
          <td class="px-3 py-2 text-sm border-b border-base-200 dark:border-base-800 text-center">
            <input type="checkbox" name="import_{{ user.username }}">
          </td>
          <td class="px-3 py-2 text-sm border-b border-base-200 dark:border-base-800">
            <div class="font-medium">{{ user.username }}</div>
            <div class="text-xs">{{ user.last_name }} {{ user.first_name }} · {{ user.email }}</div>
          </td>
          <td class="px-3 py-2 text-sm border-b border-base-200 dark:border-base-800">
            <select name="department_{{ user.username }}" class="border border-base-200 bg-white rounded-default text-sm px-2 py-1 dark:bg-base-900 dark:border-base-700">
              <option value="">—</option>
              {% for d in departments %}<option value="{{ d.pk }}">{{ d.name }}</option>{% endfor %}
            </select>
          </td>
          <td class="px-3 py-2 text-sm border-b border-base-200 dark:border-base-800">
            <select name="post_{{ user.username }}" class="border border-base-200 bg-white rounded-default text-sm px-2 py-1 dark:bg-base-900 dark:border-base-700">
              <option value="">—</option>
              {% for p in posts %}<option value="{{ p.pk }}">{{ p.name }}</option>{% endfor %}
            </select>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    <button type="submit" class="border cursor-pointer font-medium px-3 py-2 rounded-default bg-primary-600 border-transparent text-white text-sm">Импортировать отмеченных</button>
  </form>
</div>
{% else %}
  <p class="text-sm">Нет кандидатов на импорт{% if not ad_error %} — все пользователи AD уже есть в системе{% endif %}.</p>
{% endif %}
{% endblock %}