<div class="space-mt-xl">
<?php
    $fd = $_view["formData"];
    echo $_con->getRenderedView("interview/steps.partial", ["step" => "summary"]);
?>
</div>
<?php if (!$_view["formComplete"]) { ?>
    <div id="accountWarning" class="main-container interview space-mt-md bg-lightorange">
        <h2 class="headline medium mb-3">Fragebogen unvollständig</h2>
        <p>Sie haben aktuell nicht alle Fragen beantwortet. Das wirkt sich negativ auf Ihren Score aus.</p>
        <p>Anstatt den Fragebogen ohne die Angaben abzuschließen, können Sie ihn auch als Entwurf speichern und zu einem späteren Zeitpunkt fortsetzen.</p>
        <div class="row g-2">
            <div class="col-12 col-sm-auto order-2 order-sm-1">
                <a href="<?= $_con->getLink(["interview", "saveDraftForm"], ["draft" => 1]); ?>" class="btn sm btn-secondary w-xs-100">
                    Fragebogen als Entwurf speichern
                </a>
            </div>
            <div class="col-12 col-sm-auto order-1 order-sm-2">
                <a href="<?= $_con->getLink(["interview", "unanswered"]); ?>" class="btn sm btn-primary score ico right w-xs-100">Offene Fragen beantworten<span
                        class="icon"></span></a>
            </div>
        </div>
    </div>
<?php } ?>

<div class="main-container interview mb-0">
    <h1 class="headline medium text-center text-sm-start space-mb-sm">Zusammenfassung</h1>
    <p class="mb-0 text-center text-sm-start">Sie haben nun die Möglichkeit, ihre Eingaben vor dem Absenden noch einmal zu überprüfen.</p>

    <div class="summary-head bg-lightgreen space-mt-md">
    <div class="row g-0">    
        <div class="col-auto d-flex"><div class="align-self-center w-100"><h2 class="headline small">Unternehmensdaten</h2></div></div>
        <div class="col-auto ms-auto">
            <a href="<?= $_con->getLink(["interview", "index", "company"]); ?>" class="btn sm btn-secondary d-none d-sm-block">Unternehmensdaten bearbeiten</a>
            <a href="<?= $_con->getLink(["interview", "index", "company"]); ?>" class="btn sm btn-secondary d-block d-sm-none"><span class="icon"></span></a>
        </div>
    </div>
    </div>
    <div class="summary-content">
    <div class="row g-0">
    <div class="col-sm-8">Anrede:</div><div class="col-sm-4 text-start text-sm-end d-flex"><div class="align-self-center w-100"><b><?= $fd["salutation"]; ?></b></div></div>  
    <div class="col-12 spacer"></div>
    <div class="col-sm-8">Vorname:</div><div class="col-sm-4 text-start text-sm-end d-flex"><div class="align-self-center w-100"><b><?= $fd["firstname"]; ?></b></div></div> 
    <div class="col-12 spacer"></div>
    <div class="col-sm-8">Nachname:</div><div class="col-sm-4 text-start text-sm-end d-flex"><div class="align-self-center w-100"><b><?= $fd["lastname"]; ?></b></div></div> 
    <div class="col-12 spacer"></div>
    <div class="col-sm-8">E-Mail:</div><div class="col-sm-4 text-start text-sm-end d-flex"><div class="align-self-center w-100"><b><?= $fd["email"]; ?></b></div></div> 
    <div class="col-12 spacer"></div>
    <div class="col-sm-8">Name des Unternehmens:</div>
    <div class="col-sm-4 text-start text-sm-end d-flex"><div class="align-self-center w-100"><b><?= $fd["name"]; ?></b></div></div> 
    <div class="col-12 spacer"></div>
    <div class="col-sm-8">Branche:</div><div class="col-sm-4 text-start text-sm-end d-flex"><div class="align-self-center w-100"><b><?= $fd["industry"]; ?></b></div></div> 
    <div class="col-12 spacer"></div>
    <div class="col-sm-8">Unternehmenssitz (Stadt):</div>
    <div class="col-sm-4 text-start text-sm-end d-flex"><div class="align-self-center w-100"><b><?= $fd["location"]; ?></b></div></div> 
    <div class="col-12 spacer"></div>
    <div class="col-sm-8">Anzahl Unternehmensangehörige:</div>
    <div class="col-sm-4 text-start text-sm-end d-flex"><div class="align-self-center w-100"><b><?= $fd["headcount"]; ?></b></div></div> 
    <div class="col-12 spacer"></div>
    </div>
    </div>

