{% extends "base.html" %}
{% block title %}
    {{ feed.title if feed.title else feed.url }} | discord-rss-bot
{% endblock title %}
{% block description %}
    Review feed health, delivery settings, filters, webhook attachment, and update intervals for {{ feed.title if feed.title else feed.url }}.
{% endblock description %}
{% block content %}
    <div class="row g-3 feed-page">
        <div class="col-12">
            <article class="card border border-dark shadow-sm text-light rounded-0">
                <div class="card-body p-3 p-md-4 text-light">
                    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3">
                        <div class="feed-page__content">
                            <h2 class="h3 mb-1">
                                <a class="text-muted text-decoration-none feed-page__wrap"
                                   href="{{ feed.url }}">{{ feed.title }}</a>
                            </h2>
                            <p class="text-muted mb-0">{{ total_entries }} entries</p>
                        </div>
                        <div class="d-flex flex-wrap gap-2">
                            {% if not feed.updates_enabled %}<span class="badge bg-danger status-chip">Disabled</span>{% endif %}
                            <span class="badge status-chip {% if delivery_mode == "embed" %} bg-primary {% else %} bg-secondary {% endif %}">
                                Current mode:
                                {% if delivery_mode == "embed" %}
                                    Embed
                                {% elif delivery_mode == "screenshot" %}
                                    Screenshot
                                {% else %}
                                    Text
                                {% endif %}
                            </span>
                            {% if not "youtube.com/feeds/videos.xml" in feed.url %}
                                <span class="badge status-chip bg-secondary">
                                    Images:
                                    {% if media_gallery_image_limit == 0 %}
                                        No images
                                    {% elif media_gallery_image_limit == 1 %}
                                        First image only
                                    {% else %}
                                        Up to {{ media_gallery_image_limit }} images
                                    {% endif %}
                                </span>
                            {% endif %}
                            {% if delivery_mode == "screenshot" %}
                                <span class="badge status-chip bg-secondary">
                                    Screenshot layout:
                                    {% if screenshot_layout == "mobile" %}
                                        Mobile
                                    {% else %}
                                        Desktop
                                    {% endif %}
                                </span>
                            {% endif %}
                        </div>
                    </div>
                    <section class="mt-4 pt-3 border-top border-secondary-subtle">
                        <h3 class="h6 text-uppercase text-muted mb-2">Feed Summary</h3>
                        <p class="text-muted mb-2">
                            This feed
                            {% if feed.updates_enabled %}
                                will send new entries
                            {% else %}
                                is paused and will not send new entries
                            {% endif %}
                            {% if current_webhook_name %}
                                to <strong>{{ current_webhook_name }}</strong>
                            {% elif current_webhook_url %}
                                to a webhook that is no longer saved
                            {% else %}
                                after a webhook is attached
                            {% endif %}
                            as
                            {% if delivery_mode == "embed" %}
                                an embed.
                            {% elif delivery_mode == "screenshot" %}
                                a screenshot of the entry link page in {{ screenshot_layout }} mode.
                            {% else %}
                                a text message.
                            {% endif %}
                        </p>
                        <ul class="text-muted small mb-0 feed-summary-list">
                            <li>
                                Update interval:
                                {% if feed_interval %}
                                    {{ feed_interval }} minutes.
                                {% else %}
                                    {{ global_interval }} minutes because of the global default.
                                {% endif %}
                            </li>
                            {% if delivery_mode == "embed" %}
                                <li>
                                    Embed images:
                                    {% if media_gallery_image_limit == 0 %}
                                        none.
                                    {% elif media_gallery_image_limit == 1 %}
                                        first image only.
                                    {% else %}
                                        up to {{ media_gallery_image_limit }} images.
                                    {% endif %}
                                </li>
                            {% elif delivery_mode == "screenshot" %}
                                <li>Screenshot layout: {{ screenshot_layout }}.</li>
                            {% endif %}
                            <li>
                                Filters:
                                {% if has_blacklist_filters and has_whitelist_filters %}
                                    whitelist and blacklist are active; blacklist wins when both match.
                                {% elif has_blacklist_filters %}
                                    blacklist is active.
                                {% elif has_whitelist_filters %}
                                    whitelist is active.
                                {% else %}
                                    no whitelist or blacklist filters are configured.
                                {% endif %}
                            </li>
                            <li>
                                Updating the Discord webhook when the feed entry changes is
                                {{ 'enabled.' if save_sent_webhooks else 'disabled.' }}
                            </li>
                        </ul>
                    </section>
                    {% if feed.last_exception %}
                        <div class="alert alert-danger mt-4 mb-0" role="alert">
                            <h5 class="alert-heading mb-2">{{ feed.last_exception.type_name }}</h5>
                            <code class="d-block mb-2 feed-page__wrap">{{ feed.last_exception.value_str }}</code>
                            <button class="btn btn-outline-light btn-sm"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#exceptionDetails"
                                    aria-expanded="false"
                                    aria-controls="exceptionDetails">Show Traceback</button>
                            <div class="collapse mt-2" id="exceptionDetails">
                                <pre class="mb-0 feed-page__pre"><code>{{ feed.last_exception.traceback_str }}</code></pre>
                            </div>
                        </div>
                    {% endif %}
                    <section class="mt-4 pt-3 border-top border-secondary-subtle">
                        <h3 class="h6 text-uppercase text-muted mb-3">Actions</h3>
                        <div class="d-flex flex-wrap gap-2">
                            <a href="/update?feed_url={{ feed.url|encode_url }}"
                               class="btn btn-primary btn-sm">Update</a>
                            <form action="/remove" method="post" class="d-inline">
                                <button class="btn btn-danger btn-sm"
                                        name="feed_url"
                                        value="{{ feed.url }}"
                                        onclick="return confirm('Are you sure you want to delete this feed?')">
                                    Remove
                                </button>
                            </form>
                            {% if not feed.updates_enabled %}
                                <form action="/unpause" method="post" class="d-inline">
                                    <button class="btn btn-secondary btn-sm"
                                            name="feed_url"
                                            value="{{ feed.url }}">Unpause</button>
                                </form>
                            {% else %}
                                <form action="/pause" method="post" class="d-inline">
                                    <button class="btn btn-danger btn-sm" name="feed_url" value="{{ feed.url }}">Pause</button>
                                </form>
                            {% endif %}
                            {% if not "youtube.com/feeds/videos.xml" in feed.url %}
                                {% if delivery_mode == "embed" %}
                                    <form action="/use_text" method="post" class="d-inline">
                                        <button class="btn btn-outline-light btn-sm"
                                                name="feed_url"
                                                value="{{ feed.url }}">Send text message instead of embed</button>
                                    </form>
                                {% elif delivery_mode == "screenshot" %}
                                    <form action="/use_text" method="post" class="d-inline">
                                        <button class="btn btn-outline-light btn-sm"
                                                name="feed_url"
                                                value="{{ feed.url }}">Send text message instead of screenshot</button>
                                    </form>
                                {% else %}
                                    <form action="/use_embed" method="post" class="d-inline">
                                        <button class="btn btn-outline-light btn-sm"
                                                name="feed_url"
                                                value="{{ feed.url }}">Send embed instead of text message</button>
                                    </form>
                                {% endif %}
                            {% endif %}
                        </div>
                    </section>
                    {% if not "youtube.com/feeds/videos.xml" in feed.url %}
                        <section class="mt-4 pt-3 border-top border-secondary-subtle">
                            <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2">
                                <h3 class="h6 text-uppercase text-muted mb-0">Screenshot Delivery</h3>
                                <span class="badge {{ 'bg-info' if delivery_mode == 'screenshot' else 'bg-secondary' }}">
                                    {% if delivery_mode == "screenshot" %}
                                        Active:
                                        {% if screenshot_layout == "mobile" %}
                                            Mobile
                                        {% else %}
                                            Desktop
                                        {% endif %}
                                    {% else %}
                                        Inactive
                                    {% endif %}
                                </span>
                            </div>
                            <p class="text-muted mb-3">
                                Screenshot delivery sends a full-page screenshot of the entry link instead of the normal
                                embed or text message.
                            </p>
                            <div class="d-flex flex-wrap gap-2">
                                {% if delivery_mode != "screenshot" %}
                                    <form action="/use_screenshot" method="post" class="d-inline">
                                        <button class="btn btn-outline-light btn-sm"
                                                name="feed_url"
                                                value="{{ feed.url }}">Use screenshot delivery</button>
                                    </form>
                                {% else %}
                                    <form action="/use_embed" method="post" class="d-inline">
                                        <button class="btn btn-outline-light btn-sm"
                                                name="feed_url"
                                                value="{{ feed.url }}">Disable screenshot delivery</button>
                                    </form>
                                    {% if screenshot_layout == "mobile" %}
                                        <form action="/use_screenshot_desktop" method="post" class="d-inline">
                                            <button class="btn btn-outline-light btn-sm"
                                                    name="feed_url"
                                                    value="{{ feed.url }}">Use desktop screenshot layout</button>
                                        </form>
                                    {% else %}
                                        <form action="/use_screenshot_mobile" method="post" class="d-inline">
                                            <button class="btn btn-outline-secondary btn-sm"
                                                    name="feed_url"
                                                    value="{{ feed.url }}">Use mobile screenshot layout</button>
                                        </form>
                                    {% endif %}
                                {% endif %}
                            </div>
                            <div class="mt-2 screenshot-requirement">
                                Screenshot mode requires Chromium to be installed for Playwright. Run
                                <code>uv run playwright install chromium</code> once on this machine.
                            </div>
                        </section>
                        <section class="mt-4 pt-3 border-top border-secondary-subtle">
                            <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2">
                                <h3 class="h6 text-uppercase text-muted mb-0">Image Delivery</h3>
                                <span class="badge {{ 'bg-info' if media_gallery_image_limit < max_media_gallery_items else 'bg-secondary' }}">
                                    {% if media_gallery_image_limit == 0 %}
                                        No images
                                    {% elif media_gallery_image_limit == 1 %}
                                        First image only
                                    {% else %}
                                        Up to {{ media_gallery_image_limit }} images
                                    {% endif %}
                                </span>
                            </div>
                            <p id="imageDeliveryHelp" class="text-muted mb-3">
                                Choose 0 to send no entry images, 1 for the first image only,
                                or up to {{ max_media_gallery_items }} for a Discord media gallery.
                                This only affects embed delivery.
                            </p>
                            <form action="/set_feed_media_gallery_image_limit"
                                  method="post"
                                  class="mb-0">
                                <input type="hidden" name="feed_url" value="{{ feed.url }}" />
                                <label class="form-label small text-muted mb-2" for="image_limit">
                                    Images per entry:
                                    <output name="image_limit_value" for="image_limit">{{ media_gallery_image_limit }}</output>
                                </label>
                                <div class="d-flex flex-wrap align-items-center gap-3">
                                    <div class="flex-grow-1 image-limit-control">
                                        <input id="image_limit"
                                               class="form-range"
                                               type="range"
                                               name="image_limit"
                                               min="0"
                                               max="{{ max_media_gallery_items }}"
                                               step="1"
                                               value="{{ media_gallery_image_limit }}"
                                               aria-describedby="imageDeliveryHelp"
                                               oninput="this.form.elements.image_limit_value.value = this.value" />
                                        <div class="d-flex justify-content-between text-muted small">
                                            <span>0</span>
                                            <span>{{ max_media_gallery_items }}</span>
                                        </div>
                                    </div>
                                    <button class="btn btn-outline-light btn-sm" type="submit">Save image limit</button>
                                </div>
                            </form>
                        </section>
                    {% endif %}
                    <section class="mt-4 pt-3 border-top border-secondary-subtle">
                        <h3 class="h6 text-uppercase text-muted mb-3">Customization</h3>
                        <div class="d-flex flex-wrap gap-2">
                            <a class="btn btn-sm btn-outline-light"
                               href="/whitelist?feed_url={{ feed.url|encode_url }}">Whitelist</a>
                            <a class="btn btn-sm btn-outline-light"
                               href="/blacklist?feed_url={{ feed.url|encode_url }}">Blacklist</a>
                            <a class="btn btn-sm btn-outline-light"
                               href="/custom?feed_url={{ feed.url|encode_url }}">
                                Customize message
                                {% if delivery_mode == "text" %}(Currently active){% endif %}
                            </a>
                            {% if not "youtube.com/feeds/videos.xml" in feed.url %}
                                <a class="btn btn-sm btn-outline-light"
                                   href="/embed?feed_url={{ feed.url|encode_url }}">
                                    Customize embed
                                    {% if delivery_mode == "embed" %}(Currently active){% endif %}
                                </a>
                            {% endif %}
                        </div>
                    </section>
                    <section class="mt-4 pt-3 border-top border-secondary-subtle">
                        <h3 class="h6 text-uppercase text-muted mb-3">Feed URL</h3>
                        <form action="/change_feed_url" method="post" class="mb-0">
                            <input type="hidden" name="old_feed_url" value="{{ feed.url }}" />
                            <div class="input-group input-group-sm feed-page__content">
                                <input type="url"
                                       class="form-control feed-page__wrap"
                                       name="new_feed_url"
                                       value="{{ feed.url }}"
                                       required />
                                <button class="btn btn-warning" type="submit">Update URL</button>
                            </div>
                        </form>
                    </section>
                    <section class="mt-4 pt-3 border-top border-secondary-subtle">
                        <h3 class="h6 text-uppercase text-muted mb-3">Webhook</h3>
                        {% if current_webhook_name %}
                            <p class="text-muted mb-3">
                                Current webhook:
                                <strong>{{ current_webhook_name }}</strong>
                            </p>
                        {% elif current_webhook_url %}
                            <p class="text-warning mb-3">This feed references a missing webhook. Choose a webhook below to reattach it.</p>
                        {% else %}
                            <p class="text-warning mb-3">No webhook is attached to this feed yet.</p>
                        {% endif %}
                        {% if webhooks %}
                            <form action="/attach_feed_webhook"
                                  method="post"
                                  class="d-flex flex-wrap align-items-center gap-2 mb-0">
                                <input type="hidden" name="feed_url" value="{{ feed.url }}" />
                                <input type="hidden"
                                       name="redirect_to"
                                       value="/feed?feed_url={{ feed.url|encode_url }}" />
                                <select name="webhook_dropdown"
                                        class="form-select form-select-sm bg-dark border-dark text-muted"
                                        required>
                                    <option value=""
                                            disabled
                                            {% if not current_webhook_name %}selected{% endif %}>
                                        Select webhook...
                                    </option>
                                    {% for hook in webhooks %}
                                        <option value="{{ hook.name }}"
                                                {% if hook.name == current_webhook_name %}selected{% endif %}>
                                            {{ hook.name }}
                                        </option>
                                    {% endfor %}
                                </select>
                                <button class="btn btn-outline-light btn-sm" type="submit">Save webhook</button>
                            </form>
                        {% else %}
                            <p class="text-muted mb-0">Add a webhook first to attach this feed.</p>
                        {% endif %}
                        <div class="mt-3 d-flex flex-wrap align-items-center gap-2">
                            <span class="badge {{ 'bg-success' if save_sent_webhooks else 'bg-secondary' }}">
                                Sent webhook tracking:
                                {{ 'Enabled' if save_sent_webhooks else 'Disabled' }}
                            </span>
                            <form action="/set_feed_save_sent_webhooks" method="post" class="d-inline">
                                <input type="hidden" name="feed_url" value="{{ feed.url }}" />
                                <input type="hidden"
                                       name="enabled"
                                       value="{{ 'false' if save_sent_webhooks else 'true' }}" />
                                <button class="btn btn-outline-light btn-sm" type="submit">
                                    {{ 'Disable saved webhook updates' if save_sent_webhooks else 'Enable saved webhook updates' }}
                                </button>
                            </form>
                            <a class="btn btn-outline-info btn-sm"
                               href="/sent_webhooks?feed_url={{ feed.url|encode_url }}">View sent webhooks</a>
                        </div>
                    </section>
                    <section class="mt-4 pt-3 border-top border-secondary-subtle">
                        <h3 class="h6 text-uppercase text-muted mb-3">Feed Information</h3>
                        <div class="row g-2 text-muted small">
                            <div class="col-12 col-md-6">
                                <div class="p-2">Added: {{ feed.added | relative_time }}</div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="p-2">Last Updated: {{ feed.last_updated | relative_time }}</div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="p-2">Last Retrieved: {{ feed.last_retrieved | relative_time }}</div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="p-2">Next Update: {{ feed.update_after | relative_time }}</div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="p-2">
                                    Updates:
                                    <span class="badge {{ 'bg-success' if feed.updates_enabled else 'bg-danger' }}">
                                        {{ 'Enabled' if feed.updates_enabled else 'Disabled' }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </section>
                    <section class="mt-4 pt-3 border-top border-secondary-subtle">
                        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
                            <h3 class="h6 text-uppercase text-muted mb-0">Update Interval</h3>
                            <span class="badge {% if feed_interval %} bg-info {% else %} bg-secondary {% endif %}">
                                {% if feed_interval %}
                                    Custom
                                {% else %}
                                    Using global default
                                {% endif %}
                            </span>
                        </div>
                        <p class="text-muted mb-3">
                            Current:
                            <strong>
                                {% if feed_interval %}
                                    {{ feed_interval }}
                                    {% if feed_interval >= 60 %}({{ (feed_interval / 60) | round(1) }} hours){% endif %}
                                {% else %}
                                    {{ global_interval }}
                                    {% if global_interval >= 60 %}({{ (global_interval / 60) | round(1) }} hours){% endif %}
                                {% endif %}
                                minutes
                            </strong>
                        </p>
                        <div class="d-flex flex-wrap align-items-center gap-2">
                            <form action="/set_update_interval"
                                  method="post"
                                  class="d-inline-flex gap-2 align-items-center">
                                <input type="hidden" name="feed_url" value="{{ feed.url }}" />
                                <input type="number"
                                       class="form-control form-control-sm interval-input"
                                       style="width: 100px"
                                       name="interval_minutes"
                                       placeholder="Minutes"
                                       min="1"
                                       value="{{ feed_interval if feed_interval else global_interval }}"
                                       required />
                                <button class="btn btn-primary btn-sm" type="submit">Set Interval</button>
                            </form>
                            {% if feed_interval %}
                                <form action="/reset_update_interval" method="post" class="d-inline">
                                    <input type="hidden" name="feed_url" value="{{ feed.url }}" />
                                    <button class="btn btn-secondary btn-sm" type="submit">Reset to Global Default</button>
                                </form>
                            {% endif %}
                        </div>
                    </section>
                </div>
            </article>
        </div>
        <div class="col-12">
            <section class="card border border-dark shadow-sm text-light rounded-0">
                <div class="card-header bg-transparent text-muted border-secondary">Rendered HTML content</div>
                <div class="card-body p-0">
                    <pre class="m-0 p-3 feed-page__pre">{{ html|safe }}</pre>
                </div>
            </section>
        </div>
        {% if is_show_more_entries_button_visible %}
            <div class="col-12">
                <a class="btn btn-dark"
                   href="/feed?feed_url={{ feed.url|encode_url }}&starting_after={{ last_entry.id|encode_url }}">
                    Show more entries
                </a>
            </div>
        {% endif %}
    </div>
{% endblock content %}