---
import WebsiteLayout from '@layouts/website/WebsiteLayout.astro';
import { PAYPAL_LINK, TEAMSPEAK_LINK, DISCORD_LINK, SERVER_IP, START_DATE } from 'astro:env/server';

const faq = [
  {
    section: 'Allgemein',
    questions: [
      {
        title: 'Wie kann ich einen Admin kontaktieren?',
        content: `<p>Einen Admin kannst du im Chat, über WhatsApp, per Teamspeak
<a class="link" href="${TEAMSPEAK_LINK}">mhsl.eu</a> oder Discord
<a class="link" href="${DISCORD_LINK}" target="_blank">${DISCORD_LINK}</a> kontaktieren.</p>`
      },
      {
        title: 'Wer ist eigentlich Organisator und warum?',
        content: `<p>Wir sind ein kleines Team von Minecraft-Enthusiasten, das bereits im achten Jahr in Folge
Minecraft CraftAttack organisiert. Jedes Jahr arbeiten wir daran, das Spielerlebnis zu
verbessern und die Teilnehmerzahl zu steigern. Weitere Infos findest du auf der Teamseite.</p>`
      },
      {
        title: 'Wie lange bleibt der Server online?',
        content: `<p>Der Server wird traditionell so lange online bleiben, wie noch aktiv darauf gespielt wird. Der
Support wird nach einem gemeinsamen Abschlussevent allerdings auf ein Minimum reduziert.</p>`
      },
      {
        title: 'Warum benötigt ihr meine Daten bei der Anmeldung?',
        content: `<p>Deine Daten werden nur intern gespeichert und dienen den Admins rein zur Organisation
des Projekts.</p>`
      },
      {
        title: 'Gibt es einen Teamspeak-Server?',
        content: `<p>Ja, den offiziellen Teamspeak-Server erreichst du unter der IP
<a class="link" href="${TEAMSPEAK_LINK}">mhsl.eu</a>.</p>`
      },
      {
        title: 'Gibt es einen Discord-Server?',
        content: `<p>Ja, den offiziellen Discord-Server erreichst du unter <a class="link" href="${DISCORD_LINK}" target="_blank">${DISCORD_LINK}</a>.</p>`
      },
      {
        title: 'Wozu dient die CraftAttack-WhatsApp-Gruppe?',
        content: `<p>In der WhatsApp-Gruppe erhältst du alle wichtigen Infos bezüglich CraftAttack.</p>`
      }
    ]
  },
  {
    section: 'Anmeldung',
    questions: [
      {
        title: 'Wann startet CraftAttack 8?',
        content: `<p>Der Start von CraftAttack 8 findet gemeinsam am
${new Date(START_DATE).toLocaleDateString('de-DE', { year: 'numeric', month: 'numeric', day: 'numeric' })}
um ${new Date(START_DATE).toLocaleTimeString('de-DE', { hour: 'numeric', minute: 'numeric' })} Uhr statt.
Am besten bist du schon einige Minuten vorher auf dem Server. Natürlich kannst du aber auch danach jederzeit dazustoßen.
</p>`
      },
      {
        title: 'Wer kann alles mitspielen?',
        content: `<p>Jeder, der entweder Minecraft Java oder Bedrock (Handy und Konsole) besitzt und mindestens 6 Jahre
alt ist, kann mitspielen.</p>`
      },
      {
        title: 'Wie kann ich mitspielen?',
        content: `<p>Um mitzuspielen, musst du dich einfach hier auf der Website anmelden und der WhatsApp-Gruppe
beitreten.</p>`
      },
      {
        title: 'Auf welcher Version läuft der Server?',
        content: `<p>Gespielt wird immer auf der neuesten Version, also laut aktuellem Stand Version 1.21.10 (wird sich
ggf. noch ändern).</p>`
      },
      {
        title: 'Kann ich auch als Bedrock-Spieler (Handy oder Konsole) mitspielen?',
        content: `<p>Ja, auch als Bedrock-Spieler kannst du mitspielen, sofern du anderen Servern beitreten kannst.</p>`
      },
      {
        title: 'Ich kann mich nicht anmelden, was kann ich tun?',
        content: `<p>Wenn du dich nicht anmelden kannst, solltest du Folgendes überprüfen:</p>
<ol class="list-decimal pl-8 py-3">
<li>Ist dein Spielername korrekt geschrieben?</li>
<li>Hast du dich bereits angemeldet? Es ist nur ein Account pro Spieler erlaubt.</li>
<li>Hast du die richtige Spieledition ausgewählt?</li>
</ol>
<p>Falls du dich aus unerklärlichen Gründen trotzdem nicht anmelden kannst, kannst du
dich jederzeit beim Admin-Team melden.</p>`
      },
      {
        title: 'Ich komme nicht auf den Server, was kann ich tun?',
        content: `<p>Wenn du dem Server nicht beitreten kannst, überprüfe Folgendes:</p>
<ol class="list-decimal pl-8 py-3">
<li>Hast du die korrekte IP verwendet? Sie lautet <span class="underline italic">${SERVER_IP}</span></li>
<li>Hast du Leerzeichen verwendet, insbesondere vor oder hinter der IP, oder dich vertippt?</li>
<li>Kommst du auf andere Server, oder ist es nur ein Problem beim CraftAttack-Server?</li>
<li>Hast du dich korrekt auf der Webseite angemeldet?</li>
</ol>
<p>Falls du trotzdem nicht beitreten kannst, melde dich beim Admin-Team und halte die
Fehlermeldung bereit.</p>`
      },
      {
        title: 'Was ist die Server-IP?',
        content: `<p>Die Serveradresse lautet: <span class="underline italic">${SERVER_IP}</span></p>`
      },
      {
        title: 'Ist es kostenlos mitzuspielen?',
        content: `<p>Ja, die Teilnahme ist selbstverständlich kostenlos.${
          PAYPAL_LINK
            ? ` Wir freuen uns aber, wenn du das Projekt mit einer Spende nach der Anmeldung unterstützen würdest.<br>
Hier kannst du für das Projekt spenden: <a class="link" href=${PAYPAL_LINK} target="_blank">${PAYPAL_LINK}</a>.`
            : ''
        }</p>`
      },
      {
        title: 'Die Anmeldefrist ist vorbei, aber ich möchte mich trotzdem noch anmelden. Was kann ich tun?',
        content: `<p>Generell solltest du dich immer während des Anmeldezeitraums anmelden. Falls die Anmeldung
allerdings bereits geschlossen ist, kannst du einen Admin kontaktieren, der dich im Fall der Fälle noch nachträglich
anmelden kann.</p>`
      },
      {
        title: 'Ist ein 2. Account erlaubt?',
        content: `<p>Nein, pro Teilnehmer ist nur ein Account zugelassen.</p>`
      }
    ]
  },
  {
    section: 'Ingame',
    questions: [
      {
        title: 'Wo kann ich meinen Shop errichten?',
        content: `<p>Generell darfst du Shops überall errichten, aber es bietet sich an, alle Shops in einem
Shopping-District nahe des Spawns anzusiedeln.</p>`
      },
      {
        title: 'Sind Farmen erlaubt?',
        content: `<p>Ja, Farmen sind generell erlaubt. Allerdings sind lag-erzeugende Maschinen, Farmen oder andere
Bauten, die den Spielfluss stören könnten, verboten.</p>`
      },
      {
        title: 'Was und wann sind Events?',
        content: `<p>Abends, meist gegen 18 Uhr, finden gelegentlich Events statt, bei denen du Items gewinnen kannst
und in kleinen Minispielen gegen deine Mitspieler antrittst. Die genauen Abläufe siehst du, wenn du abends auf dem
Server bist.</p>`
      },
      {
        title: 'Wo und wie kann ich einen Regelverstoß melden?',
        content: `<p>Wenn du einen Regelverstoß melden willst, kannst du ingame den Befehl <code>/report</code> nutzen,
um einen Admin zu kontaktieren.</p>`
      },
      {
        title: 'Was hat es mit dem Rang „Langzeitspieler“ auf sich?',
        content: `<p>Spieler, die seit über drei Jahren am Projekt teilnehmen, erhalten den Langzeitrang. Dieser wirkt
sich allerdings nicht auf das Spielgeschehen aus.</p>`
      },
      {
        title: 'Was gibt es für neue Features?',
        content: `<p>Unsere Serverfeatures findest du <a class="link" href="features">hier</a></p>`
      },
      {
        title: 'Wann wird das End geöffnet?',
        content: `<p>Das End wird gemeinsam am 03.01.2026 um 19:00 Uhr geöffnet, und wir besiegen gemeinsam den
Enderdrachen.</p>`
      },
      {
        title: 'Darf ich andere Spieler töten?',
        content: `<p>Andere Spieler zu töten ist generell verboten. Wenn es jedoch nur zum Spaß und mit dem anderen
Spieler abgesprochen ist, haben wir nichts dagegen einzuwenden.</p>`
      },
      {
        title: 'Welche Minecraft-Clients sind erlaubt?',
        content: `<p>Jegliche Clientmodifikationen, die deutliche Vorteile gegenüber anderen Spielern bringen, sind
nicht gestattet.</p>`
      }
    ]
  }
];
---

<WebsiteLayout title="FAQ">
  <div class="mx-4 my-6 sm:mx-24 sm:my-12">
    <h1 class="text-3xl lg:text-5xl mb-16 text-center">FAQ</h1>
    <div class="grid lg:grid-cols-2 2xl:grid-cols-3 gap-10">
      {
        faq.map((questions) => (
          <div>
            <h2 class="text-4xl text-center mb-3">{questions.section}</h2>
            <div>
              {questions.questions.map((question) => (
                <>
                  <div class="collapse collapse-arrow">
                    <input type="checkbox" autocomplete="off" />
                    <div class="collapse-title">{question.title}</div>
                    <div class="collapse-content">
                      <div class="ml-2" set:html={question.content} />
                    </div>
                  </div>
                  <span class="block w-full h-[1px] mx-auto mb-1 bg-gray-600" />
                </>
              ))}
            </div>
          </div>
        ))
      }
    </div>
    <div class="w-full flex justify-center mt-6 sm:mt-12">
      <a class="btn" href="contact">Deine Frage ist nicht aufgeführt? Schreib uns!</a>
    </div>
  </div>
</WebsiteLayout>
