<div class="page-heading compact">
    <div>
        <span>Модул 3</span>
        <h1>ЗДОИ Generator</h1>
        <p>Създай заявление за достъп до обществена информация с ясен предмет и срок.</p>
    </div>
</div>

<section class="two-column">
    <article class="panel">
        <form class="stack-form js-doc-form" action="/zdoi" method="post" data-output=".js-zdoi-output">
            <?= csrf_field() ?>
            <input type="hidden" name="type" value="zdoi">
            <label>Институция
                <select name="institution">
                    <?php foreach ($institutions as $institution): ?>
                        <option><?= e($institution['name']) ?></option>
                    <?php endforeach; ?>
                </select>
            </label>
            <label>Искана информация
                <textarea name="requested_information">Моля да ми бъде предоставена информация за бюджета и разходите за сметосъбиране за 2026 г.</textarea>
            </label>
            <label>Причина или контекст
                <input name="reason" value="Проследяване на публични разходи и общински услуги">
            </label>
            <button class="btn btn-success" type="submit"><i class="bi bi-file-earmark-text"></i> Генерирай заявление</button>
        </form>
    </article>
    <aside class="panel">
        <h2>Преглед</h2>
        <div class="document-preview js-zdoi-output">Генерираният документ ще се появи тук.</div>
    </aside>
</section>
