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

const faq = [
  {
    section: 'Anmeldung',
    questions: [
      {
        title: 'Wann startet Varo 5?',
        content: `<p>Der Start von Varo 5 findet gemeinsam am 23.06.2025 um 19:00 Uhr statt. Am besten bist du schon
einige Minuten vorher auf dem Server. Denk daran: Nur wenn du und dein Teampartner beide anwesend seid, könnt ihr am
Start teilnehmen.</p>`
      },
      {
        title: 'Was tun, wenn ich am Starttermin nicht kann?',
        content: `<p>Wenn du oder dein Teampartner am 23.06.2025 um 19:00 Uhr verhindert seid, könnt ihr einen Tag
später, also am 24.06.2025 ab 17:00 Uhr einsteigen. Die 30 Minuten von Tag 1 werden euch aus Fairness-Gründen allerdings
nicht gutgeschrieben.</p>`
      },
      {
        title: 'Wer kann alles mitspielen?',
        content: `<p>Jeder, der Minecraft Java besitzt, mindestens 6 Jahre alt ist und einen Teampartner hat, 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. Nur wenn dein Team vollständig ist, also aus zwei Spielern besteht, kannst du teilnehmen.</p>`
      },
      {
        title: 'Auf welcher Version läuft der Server und was ist der Schwierigkeitsgrad?',
        content: `<p>Gespielt wird in der aktuellsten Minecraft Java Version mit dem Schwierigkeitsgrad „Normal“.</p>`
      },
      {
        title: 'Kann ich auch als Bedrock-Spieler (Handy oder Konsole) mitspielen?',
        content: `<p>Nein, als Bedrock-Spieler kannst du bei Varo leider nicht mitspielen. Das gilt auch, falls du einen
Proxie betreibst, der Bedrock zu Java proxiet.</p>`
      },
      {
        title: 'Ich wurde in CraftAttack gebannt, kann ich bei Varo trotzdem mitspielen?',
        content: `<p>In Einzelfällen sind in CraftAttack gebannte Spieler auch von Varo ausgeschlossen. Diese können
sich dann erst gar nicht anmelden.</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><p>1. Ist dein Spielername
korrekt geschrieben?<br>2. Hast du dich bereits angemeldet? Es ist nur ein Account pro Spieler erlaubt.</p><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="italic">varo.mhsl.eu</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 Varo-Server?</li>
<li>Hast du dich korrekt auf der Webseite angemeldet?</li>
</ol>
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="italic">${SERVER_IP}</span></p>`
      },
      {
        title: 'Ist es kostenlos mitzuspielen?',
        content: `<p>Ja, die Teilnahme ist selbstverständlich kostenlos. Wir freuen uns aber, wenn du das Projekt mit
einer Spende nach der Anmeldung unterstützen würdest. 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>Eine nachträgliche Anmeldung ist ausnahmslos nicht möglich.</p>`
      },
      {
        title: 'Ist ein 2. Account erlaubt?',
        content: `<p>Nein, pro Teilnehmer ist nur ein Account zugelassen.</p>`
      }
    ]
  },
  {
    section: 'Anderes',
    questions: [
      {
        title: 'Wie viel Spielzeit habe ich pro Tag?',
        content: `<p>Sobald du den Server betritt müssen du und dein Teampartner 30 Minuten lang am Stück auf dem Server
spielen. Spielt dein Team an einem Tag nicht, dürft ihr am Folgetag 60 Minuten, also zwei 30-Minuten-Slots spielen. Pro
Tag wird deinem Team also eine Zeit von 30 Minuten gutgeschrieben. Sollte dein Team mehr als 90 Minuten Spielzeit
angesammelt haben, wird es automatisch vom Projekt ausgeschlossen.</p>`
      },
      {
        title: 'Von wann bis wann ich dem Server täglich online?',
        content: `<p>Du kannst dem Server zu Beginn täglich von 17:00 Uhr bis 21:00 Uhr joinen.</p>`
      },
      {
        title: 'Wie lange geht das Projekt?',
        content: `<p>Wir planen, dass das Projekt spätestens am 03.07.2025 endet, indem die Worldboarder mit der Zeit
verkleinert wird.</p>`
      },
      {
        title: 'Gibt es eine Finale und wie läuft es ab?',
        content: `<p>Es gibt planmäßig kein öffentliches Finale, aber natürlich wirst du am Ende über das Siegerteam
informiert.</p>`
      },
      {
        title: 'Kann ich meinen Teampartner nach dem Tod spectaten?',
        content: `<p>Nein, diese Möglichkeit besteht nicht. Er kann dir aber natürlich gerne seinen Bildschirm
übertragen.</p>`
      },
      {
        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, die neben Minecraft CraftAttack dieses Jahr
das Sommerprojekt Varo organisieren. Weitere Infos findest du auf der Teamseite.</p>`
      },
      {
        title: 'Spielen die Admins auch mit?',
        content: `<p>Nein, alle Varo Admins sind keine Projektteilnehmer und sind lediglich für die Organisation, die
Kontrolle der Regeln und der technische Umsetzung zuständig. Falls Euch Admin-Namen aus CraftAttack bekannt sind, keine
Sorge: Das Adminteam von CraftAttack und Varo ist nicht zwingend identisch!</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 Varo-WhatsApp-Gruppe?',
        content: `<p>In der WhatsApp-Gruppe erhältst du alle wichtigen Infos bezüglich Varo.</p>`
      },
      {
        title: 'Warum eigentich schon Varo 5?',
        content: `<p>Im Jahr 2016 fanden, damals noch im kleinen Kreis, Varo 1-3 statt. Im Frühjahr 2021 ging dann Varo
4 an den Start. Daher folgt nun Varo 5 in Form eines PvP-Sommerprojekts.</p>`
      }
    ]
  },
  {
    section: 'Ingame',
    questions: [
      {
        title: 'Gibt es eine Worldborder?',
        content: `<p>Ja, es gibt außerdem eine Worldborder, die sich mit der Zeit – außerhalb der Spielzeiten – langsam
verkleinert. Du wirst im Spiel über alles wichtige informiert, sobald du dich der Border gefährlich näherst.</p>`
      },
      {
        title: 'Kann ich ein eigenes Netherportal bauen?',
        content: `<p>Nein, das einzige Netherportal steht am Spawn. Weitere können nicht eröffnet werden.</p>`
      },
      {
        title: 'Wie kann ich einen Report erstellen?',
        content: `<p>Neben der Kontrolle durch die Admins kann mit /report ein Report erstellt werden, um Regelverstöße
zu melden. Ohne feste Belege, also einer Bildschirmaufnahme, ist ein Report bei Ingameverstößen leider nutzlos.</p>`
      },
      {
        title: 'Welche Spielinhalte (Items etc.) sind deaktiviert?',
        content: `<ol class="list-decimal pl-8 py-3">
<li>alle Netherite Items</li>
<li>alle Tränke der Stufe 2, ausgenommen Direktheilung 2</li>
<li>Totems</li>
<li>Enderkristalle</li>
<li>Mace</li>
<li>OP-Goldapfel</li>
<li>Villager Handel mit dem Bibliothekar und Panzermacher</li>
</ol>`
      },
      {
        title: 'Warum sind diese Spielinhalte deaktiviert?',
        content: `<p>Unser Ziel ist es, ein großartiges Projekt für alle Beteiligten auf die Beine zu stellen. Varo
haben wir in dieser Form und Größe noch nie veranstaltet – auch für uns ist es also ein neues Kapitel, bei dem wir
wertvolle Erfahrungen sammeln wollen.<br>Wir haben die Regeln nach bestem Wissen und Gewissen so aufgestellt, um das
bestmögliche Spielerlebnis schaffen. Trotzdem ist uns dein Feedback wichtig: Nach dem Projekt holen wir deine Meinung
ein, um Varo – und auch unsere künftigen Projekte – nachhaltig weiterzuentwickeln.</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>
</WebsiteLayout>