{% extends "base.html" %}
{% block title %}Message Template: {{ feed_title if feed_title else feed.url }} | discord-rss-bot{% endblock title %}
{% block description %}Customize the plain text Discord message template for {{ feed_title if feed_title else feed.url }}.{% endblock description %}
{% block content %}
    <div class="p-2 border border-dark">
        <form action="/custom" method="post">
            <!-- Feed URL -->
            <div class="row pb-2">
                <div class="col-sm-12">
                    <div class="form-text">
                        <ul class="list-inline">
                            <li>You can modify the message that is sent to Discord.</li>
                            <li>You can use \n to create a new line.</li>
                            <li>
                                You can remove the embed from links by adding &lt; and &gt; around the link. (For example &lt;{% raw %}{{ entry_link }}{% endraw %}&gt;)
                            </li>
                        </ul>
                        {{ render_tag_reference_html(feed=feed, entry=entry, feed_title=feed_title, first_image=first_image, extension_variables=extension_variables, extension_values=extension_values) }}
                    </div>
                    <label for="custom_message" class="col-sm-6 col-form-label">Message</label>
                    <input name="custom_message"
                           type="text"
                           class="form-control bg-dark border-dark text-muted"
                           id="custom_message"
                           {% if custom_message %} value="{{- custom_message -}}" {% endif %} />
                </div>
            </div>
            <!-- Optional Discord webhook username & avatar for this feed -->
            <div class="row pb-2">
                <div class="col-sm-12">
                    <div class="form-text">
                        <ul class="list-inline">
                            <li>Optional: override the Discord webhook username and avatar for messages from this feed.</li>
                            <li>Leave blank to use the webhook's default name and avatar.</li>
                            <li>Invalid values (empty, disallowed characters, or bad avatar URLs) are ignored when sending.</li>
                            <li>Username rules: 1–80 characters; cannot contain <code>@</code>, <code>#</code>, <code>:</code>, or <code>`</code>; cannot contain <code>clyde</code> or <code>discord</code>.</li>
                            <li>Avatar must be a full <code>http://</code> or <code>https://</code> image URL.</li>
                        </ul>
                    </div>
                    <label for="message_username" class="col-sm-6 col-form-label">Message Username</label>
                    <input name="message_username"
                           type="text"
                           class="form-control bg-dark border-dark text-muted"
                           id="message_username"
                           maxlength="80"
                           placeholder="e.g. Power Of The Shell"
                           {% if message_username %} value="{{- message_username -}}" {% endif %} />
                    <label for="message_avatar_url" class="col-sm-6 col-form-label">Message Avatar Image</label>
                    <input name="message_avatar_url"
                           type="url"
                           class="form-control bg-dark border-dark text-muted"
                           id="message_avatar_url"
                           placeholder="e.g. https://example.com/icon.png"
                           {% if message_avatar_url %} value="{{- message_avatar_url -}}" {% endif %} />
                </div>
            </div>
            <!-- Add a hidden feed_url field to the form -->
            <input type="hidden" name="feed_url" value="{{ feed.url }}" />
            <!-- Submit button -->
            <div class="d-md-flex">
                <button class="btn btn-dark btn-sm">Update message</button>
            </div>
        </form>
    </div>
{% endblock content %}