{% extends 'base.html' %}
{% block title %}Send Update — Admin{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 700px;">
        <div class="admin-header-row">
            <div>
                <span class="section-kicker">Admin Portal</span>
                <h1>Send Update</h1>
            </div>
            <a href="{% url 'accounts:admin_portal' %}" class="btn-small">&larr; Back to portal</a>
        </div>

        <p style="color: var(--muted); margin-bottom: 24px;">
            Send a one-off SMS and/or email to every customer, every picker, or everyone — for announcements that
            aren't tied to a specific order (service changes, market price updates, etc). This reaches phones/inboxes
            directly, unlike the homepage News & Announcements list.
        </p>

        <div class="contact-form-wrap" style="max-width: 560px;">
            <form method="post" class="contact-form">
                {% csrf_token %}

                <label>Audience</label>
                <div style="display: flex; gap: 16px; margin: -4px 0 10px;">
                    <label style="display: flex; align-items: center; gap: 6px; font-weight: normal;">
                        <input type="radio" name="audience" value="customers" {% if audience == 'customers' %}checked{% endif %}> All Customers
                    </label>
                    <label style="display: flex; align-items: center; gap: 6px; font-weight: normal;">
                        <input type="radio" name="audience" value="pickers" {% if audience == 'pickers' %}checked{% endif %}> All Pickers
                    </label>
                    <label style="display: flex; align-items: center; gap: 6px; font-weight: normal;">
                        <input type="radio" name="audience" value="everyone" {% if audience == 'everyone' %}checked{% endif %}> Everyone
                    </label>
                </div>

                <label>Channel</label>
                <div style="display: flex; gap: 16px; margin: -4px 0 10px;">
                    <label style="display: flex; align-items: center; gap: 6px; font-weight: normal;">
                        <input type="checkbox" name="use_sms" value="1" {% if use_sms %}checked{% endif %}> SMS
                    </label>
                    <label style="display: flex; align-items: center; gap: 6px; font-weight: normal;">
                        <input type="checkbox" name="use_email" value="1" {% if use_email %}checked{% endif %}> Email
                    </label>
                </div>

                <label for="subject">Email subject <span style="color: var(--muted); font-weight: normal;">(ignored for SMS-only sends)</span></label>
                <input type="text" id="subject" name="subject" value="{{ subject }}" placeholder="Update from PickkerMarket">

                <label for="message">Message</label>
                <textarea id="message" name="message" rows="6" placeholder="Type your update here…">{{ message }}</textarea>

                <div style="display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap;">
                    <button type="submit" name="fill_market_trend" value="1" class="btn-small">Fill from Current Market Trend</button>
                    <button type="submit" class="btn-cta">Send Update</button>
                </div>
            </form>
        </div>
    </div>
</section>
{% endblock %}