<?php foreach (['environment', 'social', 'governance'] as $step) { ?>
    <div class="summary-head bg-lightgreen space-mt-md">
        <div class="row g-0">    
            <div class="col-auto d-flex"><div class="align-self-center w-100"><h2 class="headline small"><?= ucfirst($step); ?></h2></div></div>
            <div class="col-auto ms-auto">
                <a href="<?= $_con->getLink(["interview", "index", $step]); ?>" class="btn sm btn-secondary d-none d-sm-block"><?= ucfirst($step); ?> bearbeiten</a>
                <a href="<?= $_con->getLink(["interview", "index", $step]); ?>" class="btn sm btn-secondary d-block d-sm-none"><span class="icon"></span></a>
            </div>
        </div>
    </div>
    <div class="summary-content">
        <div class="row g-0">
            <?php
            foreach ($_view["questions"][$step] as $question) {
                if (!array_key_exists($question->id, $fd["question"])) {
                    continue;
                }
                $val = $fd["question"][$question->id];
                $answer = !empty($question->options) ? ($question->options[$val] ?? "") : $val;
                $answer = strlen($answer) > 0 ? $answer : "k.A.";
            ?>
                <div class="col-sm-8 d-flex"><div class="align-self-center w-100"><?= $question->description;?></div></div>
                <div class="col-sm-4 text-start text-sm-end d-block d-sm-flex">
                    <div class="d-block d-sm-none txt-small interview-answer">IHRE ANTWORT</div>
                    <div class="align-self-center w-100"><b><?= $answer . ($answer != "k.A." && $question->type == "percentage" ? '%' : ''); ?></b></div>
                </div>  
                <div class="col-12 spacer"></div> 
            <?php } ?>
        </div>
    </div>  
<?php } ?>
</div>

<form id="confirmationForm" method="post" action="<?= $_con->getLink(["interview", "finalizeForm"]); ?>" class="validateForm">
    <div class="main-container interview space-mt-md space-mb-md">
        <h2 class="headline small space-mb-sm">Erklärung zur Richtigkeit der Angaben</h2>
        <p>Mit dem Absenden bestätige ich, dass ich zur Abgabe der Angaben für das Unternehmen berechtigt bin und alle im Rahmen der 2bgood-Erhebung 
            gemachten Angaben nach bestem Wissen und Gewissen vollständig, richtig, belegbar und nicht irreführend sind.</p>

        <p>Mir ist bewusst, dass der 2bgood-Score auf den von mir bzw. meinem Unternehmen bereitgestellten Informationen basiert. 
            Unrichtige, unvollständige, nicht belegbare oder beschönigende Angaben können zu einer fehlerhaften Bewertung und Veröffentlichung führen.</p>
        
        <p>Ich bestätige ausdrücklich, dass keine Angaben gemacht wurden, die ein falsches oder verzerrtes Bild der Nachhaltigkeitsleistung, der Unternehmenspraxis 
        oder der zugrunde liegenden Nachweise vermitteln.</p>

        <p>2bgood prüft die Angaben redaktionell, methodisch und automatisiert auf Plausibilität — auf Basis vergleichbarer Kohorten nach Branche, Unternehmensgröße und Region. 
            Bei Werten, die deutlich vom Erwartungsbereich vergleichbarer Unternehmen abweichen, behält sich 2bgood vor, 
            Nachbelege anzufordern oder die betreffenden Angaben von der Gesamtbewertung auszunehmen. 
            2bgood übernimmt keine Verantwortung für die inhaltliche Wahrheit der bereitgestellten Informationen. 
            Der 2bgood-Score ist keine Zertifizierung und keine Rechtsprüfung für Nachhaltigkeitsaussagen gegenüber Dritten.</p>

        <p>Sollten sich Angaben nachträglich als falsch, unvollständig oder überholt herausstellen, ist das Unternehmen verpflichtet, 2bgood unverzüglich zu informieren.
            2bgood behält sich vor, Bewertungen, Profile, Scores oder Veröffentlichungen zu korrigieren, zu sperren oder zu entfernen.</p>

        <div class="form-check mt-5">
            <input class="form-check-input std required" type="checkbox" name="confirmation" value="1" id="confirmation">
            <label class="form-check-label std mt-0" for="confirmation">
                Ich bestätige die Richtigkeit, Vollständigkeit und Belegbarkeit der Angaben nach bestem Wissen und Gewissen.
            </label>
        </div>
    </div>

    <div class="bg-lightgreen text-center space-py-lg space-px-md">
        <h2 class="headline small mb-3">Score berechen</h2>
        <p class="mb-3">Wenn alle Angaben vollständig und korrekt sind, erfassen wir diese im nächsten Schritt und berechnen Ihren Score.</p>
            <input type="submit" class="btn lg btn-primary score w-xs-100" value="Daten absenden & Score berechnen">
    </div>
</form>
