<?php

use lim\_shared\models\interview;

?>

<div class="main-container interview space-mt-xl space-mb-md">
    <h1 class="headline small">Entwurf fortsetzen</h1>
    <p><b>Fragebogen vom <?= date("d.m.Y H:i", $_view["interview"]->timeCreated); ?> Uhr</b></p>
    <p class="mb-0">
        Hier können Sie ihren angefangenen Fragebogen fortsetzen und finalisieren.
    </p>
</div>

<form id="interviewForm" method="post" action="<?= $_con->getLink(["interview", "interviewForm"]); ?>">
    <input type="hidden" name="step" value="unanswered">
        <div id="unanswered-container" class="main-container interview bg-lightorange mb-0">
            <h2 class="headline small">Offene Fragen</h2>
            <p class="mb-0">Nachfolgend finden Sie alle noch unbeantworteten Fragen je Segment auf einen Blick.</p>
        </div>
        <div class="main-container interview mt-0 pt-0 unanswered">
            <?php foreach (interview::SECTION_POOL as $step) { ?>
                <?php if (!empty($_view["unanswered"][$step])) { ?>
                    <h3 id="headline_<?= $step; ?>" class="headline sectionHeadline medium space-mt-md <?= !in_array($step, $_view["showSection"]) ? "d-none" : ""; ?>">
                        <?= ucfirst($step); ?>
                    </h3>
                    <?php foreach ($_view["unanswered"][$step] as $question) { ?>
                        <?= $_con->getRenderedView("interview/question.partial", ["question" => $question, "formData" => $_view["formData"]]);?>
                    <?php } ?>
                <?php } ?>
            <?php } ?>
            <div class="mt-5 allAnswered <?= $_view["formComplete"] ? "d-none" : ""; ?>">
                <p class="fw-bold">Alle aktuell offenen Fragen wurden beantwortet.</p>
                <p>Es wurden bereits alle Fragen, die sich aus ihren aktuellen Antworten ergeben, beantwortet. 
                    Sie können den Fragebogen mit dem untenstehenden Button finalisieren.</p>
            </div>
        </div>
    <?php if (!empty($_view["answered"])) { ?>
        <div class="main-container interview bg-lightgreen mb-0 space-mt-md">
            <h2 class="headline small">Bereits beantwortete Fragen</h2>
            <p>Hier sehen Sie alle Fragen, die im aktuellen Entwurf bereits beantwortet sind. Die Antworten können bei Bedarf angepasst werden.</p>
            <a href="javascript:;" id="toggleUnanswered" class="btn sm btn-secondary w-xs-100">Beantwortete Fragen <nobr>ein/ausblenden</nobr></a>
        </div>

        <div id="answered" style="<?= !$_view["formComplete"] ? "display: none;" : "";?>">
            <div class="main-container interview mt-0 pt-0">
                <?php
                    foreach ($_view["answered"] as $question) {
                        echo $_con->getRenderedView("interview/question.partial", ["question" => $question, "formData" => $_view["formData"]]);
                    }
                ?>
            </div>
        </div>
    <?php } ?>
    <div class="main-container interview space-mb-md space-mt-md">
        <div class="row g-2 justify-content-center">
            <div class="col-12 col-sm-auto">
                <input type="submit" class="btn lg btn-primary score w-xs-100" name="continue" value="Fragebogen finalisieren">
            </div>
        </div>
        <div class="row g-2 mt-2">
            <div class="col-12 col-sm-6 justify-content-end d-flex">
                <input type="submit" class="ms-auto btn sm btn-secondary w-xs-100" name="reset" value="Neu beginnen"
                    onclick="return confirm('Sind Sie sicher? Alle Eingaben werden gelöscht.');">
            </div>
            <div class="col-12 col-sm-6">
                <input type="submit" class="btn sm btn-secondary w-xs-100" name="draft" value="Als Entwurf speichern">
            </div>
        </div>
    </div>
</form>