{% extends 'pages/article/default.twig' %}

{# show form or not #}
{% set show_form = false %}
{# we have to remove any parameters for the referer check #}
{% set referer = app.request.server.get('HTTP_REFERER')|default('/')|split('?').0 %}
{% if (referer == record|link(0) or referer == record|link(0, 'amp')) and (app.request.get("page") == "formular") %}
    {% set show_form = true %}
{% endif %}

{% set options = options|default({}) + {
    page_type: 'competition',
    sections_autowrapper_enabled: false,

    competition_prize_label: 'Das können Sie gewinnen:',
    competition_prize_size: 'image',
    competition_container_content_class: 'col-md-8 col-lg-7 offset-lg-1 col-xl-6 offset-xl-2',
    competition_container_advertisement_class: 'col-md-4 text-center',
    competition_recommendations_imagesize: 'teaser_landscape',
    competition_recommendations_listlabel: 'Mehr Gewinnspiele',
    competition_recommendations_teaser_container_class: 'col-lg-3 col-sm-6 col-12',
    competition_button_future: 'Zurück zur Übersicht',
    competition_button_now: 'Zum Gewinnspielformular',
    competition_button_past: 'Zurück zur Übersicht',
    competition_teaser_button_future: 'Bald geht\'s los!',
    competition_teaser_button_now: 'Jetzt mitmachen und gewinnen!',
    competition_teaser_button_past: 'Gewinnspiel beendet',

    intro_backlink: true,
    intro_image: show_form ? false : record.image.items|default([])|first,

    article_taxonomy: false,
    article_sharing: false,
} %}

{# This template needs:
 # record - A bolt content record of type competition
 # competitionStatus - a value containing time status, generated by record.registerstart|competitionStatus(record.registerend)
 # game - A bolt content record of type game (Optional!)
 #}

{# Logik ------------------------------------------------------------------------------------------------------------ #}


{# Set competition time status and override intro kicker #}
{% set competitionStatus = record.registerstart|competitionStatus(record.registerend) %}

{% if not competitionStatus %}
    {% set intro_overrides_kicker = false %}
{% elseif competitionStatus == 'future' %}
    {% set intro_overrides_kicker = 'Teilnehmen von '~ record.registerstart|date("d.m.Y") ~' bis '~ record.registerend|date("d.m.Y")|default() %}
{% elseif competitionStatus in ['now','today'] %}
    {% set intro_overrides_kicker = 'Teilnehmen bis '~ record.registerend|date("d.m.Y")|default() %}
{% else %}
    {% set intro_overrides_kicker = 'Abgelaufen' %}
{% endif %}

{% set options = options + {
    intro_overrides_kicker: intro_overrides_kicker,
} %}

{# Load selected game #}
{% set game = RelationList.getItems(record.game)|first %}

{# Load recommendations #}
{% set res = RelationFill.addShownId('competitions/'~record.id, 'content') %}
{% set competition_objects = RelationFill.getItems('competitions', 4) %}
{% set competition_teasers =  generateTeasers(competition_objects, options + {
    teaserImageSize: options.competition_recommendations_imagesize
}) %}

{# Templating ------------------------------------------------------------------------------------------------------- #}

{% block page_htmlhead %}
    <!--
    raffle_no="{{ record.formid|default }}"
    raffle_type="{{ record.formtype|default }}"
    -->
    {{ parent() }}
{% endblock %}

{% block article_intro %}
    {# We embed instead of include to override a block within the intro template #}
    {% embed 'blocks/intro/default.twig' %}

        {% block intro_additional_elements %}
            {# Backlink #}
            {% if options.intro_backlink and show_form %}
                <a href="" class="backlink" aria-label="Zurück">
                        <span class="fa-stack fa-2x">
                          <i class="background fas fa-circle fa-stack-2x"></i>
                          <i class="arrow fas fa-chevron-left fa-stack-1x"></i>
                        </span>
                    Zurück
                </a>
            {% endif %}
        {% endblock %}

    {% endembed %}
{% endblock %}

{% block article_content %}
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="{{ options.competition_container_content_class }}">

                    {# Competition status box #}
                    <div class="competition-box row no-gutters">
                        <div class="col-12 col-lg-5">
                            <h3>Teilnahmeschluss</h3>
                            {% if competitionStatus == 'past' %}
                                <p>Das gewünschte Gewinnspiel ist leider schon abgelaufen!</p>
                            {% else %}
                                <p>{{ record.registerend|date("d.m.Y")|default() }}</p>
                            {% endif %}
                        </div>
                        <div class="col-12 col-lg-7">
                            <h3>Gewinn</h3>
                            <p>{{ record.prizetext|default() }}</p>
                        </div>
                    </div>

                    {# PAGE TWO - The registration form #}
                    {% if show_form %}
                        <script>
                          var ref = document.referrer
                          if (!((ref === "") || (ref.includes(window.location.origin)))) {
                            self.location.href = "{{ record.redirecturl|default(path('homepage')) }}"
                          }
                        </script>

                    {% if competitionStatus == 'past' %}
                        <p>Das gewünschte Gewinnspiel ist abgelaufen, neue Verlosungen finden Sie hier<br><br>
                            <a href="{{ path('homepage') }}" aria-label="{{ options.competition_button_past }}" class="btn btn-primary">{{ options.competition_button_past }}</a>
                        </p>
                        {% elseif competitionStatus == 'future' %}
                        <p>Das gewünschte Gewinnspiel ist noch nicht eröffnet, weitere Verlosungen finden Sie
                            hier:<br><br>
                            <a href="{{ path('homepage') }}" aria-label="{{ options.competition_button_future }}" class="btn btn-primary">{{ options.competition_button_future }}</a>
                        </p>
                    {% else %}
                        {% include 'blocks/structured-content/default.twig' with {'sections': record.textform} %}

                        {% if record.formtype|default and record.formid|default %}

                            {% if record.formtype in ['sailthru','patrick'] %} {# form with correct form-specific attributes #}
                                {% include 'sections/default/' ~ record.formtype ~ '.twig' with {'section':{'data':{'url': record.formid|default }}} %}
                            {% else %} {# form with simple text attribute #}
                                {% include 'sections/default/' ~ record.formtype ~ '.twig' with {'section':{'data':{'text': record.formid|default }}} %}
                            {% endif %}

                        {% endif %}
                    {% endif %}

                        {# PAGE ONE - The intro page #}
                    {% else %}
                        {% include 'blocks/structured-content/default.twig' with {'sections': record.text} %}

                        {# Prize #}
                    {% if
                        record.prizetitle|default and
                        record.prizetext|default and
                        record.prizemedia|default %}
                        {% set image = record.prizemedia.items|first|default %}
                    {% if image %}
                        <section class="prize">
                            <h2>{{ options.competition_prize_label }}</h2>
                            <figure>
                                <img src="{{ thumbnail(image, options.competition_prize_size) }}" alt="{{ options.competition_prize_label }}"
                                     class="img-fluid mx-auto"/>
                                <figcaption>
                                    {{ record.prizetext|raw }}
                                    <div class="copyright">{{ image.attributes.copyright|default ? "&copy;" }} {{ image.attributes.copyright }}</div>
                                </figcaption>
                            </figure>
                        </section>
                    {% endif %}

                    {% endif %}

                        {# Paging Buttons #}
                    {% if competitionStatus in ['now','today'] %}

                        {% if game|default %}
                            {% include game.contenttype.record_template with {quiz: game} %}
                        {% else %}
                            <section class="sections sections-default sections-default-cta">
                                <form action="" method="post">
                                    <input type="hidden" name="page" value="formular">
                                    <button class="btn btn-primary" aria-label="{{ options.competition_button_now }}">{{ options.competition_button_now }}</button>
                                </form>
                            </section>
                        {% endif %}

                    {% elseif competitionStatus == 'future' %}
                        <section class="sections sections-default sections-default-text">
                            <p>Das gewünschte Gewinnspiel ist noch nicht eröffnet, weitere Verlosungen finden Sie
                                hier:<br><br>
                                <a href="{{ path('homepage') }}" aria-label="{{ options.competition_button_future }}" class="btn btn-primary">{{ options.competition_button_future }}</a>
                            </p>
                        </section>
                    {% else %}
                        <section class="sections sections-default sections-default-text">
                            <p>Das gewünschte Gewinnspiel ist abgelaufen, neue Verlosungen finden Sie hier: <br><br></p>
                            <a href="{{ path('homepage') }}" aria-label="{{ options.competition_button_future }}" class="btn btn-primary">{{ options.competition_button_future }}</a>
                        </section>
                    {% endif %}

                    {% endif %}

                </div>
                <div class="{{ options.competition_container_advertisement_class }}">
                    {% include 'components/ads/slot.twig' with {options:{
                        slot_type: 'rail',
                        slot_class: 'sticky-ad advertisement-rail',
                    }} %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block article_recommendations %}
    {% include 'blocks/list/default.twig' with { teasers: competition_teasers, options: {
        list_label: options.competition_recommendations_listlabel,
        teaser_imagesize: options.competition_recommendations_imagesize,
        teaser_container_class: options.competition_recommendations_teaser_container_class,
        block_list_container_class: options.recommendations_block_list_container_class|default,
        teaser_author: false,
        teaser_date: false,
        teaser_buttontext: true,
    } + options } %}
    {{ parent() }}
{% endblock %}