{% extends 'base.html' %}
{% block title %}Picker Settings — 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>Picker Settings</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;">
            Pickers are never manually toggled available/unavailable — the system automatically marks a picker
            unavailable while they're actively delivering an order, or once they hit this daily order cap for the
            day. As soon as a slot frees up (an order is delivered, or one is cancelled), they become available
            again automatically.
        </p>

        <div class="contact-form-wrap" style="max-width: 400px;">
            <form method="post" class="contact-form">
                {% csrf_token %}
                <label for="max_orders_per_day">Maximum orders per B2C picker, per day</label>
                <input type="number" id="max_orders_per_day" name="max_orders_per_day" value="{{ max_orders_per_day }}" min="1" required>

                <label for="b2b_max_orders_per_day">Maximum orders per B2B picker (truck), per day</label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">Trucks realistically handle far fewer, bigger jobs per day than a motorcycle picker.</p>
                <input type="number" id="b2b_max_orders_per_day" name="b2b_max_orders_per_day" value="{{ b2b_max_orders_per_day }}" min="1" required>

                <label style="margin-top: 14px;">Delivery days</label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">Which weekdays scheduled (non-quick) deliveries run on — customers pick from the next dates on these days at checkout.</p>
                <div style="display: flex; flex-wrap: wrap; gap: 10px 16px; margin-bottom: 10px;">
                    {% for w in weekday_choices %}
                    <label style="display: flex; align-items: center; gap: 6px; font-weight: 400;">
                        <input type="checkbox" name="delivery_weekdays" value="{{ w.value }}" {% if w.checked %}checked{% endif %}>
                        {{ w.label }}
                    </label>
                    {% endfor %}
                </div>

                <label style="margin-top: 14px; display: flex; align-items: center; gap: 8px; font-weight: 400;">
                    <input type="checkbox" name="multi_stop_pickup_enabled" value="1" {% if multi_stop_pickup_enabled %}checked{% endif %}>
                    Allow multi-stop pickups
                </label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">
                    When a cart needs items unique to two or more different markets, this lets a picker do a real
                    multi-stop trip (pick up at every required market, then deliver) instead of the order being
                    blocked outright — however many markets are involved. Any available picker can be sent — not
                    only one registered at a required market — and the delivery fee is based on the real combined
                    route distance through all the stops. Leave unchecked (default) to keep blocking such carts
                    and asking the customer to order separately.
                </p>

                <button type="submit" class="btn-cta">Save Changes</button>
            </form>
        </div>
    </div>
</section>
{% endblock %}