{% extends "base.html" %}

{% block title %}Vault - DevOpsLab{% endblock %}
{% block page_title %}Ansible Vault{% endblock %}

{% block content %}
<div class="card mb-3">
    <div class="card-header">
        <h5 class="mb-0">Vault файлы</h5>
    </div>
    <div class="card-body">
        {% if vault_files %}
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Имя файла</th>
                        <th>Размер</th>
                        <th>Действия</th>
                    </tr>
                </thead>
                <tbody>
                    {% for file in vault_files %}
                    <tr>
                        <td>{{ file.name }}</td>
                        <td>{{ (file.size / 1024)|round(2) }} KB</td>
                        <td>
                            <button class="btn btn-sm btn-outline-primary" title="Просмотр">
                                <i class="fas fa-eye"></i>
                            </button>
                            <button class="btn btn-sm btn-outline-secondary" title="Редактировать">
                                <i class="fas fa-edit"></i>
                            </button>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="text-center py-5">
            <i class="fas fa-lock fa-3x text-muted mb-3"></i>
            <p class="text-muted mb-2">Vault файлы не найдены</p>
            {% if vault_dir %}
            <p class="text-muted small">Директория: <code>{{ vault_dir }}</code></p>
            {% endif %}
            <p class="text-muted small mt-3">
                Создайте файлы в директории <code>vault/</code> для управления секретами через Ansible Vault.
            </p>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}