{% extends 'admin/base.html.twig' %}
{% block body %}

    <style type="text/css">
        .block--submit {
            margin: 1em;
            text-align: right;
        }
        .block--submit button {
            padding: 1rem 2rem;
        }
        table.generator td {
            padding: 0;
        }
        table.generator td select {
            border: 0;
            width: 100%;
        }
    </style>

    <h2>Neues Gewinnspiel Generieren</h2>

    <form data-attach="lotteryPreview">
        <table class="generator" width="100%" border="true">
            <thead>
            <tr>
                <th><label for="lottery-preview-product">Produkt</label></th>
                <th><label for="lottery-preview-layout">Layout</label></th>
                <th><label for="lottery-preview-year">Jahr</label></th>
                <th><label for="lottery-preview-color">Farbschema</label></th>
                <th><label for="lottery-preview-widget">Widget</label></th>
            </tr>
            </thead>

            {% set selectSize = 15 %}
            <tbody>
            <tr>
                <td>
                    <select id="lottery-preview-product" name="product" multiple="multiple" size="{{ selectSize }}">
                        <option value="" selected>zufällig</option>
                        <option value="iphone">iphone</option>
                        <option value="galaxy">galaxy</option>
                        <option value="galaxyNote">galaxyNote</option>
                        <option value="galaxyTab">galaxyTab</option>
                        <option value="ipad">ipad</option>
                        <option value="samsung_apple">samsung_apple</option>
                        <option value="amazon_gutschein">amazon_gutschein</option>
                        <option value="geld_gewinn">geld_gewinn</option>
                        <option value="bier">bier</option>
                        <option value="schokolade">schokolade</option>
                        <option value="supermarkt_gutschein1">supermarkt_gutschein1</option>
                        <option value="supermarkt_gutschein2">supermarkt_gutschein2</option>
                        <option value="elektromarkt_gutschein">elektromarkt_gutschein</option>
                        <option value="mallorca_urlaub">mallorca_urlaub</option>
                    </select>
                </td>
                <td>
                    <select id="lottery-preview-layout" name="layout" multiple="multiple" size="{{ selectSize }}">
                        <option value="" selected>zufällig</option>
                        <option value="1sp">1sp</option>
                        <option value="2sp">2sp</option>
                    </select>
                </td>
                <td>
                    <select id="lottery-preview-year" name="year" multiple="multiple" size="{{ selectSize }}">
                        <option value="" selected>zufällig</option>
                        <option value="2010">2010</option>
                        <option value="2011">2011</option>
                        <option value="2012">2012</option>
                        <option value="2013">2013</option>
                        <option value="2014">2014</option>
                        <option value="2015">2015</option>
                        <option value="2016">2016</option>
                        <option value="2017">2017</option>
                        <option value="2018">2018</option>
                        <option value="2019">2019</option>
                    </select>
                </td>
                <td>
                    <select id="lottery-preview-color" name="color" multiple="multiple" size="{{ selectSize }}">
                        <option value="" selected>zufällig</option>
                        <option value="orange">orange</option>
                        <option value="rot">rot</option>
                        <option value="gruen">gruen</option>
                        <option value="blau">blau</option>
                        <option value="lila">lila</option>
                        <option value="schwarz">schwarz</option>
                    </select>
                </td>
                <td>
                    <select id="lottery-preview-widget" name="widget" multiple="multiple" size="{{ selectSize }}">
                        <option value="" selected>zufällig</option>
                        <option value="einfach">einfach</option>
                        <option value="waehlen2">waehlen2</option>
                        <option value="waehlen3">waehlen3</option>
                        <option value="countdown">countdown</option>
                        <option value="preise">preise</option>
                        <option value="so_gehts">so_gehts</option>
                        <option value="besucheranzahl">besucheranzahl</option>
                    </select>
                </td>
            </tr>
            </tbody>
        </table>
        <script>
            function openLotteryPreview() {
                var form = $("form[data-attach=lotteryPreview]");
                var urlParts = [];
                form.find("select").each(function (i, el) {
                    var value = $(el).val().pop();
                    if (value !== "") {
                        urlParts.push(value);
                    }
                });
                var url = urlParts.join("_");
                window.open("/" + url);
            }
        </script>
        <p class="block--submit">
            <button onclick="openLotteryPreview();return false;">Vorschau anzeigen</button>
        </p>
    </form>

    <h2>Gespeicherte Gewinnspiele</h2>
    <table width="100%" border="true">
        <thead>
        <tr>
            <th>URL</th>
            <th>Produkt</th>
            <th>Layout</th>
            <th>Jahr</th>
            <th>Farbschema</th>
            <th>Widget</th>
        </tr>
        </thead>

        <tbody>
        {% for value in combinationLog %}
            <tr>
                <td><a href="/{{ value.url }}" target="_blank">/{{ value.url }}</a></td>
                <td>{{ value.product }}</td>
                <td>{{ value.layout }}</td>
                <td>{{ value.year }}</td>
                <td>{{ value.color }}</td>
                <td>{{ value.widget }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <h2>Registrierungen</h2>
    <table width="100%" border="true">
        <thead>
        <tr>
            <th>Zeitpunkt <span style="font-size: smaller; vertical-align: baseline">▲</span></th>
            <th>Zugriff</th>
            <th>Person</th>
            <th>DOI versendet</th>
            <th>DOI bestätigt</th>
        </tr>
        </thead>

        <tbody>
        {% for value in registrations %}
            <tr>
                <td>{{ value.timestamp }}</td>
                <td>
                    <table>
                        <tr>
                            <td>URL:</td>
                            <td><a href="/{{ value.url }}" target="_blank">/{{ value.url }}</a></td>
                        </tr>
                        <tr>
                            <td>IP:</td>
                            <td>{{ value.ip }}</td>
                        </tr>
                        <tr>
                            <td>User Agent:</td>
                            <td>{{ value.userAgent }}</td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table>
                        <tr>
                            <td>Email:</td>
                            <td>{{ value.email }}</td>
                        </tr>
                        <tr>
                            <td>Name:</td>
                            <td>{{ value.name }}</td>
                        </tr>
                        <tr>
                            <td>PLZ, Ort:</td>
                            <td>{{ value.zip }} {{ value.city }}</td>
                        </tr>
                        <tr>
                            <td>Land:</td>
                            <td>{{ value.country }}</td>
                        </tr>
                        <tr>
                            <td>Geburtstag:</td>
                            {#<td>{{ value.birthday|date('d.m.Y') }}</td>#}
                            <td>{{ value.birthday }}</td>
                        </tr>
                    </table>
                </td>
                <td>{{ value.mailCount ? '<b style="color: #0b0">✓</b>' : '<span style="color: #F33">✗</span>' }}</td>
                <td>{{ value.confirmed ? '<b style="color: #0b0">✓</b>' : '<span style="color: #F33">✗</span>' }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}