{% set ext = path.rsplit('.', 1)[-1].lower() if '.' in path.rsplit('/', 1)[-1] else '' %}
{% set mode = 'yaml' if ext in ('yml', 'yaml') else ('jinja2' if ext == 'j2' else ('properties' if ext in ('ini', 'cfg', '') else 'text/plain')) %}
<form class="editor" hx-post="/{{ area }}/{{ name }}/file">
  <div class="editor-bar">
    <code>{{ path }}</code>
    <span class="grow"></span>
    <span class="muted small">Ctrl+S — сохранить</span>
    <button class="primary" type="submit">Сохранить</button>
    <button class="danger" type="button" hx-post="/{{ area }}/{{ name }}/file/delete" hx-target="#editor"
            hx-vals='{{ {"path": path}|tojson }}' hx-confirm="Удалить {{ path }}?">Удалить</button>
  </div>
  <input type="hidden" name="path" value="{{ path }}">
  <textarea name="content" data-editor data-mode="{{ mode }}">{{ content }}</textarea>
</form>