<div class="main-container">
    <form id="complaintForm" method="post" action="<?= $_con->getLink(["complaint", "form"]); ?>" class="validateForm" enctype="multipart/form-data">
        <h1 class="headline big space-mb-md">Beschwerdestelle</h1>
        <h2 class="headline medium space-mb-xs">Worum es geht</h2>
        <p>Sie haben auf 2bgood.de einen Score gesehen, den Sie für falsch halten? Melden Sie ihn hier. Wir gehen jedem sachlichen Hinweis nach.</p>
        <h2 class="headline medium space-mb-xs space-mt-md">Warum es diese Stelle gibt</h2>
        <p>2bGood ist als Herausgeber des 2bgood-Scores publizistisch verantwortlich. Eine unrichtige Bewertung muss korrigierbar sein.</p>
        <p class="txt-big"><b>ⓘ Wofür diese Stelle <u>nicht</u> zuständig ist</b></p>
        <p>Allgemeine Greenwashing-Vorwürfe gegen Unternehmen, die nicht auf 2bgood.de gelistet sind.</p>
        <p class="space-mb-md">Zuständig sind: Wettbewerbszentrale · Werberat · Verbraucherzentralen</p>
        <div class="row g-c">
            <div class="col-md-6">
                <div class="card-faq">
                    <h2 class="headline small space-mb-xs">Was Sie beanstanden können</h2>
                    <ul>
                        <li>Der Score erscheint zu hoch oder zu niedrig</li>
                        <li>Einzelne Angaben im Profil sind unzutreffend</li>
                        <li>Das Unternehmen beruft sich auf den Score irreführend</li>
                        <li>Die Datengrundlage ist veraltet oder falsch</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card-faq">
                    <h2 class="headline small space-mb-xs">Wie wir damit umgehen</h2>
                    <ul>
                        <li>Vertrauliche Prüfung jedes Hinweises</li>
                        <li>Ihr Name wird ohne Einwilligung nicht weitergegeben</li>
                        <li>Kein öffentliches Verfahren, keine öffentliche Liste</li>
                        <li>Bei begründeter Beschwerde: Score- oder Profilanpassung, oder Entfernung</li>
                    </ul>
                </div>
            </div>
        </div>
        <h2 class="headline big space-mt-lg">Beschwerdeformular</h2>
        <div class="row">
            <div class="col-lg-6">
                <label class="form-label space-mt-md">Betroffenes Unternehmen *</label>
                <div class="input-group">
                    <input name="company" type="text" placeholder="Firmenname, möglichst mit Rechtsform" class="form-control required">
                </div>
            </div>
            <div class="col-lg-6">
                <label class="form-label space-mt-md">Link zur Score- oder Profilseite auf 2bgood.de *</label>
                <div class="input-group">
                    <input name="link" type="text" placeholder="https://2bgood.de/..." class="form-control required">
                </div>
            </div>
            <div class="col-lg-12">
                <label class="form-label space-mt-md">Worauf bezieht sich Ihre Beschwerde?*</label>
                <?php foreach ($_view["reasons"] as $key => $value) { ?>
                    <div class="form-check mb-2">
                        <input name="reason[]" id="chkb_<?= $key; ?>" value="<?= $key ?>" type="checkbox" class="form-check-input std required">
                        <label class="form-check-label std mt-0" for="chkb_<?= $key; ?>">
                            <?= $value; ?>
                        </label>
                    </div>
                <?php } ?>
                <label for="description" class="form-label space-mt-md">Bitte beschreiben Sie den Sachverhalt *</label>
                <div class="input-group">
                    <textarea name="description" class="form-control required" rows="5"
                        placeholder="Was halten Sie für falsch? Was wäre nach Ihrer Kenntnis korrekt? Bitte konkret und sachlich."></textarea>
                </div>
            </div>
            <div class="col-lg-6">
                <label class="form-label space-mt-md">Belege (optional)</label>
                <div class="input-group">
                    <input class="form-control" type="file" name="attachments[]" accept="<?= implode(", ", $_view["validMimeTypes"]); ?>" multiple />
                </div>
            </div>
            <div class="col-lg-6">
                <label class="form-label space-mt-md">Ihr Verhältnis zum Unternehmen (optional)</label>
                <div class="input-group">
                    <select name="relation" class="form-select">
                        <option>Bitte wählen</option>
                        <option>Privatperson / Kunde</option>
                        <option>Mitbewerber</option>
                        <option>Mitarbeiter (auch ehemalig)</option>
                        <option>Lieferant / Geschäftspartner</option>
                        <option>Fachöffentlichkeit (Wissenschaft, NGO, Presse)</option>
                        <option>Sonstiges</option>
                        <option>Keine Angabe</option>
                    </select>
                </div>
            </div>
            <div class="col-lg-6">
                <label for="id" class="form-label space-mt-md">Ihr Name <span class="opt">(optional)</span></label>
                <div class="input-group">
                    <input id="name" name="name" class="form-control" type="text" placeholder="Vor- und Nachname">
                </div>
            </div>
            <div class="col-lg-6">
                <label for="email" class="form-label space-mt-md">E-Mail-Adresse <span class="opt">(empfohlen)</span></label>
                <div class="input-group">
                    <input id="email" name="email" type="text" placeholder="ihre@adresse.de" class="form-control required requiredIfSet requiredEmail">
                </div>
            </div>
            <div class="col-lg-12">
                <div class="form-check mt-5">
                    <input type="checkbox" name="confirmation" value="1" class="form-check-input std required">
                    <label class="form-check-label std">Ich versichere, dass meine Angaben nach bestem Wissen wahrheitsgemäß sind.
                        Mir ist bekannt, dass die Beschwerde vertraulich geprüft wird und kein Anspruch auf
                        ein bestimmtes Ergebnis besteht. *</label>
                </div>
                <div class="form-check mt-3">
                    <input type="checkbox" name="dppConfirmation" value="1" class="form-check-input std required">
                    <label class="form-check-label std">Ich habe die <a href="<?= $_con->getLink(["index", "content", "datenschutzerklaerung"]); ?>" target="_blank">
                            Datenschutzerklärung</a> gelesen und stimme der Verarbeitung meiner Angaben zur Bearbeitung der Beschwerde zu.*
                    </label>
                </div>
            </div>
        </div>
        <br>
        <input type="submit" class="btn lg btn-primary score w-xs-100" value="Beschwerde absenden">
    </form>
</div>