{% 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/strategic-plans" class="btn-back">
            <i data-lucide="arrow-left"></i> Стратегические планы
        </a>
    </div>

    <div class="detail-header">
        <h2>Новый стратегический план</h2>
        <p class="detail-desc" id="universe-hint"></p>
    </div>

    <div class="grc-section" style="max-width:600px;">
        <div class="form-group">
            <label>Название *</label>
            <input type="text" id="plan-title" class="form-input" placeholder="Стратегический план аудита 2026–2028">
        </div>
        <div class="form-row">
            <div class="form-group flex-1">
                <label>Год начала *</label>
                <input type="number" id="plan-start" class="form-input" min="2020" max="2040">
            </div>
            <div class="form-group flex-1">
                <label>Год окончания *</label>
                <input type="number" id="plan-end" class="form-input" min="2020" max="2040">
            </div>
        </div>
        <div class="form-group">
            <label>Описание</label>
            <textarea id="plan-description" rows="3" class="form-input"></textarea>
        </div>
        <input type="hidden" id="plan-universe-id">
        <div id="error-msg" style="color:#dc2626;font-size:13px;margin-bottom:12px;display:none;"></div>
        <div style="display:flex;gap:8px;justify-content:flex-end;">
            <a href="/workflows/strategic-plans" class="btn btn-secondary">Отмена</a>
            <button class="btn btn-primary" onclick="createPlan()">Создать план</button>
        </div>
    </div>
</div>

<script src="{{ url_for('static', path='/js/grc.js') }}"></script>
<script>
document.addEventListener('DOMContentLoaded', async function() {
    const params = new URLSearchParams(window.location.search);
    const universeId = params.get('universe_id');
    const year = parseInt(params.get('year')) || new Date().getFullYear();

    document.getElementById('plan-universe-id').value = universeId || '';
    document.getElementById('plan-start').value = year;
    document.getElementById('plan-end').value = year + 2;
    document.getElementById('plan-title').value = `Стратегический план аудита ${year}–${year + 2}`;

    if (universeId) {
        try {
            const u = await fetch(`/api/grc/universes/${universeId}`).then(r => r.json());
            document.getElementById('universe-hint').textContent =
                `На основе: ${u.title} (${u.object_count ?? 0} объектов)`;
        } catch(e) {}
    }

    lucide.createIcons();
});

async function createPlan() {
    const title = document.getElementById('plan-title').value.trim();
    const start = parseInt(document.getElementById('plan-start').value);
    const end   = parseInt(document.getElementById('plan-end').value);
    const universeId = parseInt(document.getElementById('plan-universe-id').value);
    const description = document.getElementById('plan-description').value.trim();
    const errEl = document.getElementById('error-msg');

    if (!title)          { showErr('Укажите название'); return; }
    if (!start || !end)  { showErr('Укажите годы'); return; }
    if (end <= start)    { showErr('Год окончания должен быть больше года начала'); return; }
    if (!universeId)     { showErr('Не указана аудиторская вселенная'); return; }

    errEl.style.display = 'none';

    try {
        const resp = await fetch('/api/grc/strategic-plans', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({
                title,
                period_start: start,
                period_end: end,
                description: description || null,
                universe_id: universeId,
            }),
        });
        const result = await resp.json();
        if (resp.ok && result.id) {
            location.href = `/workflows/strategic-plans/${result.id}`;
        } else {
            showErr(result.detail || 'Ошибка создания');
        }
    } catch(e) { showErr('Ошибка сети'); }
}

function showErr(msg) {
    const el = document.getElementById('error-msg');
    el.textContent = msg;
    el.style.display = '';
}
</script>
{% endblock %}