{% extends "base.html" %}
{% block title %}
    {{ organization.name }}
{% endblock title %}
{% block content %}
    <h1 id="org-name">{{ organization.name }}</h1>
    {% if user.is_authenticated %}
        <form id="notification-form"
              method="post"
              action="{% url 'twitch:subscribe_org_notifications' org_id=organization.twitch_id %}">
            {% csrf_token %}
            <div>
                <input type="checkbox"
                       id="found"
                       name="notify_found"
                       {% if subscription and subscription.notify_found %}checked{% endif %} />
                <label for="found">🔔 Get notified as soon as a drop for {{ organization.name }} appears on Twitch.</label>
            </div>
            <div>
                <input type="checkbox"
                       id="live"
                       name="notify_live"
                       {% if subscription and subscription.notify_live %}checked{% endif %} />
                <label for="live">🎮 Get notified when the drop is live and ready to be farmed.</label>
            </div>
            <button id="save-preferences-button" type="submit">Save preferences</button>
        </form>
    {% else %}
        <p id="login-prompt">Login to subscribe!</p>
    {% endif %}
    <ul id="games-list">
        {% for game in games %}
            <li id="game-{{ game.twitch_id }}">
                <a href="{% url 'twitch:game_detail' game.twitch_id %}">{{ game }}</a>
            </li>
        {% endfor %}
    </ul>
    {{ org_data|safe }}
{% endblock content %}