{% extends "global/Page.html" %}
{% load otree %}

{% block title %}
    {% if participant.language == 'en' %}
        FUNI - Part 2
    {% elif participant.language == 'de' %}
        FUNI - 2. Teil
    {% endif %}
{% endblock %}

{% block content %}
<style>
    :root {
        --primary-dark: #153268; --primary-medium: #005f9b;
        --primary-light: #0091c8; --primary-lighter: #50a5d2;
        --neutral-dark: #3b3b3a; --neutral-lightest: #ececed;
    }
    body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           background-color: var(--neutral-lightest); color: var(--neutral-dark); line-height: 1.6; }
    .header { background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-medium) 100%);
              color: white; padding: 20px 25px; border-radius: 8px;
              margin-bottom: 24px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
    .header h1 { margin: 0; font-size: 22px; font-weight: 600; }

    .card { background: white; border-radius: 8px; padding: 30px; margin-bottom: 20px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.08); border-left: 4px solid var(--primary-light); }
    h2 { color: var(--primary-dark); border-bottom: 2px solid var(--primary-light);
         padding-bottom: 8px; margin-top: 0; margin-bottom: 14px; font-size: 17px; }
    .warning-box { background-color: #fff8e1; border-left: 4px solid #f39c12;
                   padding: 14px 16px; border-radius: 4px; margin: 16px 0; font-size: 14px; }
    .button-section { text-align: center; margin-top: 28px; }
    .otree-btn-next { background-color: var(--primary-medium) !important; border: none !important;
                      color: white !important; padding: 12px 30px !important; border-radius: 6px !important;
                      font-size: 16px !important; font-weight: 500 !important; cursor: pointer !important;
                      transition: all 0.3s ease !important; }
    .otree-btn-next:hover { background-color: var(--primary-dark) !important; transform: translateY(-2px); }
</style>

<div class="header">
    <h1>{% if participant.language == 'en' %}Introduction and Instructions{% else %}Einleitung und Instruktionen{% endif %}</h1>
</div>

<div class="card">
    <h2>{% if participant.language == 'en' %}Welcome and General Information{% else %}Willkommen und allgemeine Informationen{% endif %}</h2>
    {% if participant.language == 'en' %}
        <p>
            Welcome to today’s “FUNI” experiment organized by the Chair of Economic Policy and
            SME Research.
        </p>
        <p>
            Thank you very much for participating in today’s experiment. You will be compensated for your participation.
            Your earnings depend on your own decisions and those of your partner. It is therefore important
            that you fully understand the rules. Please read all instructions carefully. To ensure that you have
            understood the tasks, you must correctly answer a few comprehension questions.
        </p>
        <p>Thank you for participating in today's experiment. Your earnings depend on your own decisions
        and those of your partner, so it is important that you understand the rules completely.
        Please read all instructions carefully. Before each phase begins, you must answer comprehension
        questions correctly.</p>

        <div class="warning-box">
            <strong>Important:</strong> We can only make a payment for experiments that are completely
            finished. Once you start the experiment, you must complete it entirely to receive payment.
            Participation is voluntary and may be discontinued at any time — however, if you stop early,
            your right to payment is forfeited and your data will be deleted. You will not face any other
            disadvantage.
        </div>

        <p>All answers are treated in strict confidence and you remain anonymous. Further information
        on data processing will be provided on the next page.</p>
    {% else %}
        <p>
            Herzlich Willkommen zum heutigen Experiment "FUNI" des Lehrstuhls für Wirtschaftspolitik und
            Mittelstandsforschung.
        </p>
        <p>
            Verantwortlich für die Studie ist Klarina von Aulock-Paulisch (klarina.paulisch@uni-goettingen.de).
            Bei Fragen – ob inhaltlicher, technischer oder datenschutzbezogener Art – wenden Sie sich bitte
            jederzeit an diese Ansprechperson.
        </p>
        <p>
            Vielen Dank für Ihre Teilnahme am heutigen Experiment. Ihre Teilnahme wird vergütet. Ihre Verdienste
            hängen von Ihren eigenen Entscheidungen und denen Ihres*Ihrer Partner*in ab. Es ist daher wichtig,
            dass Sie die Regeln vollständig verstehen. Bitte lesen Sie alle Anweisungen sorgfältig durch. Um
            sicherzustellen, dass Sie die Aufgaben verstanden haben, müssen Sie einige Verständnisfragen korrekt
            beantworten.
        </p>

        <div class="warning-box">
            <strong>Wichtig:</strong> Wir können nur für vollständig abgeschlossene Experimente eine
            Auszahlung vornehmen. Wenn Sie das Experiment begonnen haben, müssen Sie es vollständig
            abschließen, um eine Auszahlung zu erhalten. Die Teilnahme ist freiwillig und kann jederzeit
            abgebrochen werden — bei einem vorzeitigen Abbruch verfällt jedoch der Anspruch auf Zahlung
            und Ihre Daten werden gelöscht. Weitere Nachteile entstehen Ihnen nicht.
        </div>

        <p>Alle Antworten werden streng vertraulich behandelt und Sie bleiben anonym. Weitere
        Informationen zur Datenverarbeitung erhalten Sie auf der nächsten Seite.</p>
    {% endif %}
</div>

<div class="button-section" id="buttonSection">
    <button class="otree-btn-next btn btn-primary">
        {% if participant.language == 'en' %}Continue{% else %}Weiter{% endif %}
    </button>
</div>
{% endblock %}