{% extends "base.html" %}

{% block title %}Реестр вселенных — DataAudit Platform{% endblock %}

{% block content %}
<link rel="stylesheet" href="{{ url_for('static', path='/css/grc.css') }}">

<div class="page-content">
    <div class="grc-toolbar">
        <a href="/workflows" class="btn-back">
            <i data-lucide="arrow-left"></i> GRC
        </a>
        <div class="toolbar-actions" id="toolbar-actions"></div>
    </div>

    <div class="detail-header">
        <div class="detail-title-row">
            <div>
                <h2>Реестр аудиторских вселенных</h2>
                <p class="detail-desc">Версионированные снимки аудиторской вселенной по годам</p>
            </div>
            <div class="detail-actions" id="create-btn-wrap" style="display:none;">
                <button class="btn btn-primary" onclick="openCreateModal()">
                    <i data-lucide="plus"></i>
                    <span id="create-btn-label">Создать вселенную</span>
                </button>
            </div>
        </div>
    </div>

    <div class="grc-section">
        <div class="grc-table-wrap">
            <table class="grc-table">
                <thead>
                    <tr>
                        <th>Год</th>
                        <th>Название</th>
                        <th>Статус</th>
                        <th>Объектов</th>
                        <th>Создана из</th>
                        <th>Стратегический план</th>
                        <th>Создал</th>
                        <th>Дата</th>
                        <th>Действия</th>
                    </tr>
                </thead>
                <tbody id="universes-tbody">
                    <tr><td colspan="9" class="loading-cell">Загрузка...</td></tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- Create Universe Modal -->
<div class="modal-overlay" id="modal-create" style="display:none;">
    <div class="modal">
        <div class="modal-header">
            <h3>Создать аудиторскую вселенную</h3>
            <button class="modal-close" onclick="closeModal('modal-create')">&times;</button>
        </div>
        <div class="modal-body">
            <div class="form-group">
                <label>Год новой вселенной *</label>
                <input type="number" id="new-year" class="form-input" min="2020" max="2040">
            </div>
            <div class="form-group">
                <label>Клонировать из *</label>
                <select id="source-universe" class="form-input"></select>
            </div>
            <div class="form-group">
                <label>Название (необязательно)</label>
                <input type="text" id="new-title" class="form-input" placeholder="Аудиторская вселенная {год}">
            </div>
            <div class="form-group">
                <label>Описание</label>
                <textarea id="new-description" rows="2" class="form-input"></textarea>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-secondary" onclick="closeModal('modal-create')">Отмена</button>
            <button class="btn btn-primary" id="btn-confirm-create" onclick="confirmCreate()">
                Создать
            </button>
        </div>
    </div>
</div>

<script src="{{ url_for('static', path='/js/grc.js') }}"></script>
<script>
let universesData = [];
let userRole = 'viewer';

const U_STATUS_LABELS = {
    draft:    'Черновик',
    review:   'На проверке',
    approval: 'Согласование',
    approved: 'Утверждён',
    archived: 'Архив',
};

const EDITABLE_STATUSES = ['draft', 'review', 'approval'];

document.addEventListener('DOMContentLoaded', async function() {
    try {
        const me = await fetch('/api/me').then(r => r.json());
        userRole = me.role;
    } catch(e) {}
    await loadUniverses();
});

async function loadUniverses() {
    try {
        const resp = await fetch('/api/grc/universes');
        if (!resp.ok) throw new Error('load failed');
        universesData = await resp.json();
        renderUniverses();
        renderCreateButton();
    } catch(e) {
        document.getElementById('universes-tbody').innerHTML =
            '<tr><td colspan="9" class="loading-cell">Ошибка загрузки</td></tr>';
    }
}

