{% extends "base.html" %}
{% block title %}
    Feeds Dashboard | discord-rss-bot
{% endblock title %}
{% block description %}
    View configured feeds, broken sources, webhook groups, and delivery status across your Discord RSS bot dashboard.
{% endblock description %}
{% block content %}
    <!-- List all feeds -->
    <ul>
        <!-- Check if any feeds -->
        {% if feeds %}
            <p>
                {{ feed_count.total }} feed{{'s' if feed_count.total > 1 else "" }}
                <!-- How many broken feeds -->
                <!-- Make broken feed text red if true. -->
                {% if feed_count.broken %}
                    - <span class="text-danger">{{ feed_count.broken }} broken</span>
                {% else %}
                    - {{ feed_count.broken }} broken
                {% endif %}
                <!-- How many enabled feeds -->
                <!-- Make amount of enabled feeds yellow if some are disabled. -->
                {% if feed_count.total != feed_count.updates_enabled %}
                    - <span class="text-warning">{{ feed_count.updates_enabled }} enabled</span>
                {% else %}
                    - {{ feed_count.updates_enabled }} enabled
                {% endif %}
                <!-- How many entries -->
                - {{ entry_count.total }} entries
                <abbr title="Average entries per day for the past 1, 3 and 12 months">
                    ({{ entry_count.averages[0]|round(1) }},
                    {{ entry_count.averages[1]|round(1) }},
                    {{ entry_count.averages[2]|round(1) }})
                </abbr>
            </p>
            <!-- Loop through the webhooks and add the feeds grouped by domain -->
            {% for hook_from_context in webhooks %}
                <div class="p-2 mb-3 border border-dark">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h2 class="h5 mb-0">{{ hook_from_context.name }}</h2>
                        <a class="text-muted fs-6 btn btn-outline-light btn-sm ms-auto me-2"
                           href="/webhook_entries?webhook_url={{ hook_from_context.url|encode_url }}">Settings</a>
                        <a class="text-muted fs-6 btn btn-outline-light btn-sm"
                           href="/webhook_entries?webhook_url={{ hook_from_context.url|encode_url }}">View Latest Entries</a>
                    </div>
                    <!-- Group feeds by domain within each webhook -->
                    {% set feeds_for_hook = [] %}
                    {% for feed_webhook in feeds %}
                        {% if hook_from_context.url == feed_webhook.webhook %}
                            {% set _ = feeds_for_hook.append(feed_webhook) %}
                        {% endif %}
                    {% endfor %}
                    {% if feeds_for_hook %}
                        <!-- Create a dictionary to hold feeds grouped by domain -->
                        {% set domains = {} %}
                        {% for feed_item in feeds_for_hook %}
                            {% set feed = feed_item.feed %}
                            {% set domain = feed_item.domain %}
                            {% if domain not in domains %}
                                {% set _ = domains.update({domain: []}) %}
                            {% endif %}
                            {% set _ = domains[domain].append(feed) %}
                        {% endfor %}
                        <!-- Display domains and their feeds -->
                        {% for domain, domain_feeds in domains.items() %}
                            <div class="card bg-dark border border-dark mb-2">
                                <div class="card-header">
                                    <h3 class="h6 mb-0 text-white-50">{{ domain }} ({{ domain_feeds|length }})</h3>
                                </div>
                                <div class="card-body p-2">
                                    <ul class="list-group list-unstyled mb-0">
                                        {% for feed in domain_feeds %}
                                            <li>
                                                <a class="text-muted" href="/feed?feed_url={{ feed.url|encode_url }}">
                                                    {% if feed.title %}
                                                        {{ feed.title }}
                                                    {% else %}
                                                        {{ feed.url }}
                                                    {% endif %}
                                                </a>
                                                {% if not feed.updates_enabled %}<span class="text-warning">Disabled</span>{% endif %}
                                                {% if feed.last_exception %}<span class="text-danger">({{ feed.last_exception.value_str }})</span>{% endif %}
                                            </li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>
                        {% endfor %}
                    {% else %}
                        <p class="text-muted">No feeds associated with this webhook.</p>
                    {% endif %}
                </div>
            {% endfor %}
        {% else %}
            <p>
                Hello there!
                <br />
                <br />
                You need to add a webhook <a class="text-muted" href="/add_webhook">here</a> to get started. After that, you can
                add feeds <a class="text-muted" href="/add">here</a>. You can find both of these links in the navigation bar
                above.
                <br />
                <br />
                If you have any questions or suggestions, feel free to contact me on <a class="text-muted" href="mailto:tlovinator@gmail.com">tlovinator@gmail.com</a> or TheLovinator#9276 on Discord.
                <br />
                <br />
                Thanks!
            </p>
        {% endif %}
        <!-- Show feeds without webhooks -->
        {% if broken_feeds %}
            <div class="p-2 mb-2 border border-dark">
                <ul class="list-group text-danger">
                    Feeds without webhook:
                    {% for broken_feed in broken_feeds %}
                        <a class="text-muted"
                           href="/feed?feed_url={{ broken_feed.url|encode_url }}">
                            {# Display username@youtube for YouTube feeds #}
                            {% if "youtube.com/feeds/videos.xml" in broken_feed.url %}
                                {% if "user=" in broken_feed.url %}
                                    {{ broken_feed.url.split("user=")[1] }}@youtube
                                {% elif "channel_id=" in broken_feed.url %}
                                    {{ broken_feed.title if broken_feed.title else broken_feed.url.split("channel_id=")[1] }}@youtube
                                {% else %}
                                    {{ broken_feed.url }}
                                {% endif %}
                            {% else %}
                                {{ broken_feed.url }}
                            {% endif %}
                        </a>
                    {% endfor %}
                </ul>
            </div>
        {% endif %}
        <!-- Show feeds that has no attached webhook -->
        {% if feeds_without_attached_webhook %}
            <div class="p-2 mb-2 border border-dark">
                <ul class="list-group text-danger">
                    Feeds without attached webhook:
                    {% for feed in feeds_without_attached_webhook %}
                        <li class="list-group-item bg-dark border-dark text-danger">
                            <div class="d-flex flex-wrap align-items-center gap-2">
                                <a class="text-muted" href="/feed?feed_url={{ feed.url|encode_url }}">
                                    {# Display username@youtube for YouTube feeds #}
                                    {% if "youtube.com/feeds/videos.xml" in feed.url %}
                                        {% if "user=" in feed.url %}
                                            {{ feed.url.split("user=")[1] }}@youtube
                                        {% elif "channel_id=" in feed.url %}
                                            {{ feed.title if feed.title else feed.url.split("channel_id=")[1] }}@youtube
                                        {% else %}
                                            {{ feed.url }}
                                        {% endif %}
                                    {% else %}
                                        {{ feed.url }}
                                    {% endif %}
                                </a>
                                {% if webhooks %}
                                    <form action="/attach_feed_webhook"
                                          method="post"
                                          class="d-flex flex-wrap align-items-center gap-2 ms-md-auto">
                                        <input type="hidden" name="feed_url" value="{{ feed.url }}" />
                                        <input type="hidden" name="redirect_to" value="/" />
                                        <select name="webhook_dropdown"
                                                class="form-select form-select-sm bg-dark border-dark text-muted"
                                                required>
                                            <option value="" selected disabled>Select webhook...</option>
                                            {% for hook in webhooks %}<option value="{{ hook.name }}">{{ hook.name }}</option>{% endfor %}
                                        </select>
                                        <button class="btn btn-outline-light btn-sm" type="submit">Attach</button>
                                    </form>
                                {% else %}
                                    <span class="text-muted small">Add a webhook first to attach this feed.</span>
                                {% endif %}
                            </div>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        {% endif %}
    </ul>
{% endblock content %}