{% extends "admin/base.html" %}
{# A custom admin page, and the demo of the shadcn components that the
   generated CRUD screens have no use for: RadioGroup, Switch, and
   Slider. A ModelAdmin form is built from field types, so it reaches
   for a <select> and a checkbox; a hand-written page like this is
   exactly where the richer controls earn their place. See
   plan/shadcnui-usage.md §8 and docs/routing.md.

   Everything here styles itself through the `ui` global, so this page
   follows the active theme (and dark mode) with no color literals of
   its own. #}
{% from "admin/components/ui/radio-group.html" import radio_group %}
{% from "admin/components/ui/switch.html" import switch %}
{% from "admin/components/ui/slider.html" import slider %}
{% block title %}Broadcast Message{% endblock %}
{% block content %}
<form method="post" action="{{ base_path }}/tools/broadcast" class="{{ ui('panel', 'form') }} max-w-xl">
  <h2 class="mb-1 text-lg font-semibold text-foreground">Broadcast a message</h2>
  <p class="mb-4 {{ ui('text', 'muted') }}">
    Sends a one-off notice to every active user -- a stand-in for a
    department-facing wizard that isn't resource CRUD.
  </p>
  {% if error %}
  <div role="alert" class="{{ ui('alert', 'destructive') }} mb-4">
    <p class="{{ ui('alert', 'description') }}">{{ error }}</p>
  </div>
  {% endif %}
  <div class="{{ ui('field') }}">
    <label for="message" class="{{ ui('field', 'label') }}">Message</label>
    <div class="{{ ui('field', 'control') }}">
      <textarea id="message" name="message" rows="4" required class="{{ ui('textarea') }}"></textarea>
    </div>
  </div>

  {{ radio_group(
       "urgency", "Urgency",
       choices=[
         {"value": "normal", "label": "Normal", "help": "Queued with everything else."},
         {"value": "high", "label": "High", "help": "Jumps the queue and pings on-call."},
       ],
       selected="normal",
     ) }}

  {{ switch("also_email", "Also send by email",
            checked=False,
            help="In-app only when off.") }}

  {{ slider("rate", "Throttle", min=10, max=500, step=10, value=100, suffix="/min") }}

  <button type="submit" class="{{ ui('button') }}">Send broadcast</button>
</form>
{% endblock %}