function renderUniverses() {
    const tbody = document.getElementById('universes-tbody');
    if (!universesData.length) {
        tbody.innerHTML = '<tr><td colspan="9" class="loading-cell">Нет данных</td></tr>';
        return;
    }

    tbody.innerHTML = universesData.map(u => {
        const statusLabel = U_STATUS_LABELS[u.status] || u.status;
        const sourceLink = u.source_title
            ? `<a href="/workflows/universes/${u.created_from_id}">${escHtml(u.source_title)}</a>`
            : '—';
        const planLink = u.strategic_plan_id
            ? `<a href="/workflows/strategic-plans/${u.strategic_plan_id}">${escHtml(u.strategic_plan_title)}</a>`
            : '<span class="text-muted">—</span>';

        const locked = u.status === 'approved'
            ? '<i data-lucide="lock" style="width:14px;height:14px;color:#6b7280;margin-left:4px;" title="Утверждена, изменения закрыты"></i>'
            : '';

        return `
            <tr class="clickable-row" onclick="location.href='/workflows/universes/${u.id}'">
                <td><strong>${u.year}</strong>${locked}</td>
                <td>${escHtml(u.title)}</td>
                <td><span class="status-badge status-${u.status}">${statusLabel}</span></td>
                <td>${u.object_count ?? 0}</td>
                <td>${sourceLink}</td>
                <td>${planLink}</td>
                <td>${escHtml(u.created_by)}</td>
                <td>${u.created_at_str || '—'}</td>
                <td onclick="event.stopPropagation()">
                    ${u.status === 'approved' && !u.strategic_plan_id && ['admin','manager'].includes(userRole)
                        ? `<button class="btn btn-sm btn-outline"
                                   onclick="createPlanFromUniverse(${u.id}, ${u.year})">
                               Создать план
                           </button>`
                        : ''}
                </td>
            </tr>`;
    }).join('');
    lucide.createIcons();
}

function renderCreateButton() {
    if (!['admin', 'manager'].includes(userRole)) return;
    const hasActive = universesData.some(u => ['draft', 'review', 'approval'].includes(u.status));
    if (hasActive) return; // Only one in-progress universe at a time

    const nextYear = universesData.length ? (Math.max(...universesData.map(u => u.year)) + 1) : new Date().getFullYear() + 1;
    document.getElementById('create-btn-label').textContent = `Создать вселенную ${nextYear}`;
    document.getElementById('create-btn-wrap').style.display = '';
}

function openCreateModal() {
    const nextYear = universesData.length ? (Math.max(...universesData.map(u => u.year)) + 1) : new Date().getFullYear() + 1;
    document.getElementById('new-year').value = nextYear;

    const sel = document.getElementById('source-universe');
    sel.innerHTML = universesData
        .filter(u => u.status !== 'archived')
        .sort((a, b) => b.year - a.year)
        .map(u => `<option value="${u.id}">${u.year} — ${escHtml(u.title)} (${U_STATUS_LABELS[u.status] || u.status})</option>`)
        .join('');

    document.getElementById('new-title').value = '';
    document.getElementById('new-description').value = '';
    openModal('modal-create');
}

async function confirmCreate() {
    const year = parseInt(document.getElementById('new-year').value);
    const sourceId = parseInt(document.getElementById('source-universe').value);
    const title = document.getElementById('new-title').value.trim() || null;
    const description = document.getElementById('new-description').value.trim() || null;

    if (!year || isNaN(year)) { alert('Укажите год'); return; }
    if (!sourceId) { alert('Выберите источник'); return; }

    const btn = document.getElementById('btn-confirm-create');
    btn.disabled = true;
    btn.textContent = 'Создание...';

    try {
        const resp = await fetch('/api/grc/universes', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({ year, source_universe_id: sourceId, title, description }),
        });
        const result = await resp.json();
        if (resp.ok) {
            closeModal('modal-create');
            location.href = `/workflows/universes/${result.id}`;
        } else {
            alert(result.detail || 'Ошибка создания');
        }
    } catch(e) { alert('Ошибка сети'); }
    finally {
        btn.disabled = false;
        btn.textContent = 'Создать';
    }
}

async function createPlanFromUniverse(universeId, year) {
    location.href = `/workflows/strategic-plans/new?universe_id=${universeId}&year=${year}`;
}
</script>
{% endblock %}