{% extends "base.html" %}
{% from "macros.html" import secret_selects %}
{% block title %}{{ name }}{% endblock %}
{% block head %}
<link rel="stylesheet" href="/static/vendor/codemirror/codemirror.css">
<script src="/static/vendor/codemirror/codemirror.js"></script>
<script src="/static/vendor/codemirror/yaml.js"></script>
<script src="/static/vendor/codemirror/properties.js"></script>
<script src="/static/vendor/codemirror/jinja2.js"></script>
{% endblock %}
{% block content %}
<div class="page-head">
  <h1><a href="/{{ area }}" class="muted">{{ title }}</a> / {{ name }}</h1>
  <div class="actions">
    <a class="button" href="/{{ area }}/{{ name }}/download">Скачать zip</a>
    <button class="danger" hx-post="/{{ area }}/{{ name }}/delete" hx-confirm="Удалить {{ name }} со всеми файлами?">Удалить</button>
  </div>
</div>

{% if area == 'inventories' %}
<section class="card">
  <div class="card-head">
    <h2>Хосты</h2>
    <div class="actions">
      <button hx-post="/inventories/{{ name }}/tcp" hx-target="#hosts" hx-indicator="#hosts-spin">Проверить TCP-доступность</button>
      <button hx-get="/inventories/{{ name }}/graph" hx-target="#graph">Граф групп</button>
      <span id="hosts-spin" class="htmx-indicator spinner"></span>
    </div>
  </div>
  <div id="hosts" hx-get="/inventories/{{ name }}/hosts" hx-trigger="load, files-changed from:body">
    <p class="muted">Разбор inventory…</p>
  </div>
  <div id="graph"></div>
</section>

<section class="card">
  <h2>Проверки Ansible</h2>
  <form hx-post="/runs/adhoc">
    <input type="hidden" name="inventory" value="{{ name }}">
    <label>Хосты / группа (pattern) <input name="pattern" value="all"></label>
    {{ secret_selects(secrets, meta) }}
    <div class="actions">
      <button name="kind" value="ping" class="primary">ping (Linux)</button>
      <button name="kind" value="win_ping">win_ping (Windows)</button>
      <button name="kind" value="facts">Сбор фактов (ОС/версия)</button>
    </div>
  </form>
</section>

<section class="card">
  <h2>Учётные данные по умолчанию</h2>
  <form hx-post="/inventories/{{ name }}/defaults">
    {{ secret_selects(secrets, meta) }}
    <button>Сохранить</button>
    <p class="muted small">Подставляются в проверки и запуски с этим inventory. Переменные ansible_user/ansible_password в самом inventory имеют приоритет.</p>
  </form>
</section>
{% else %}
<section class="card">
  <h2>Запуск</h2>
  {% if not entries %}
    <div class="alert warn">В корне проекта не найден playbook (YAML со списком plays).</div>
  {% endif %}
  <form hx-post="/playbooks/{{ name }}/entry" hx-trigger="change" class="inline">
    <label>Точка входа
      <select name="entry">
        {% if not meta.entry %}<option value="">—</option>{% endif %}
        {% for e in entries %}<option {{ 'selected' if meta.entry == e }}>{{ e }}</option>{% endfor %}
      </select>
    </label>
  </form>
  <form hx-post="/runs/playbook">
    <input type="hidden" name="playbook" value="{{ name }}">
    <div class="grid3">
      <label>Inventory
        <select name="inventory" required>
          {% for i in inventories %}<option>{{ i }}</option>{% endfor %}
        </select>
      </label>
      <label>Limit <input name="limit" placeholder="host1,group2"></label>
      <label>Подробность
        <select name="verbosity"><option value="0">обычная</option><option value="1">-v</option><option value="2">-vv</option><option value="3">-vvv</option><option value="4">-vvvv</option></select>
      </label>
      <label>Tags <input name="tags"></label>
      <label>Skip tags <input name="skip_tags"></label>
      <div class="checks">
        <label class="check"><input type="checkbox" name="diff" value="true"> --diff</label>
        <label class="check"><input type="checkbox" name="become_flag" value="true"> --become</label>
      </div>
    </div>
    {{ secret_selects(secrets, {}) }}
    <label>Extra vars (YAML)
      <textarea name="extra_vars" rows="3" placeholder="version: 1.2.3"></textarea>
    </label>
    <p class="muted small">Каталог дистрибутивов доступен в playbook как <code>{{ '{{ cockpit_distrib_dir }}' }}</code>.</p>
    {% if not inventories %}<div class="alert warn">Сначала загрузите inventory.</div>{% endif %}
    <div class="actions">
      <button name="mode" value="run" class="primary" {{ 'disabled' if not inventories }}>Запустить</button>
      <button name="mode" value="check" {{ 'disabled' if not inventories }}>Dry-run (--check)</button>
      <button name="mode" value="syntax" {{ 'disabled' if not inventories }}>Синтаксис</button>
      <button name="mode" value="list-hosts" {{ 'disabled' if not inventories }}>Хосты</button>
      <button name="mode" value="list-tasks" {{ 'disabled' if not inventories }}>Задачи</button>
    </div>
  </form>
  {% if has_requirements %}
  <form hx-post="/runs/galaxy" class="inline">
    <input type="hidden" name="playbook" value="{{ name }}">
    <button>Установить зависимости из requirements.yml</button>
    <span class="muted small">нужен доступ в интернет или к Galaxy-зеркалу</span>
  </form>
  {% endif %}
</section>
{% endif %}

<section class="card">
  <div class="card-head">
    <h2>Файлы</h2>
    <form hx-post="/{{ area }}/{{ name }}/file/new" hx-target="#editor" class="inline">
      <input name="path" placeholder="group_vars/all.yml" required>
      <button>Новый файл</button>
    </form>
    <form hx-post="/{{ area }}/{{ name }}/file/upload" hx-encoding="multipart/form-data" class="inline">
      <input name="dir" placeholder="каталог (необязательно)">
      <input type="file" name="file" required>
      <button>Добавить</button>
    </form>
  </div>
  <div class="editor-layout">
    <div id="files" hx-get="/{{ area }}/{{ name }}/files" hx-trigger="files-changed from:body">
      {% include "partials/file_tree.html" %}
    </div>
    <div id="editor">{% include "partials/editor_empty.html" %}</div>
  </div>
</section>

<section class="card">
  <h2>Последние запуски</h2>
  {% include "partials/runs_table.html" %}
</section>
{% endblock %}