{% extends "base" %}

{% block init %}
    {% set title = "Support" %}

    {% set page_title = "Create Reminders" %}
    {% set page_subtitle = "" %}
{% endblock %}

{% block content %}

    <section class="hero is-small">
        <div class="hero-body">
            <div class="container">
                <p class="title">Create reminders via commands</p>
                <p class="content">
                    You can create reminders with the <code>/remind</code> command.
                    <br>
                    Fill out the "time" and "content" fields. If you wish, press on "Optional" to view other options
                    for the reminder.
                </p>
                <p class="subtitle">Time</p>
                <p class="content">
                    The bot will take a "best-guess" at what time you entered. It will favour UK date formats
                    over US date formats (MM/DD/YY) where possible.
                    <br>
                    You can also use <code>cron</code>-like syntax to specify the time. For example, using
                    <code>0 0 1 * *</code> will send the reminder at midnight on the first of the next month.
                    For more information on cron syntax, see <a href="https://crontab.guru/">crontab.guru</a>.
                    <br>
                    <strong>Cron syntax is not repeating</strong>. Please use the optional "interval" field to specify a repetition interval.
                </p>
                <p class="subtitle">Pings</p>
                <p class="content">
                    Roles and users can be pinged by including their @ mention in the "content" field.
                    To ping a role, the role must be set as mentionable, and the bot must have permissions to mention the role.
                    <br>
                    Please note that when using the dashboard, roles can only be pinged in the "Content..." field and not the embed fields.
                </p>
            </div>
        </div>
    </section>

    <section class="hero is-small">
        <div class="hero-body">
            <div class="container">
                <p class="title">Create reminders via the dashboard</p>
                <p class="content">
                    Reminders can also be created on the dashboard. The dashboard offers more options for configuring
                    reminders, and offers templates for quick recreation of reminders.

                    <a href="/dashboard">Access the dashboard.</a>
                </p>
            </div>
        </div>
    </section>

    <section class="hero is-small">
        <div class="hero-body">
            <div class="container">
                <p class="title">Custom formatting rules</p>
                <p class="content">
                    Reminder content can be customized using formatting rules.
                </p>
                <p class="subtitle">timefrom</p>
                <p class="content">
                    The <code>timefrom</code> formatting rule will display a formatted difference
                    between the time the reminder sends and a specified time.
                    <br>
                    For example, if the current time is 1755800000 (UNIX time), the format string
                    <code>&lt;&lt;timefrom:1755803600&gt;&gt;</code> would display "1 hour"
                </p>
                <p class="subtitle">timenow</p>
                <p class="content">
                    The <code>timenow</code> formatting rule displays the current time or an offset
                    from the current time in a given timezone in a custom format.
                    <br>
                    For example, if the current time is 1755800000 (UNIX time), the format string
                    <code>&lt;&lt;timenow:UTC:%H:%M:%S&gt;&gt;</code> would display "18:13:20"
                    <br>
                    Optionally, an offset can be provided to display a time from your current time.
                    For example, if the current time is 1755800000 (UNIX time), the format string
                    <code>&lt;&lt;timenow+120:UTC:%H:%M:%S&gt;&gt;</code> would display "18:15:20",
                    or <code>&lt;&lt;timenow-120:UTC:%H:%M:%S&gt;&gt;</code> would display "18:11:20"
                    <br>
                    You can use this feature alongside Discord's timestamp formatting. The following
                    will show the text "in 2 minutes" for all users as a Discord timestamp:
                    <code>&lt;t:&lt;&lt;timenow+120:UTC:%s&gt;&gt;:R&gt;</code>
                </p>
            </div>
        </div>
    </section>

{% endblock %}