{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Global Announcements{% endblock %}
{% block content %}
<main class="hil-inline-c6c256de96">
    <h1 class="hil-inline-ad7f18b19e">Server Global Announcements</h1>
    <p class="hil-inline-671588d3a2">Send a message to all shops (example: scheduled maintenance / scheduled update).</p>

    <section class="hil-inline-6decba9872">
      <h2 class="hil-inline-df4b8f6336">Create & Send</h2>

      <form method="POST" action="/server/global-announcements/send">
        <div class="hil-inline-dcb83bd6f5">
          <label>
            <div class="hil-inline-4e4f15562b">Title</div>
            <input required name="title" type="text" placeholder="e.g. Scheduled Update" / class="hil-inline-f16ff2acdb">
          </label>

          <label>
            <div class="hil-inline-4e4f15562b">Message</div>
            <textarea required name="message" rows="6" placeholder="Write the message shops should display before the update..." class="hil-inline-f16ff2acdb"></textarea>
          </label>

          <label>
            <div class="hil-inline-4e4f15562b">Announcement type</div>
            <select name="announcement_type" class="hil-inline-f16ff2acdb">
              <option value="scheduled_update">scheduled_update</option>
              <option value="maintenance">maintenance</option>
              <option value="general">general</option>
            </select>
          </label>

          <label>
            <div class="hil-inline-4e4f15562b">Channel(s)</div>
            <input name="channels" type="text" value="in_app" / class="hil-inline-f16ff2acdb">
            <div class="hil-inline-f87465fa0a">Use comma-separated values. Example: in_app</div>
          </label>

          <label>
            <div class="hil-inline-4e4f15562b">Dismiss mode (future)</div>
            <select name="dismiss_mode" class="hil-inline-f16ff2acdb">
              <option value="forever">forever</option>
              <option value="today">today</option>
            </select>
          </label>

          <label>
            <div class="hil-inline-4e4f15562b">Expires at (optional, future)</div>
            <input name="expires_at" type="datetime-local" / class="hil-inline-f16ff2acdb">
          </label>

          <button type="submit" class="hil-inline-7fc35182b8">
            Send to All Shops
          </button>
        </div>
      </form>
    </section>

    <section class="hil-inline-2517a51bbd">
      <h2 class="hil-inline-91b65e5328">Recent Announcements</h2>
      <div class="hil-inline-1651e24d5d">
        {% for ann in announcements %}
          <article class="hil-inline-0a9c57a557">
            <div class="hil-inline-4b23285e53">
              <div>
                <div class="hil-inline-b3f627f043">{{ ann['title'] }}</div>
                <div class="hil-inline-6672029010">Type: {{ ann['announcement_type'] }}</div>
              </div>
              <div class="hil-inline-5b77b76bff">{{ ann['created_at'] }}</div>
            </div>
            <p class="hil-inline-20679b1c95">{{ ann['message'] }}</p>
          </article>
        {% else %}
          <p class="hil-inline-5dcdf2dee8">No announcements yet.</p>
        {% endfor %}
      </div>
    </section>
  </main>
{% endblock %}