{% 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 exactly two different markets, this lets a picker do a real
                    two-stop trip (pick up at both, then deliver) instead of the order being blocked outright.
                    Any available picker can be sent — not only one registered at either market — and the delivery
                    fee is based on the real combined route distance through both 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 %}