{% 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>

                <label for="default_market_radius_km" style="margin-top: 14px;">Default market radius (km)</label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">Applied automatically on the market page for a customer with a saved location, before they touch any filter themselves — separate from the manual radius choices below.</p>
                <input type="number" step="any" min="0.1" id="default_market_radius_km" name="default_market_radius_km" value="{{ default_market_radius_km }}" required>

                <label for="market_radius_options_km" style="margin-top: 14px;">"Near you" radius options on the market page (km)</label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">Comma-separated distances a customer can choose from when filtering the market page by radius, e.g. 2,5,10,20.</p>
                <input type="text" id="market_radius_options_km" name="market_radius_options_km" value="{{ market_radius_options_km }}" required>

                <label for="close_radius_km" style="margin-top: 14px;">Warehouse/industry close-delivery radius (km)</label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">A B2C order this close to its tied warehouse/industry can be delivered by a regular picker instead of a truck, and can get a lower minimum order (set per warehouse/industry). Beyond this — but still within the far radius below — the order needs a truck/company and the standard minimum.</p>
                <input type="number" step="any" min="0.1" id="close_radius_km" name="close_radius_km" value="{{ close_radius_km }}" required>

                <label for="far_radius_km" style="margin-top: 14px;">Warehouse/industry far-delivery radius (km)</label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">Beyond this distance, that warehouse/industry is hidden from a B2C customer's delivery options entirely — a truck is never sent for a small order over a long distance.</p>
                <input type="number" step="any" min="0.1" id="far_radius_km" name="far_radius_km" value="{{ far_radius_km }}" required>

                <label for="default_min_order_kg" style="margin-top: 14px;">Default minimum order (kg) for warehouse/industry orders</label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">Used whenever a warehouse/industry hasn't set its own minimum (see Warehouses/Industries admin pages).</p>
                <input type="number" step="any" min="0" id="default_min_order_kg" name="default_min_order_kg" value="{{ default_min_order_kg }}" required>

                <label for="b2b_far_distance_km" style="margin-top: 14px;">B2B "far" delivery distance (km)</label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">Beyond this routed distance, a B2B truck order is treated as "far" — the customer sees a calculated multi-day delivery estimate and a delivery-date calendar that starts later than tomorrow, instead of the usual next-3-days flow.</p>
                <input type="number" step="any" min="0.1" id="b2b_far_distance_km" name="b2b_far_distance_km" value="{{ b2b_far_distance_km }}" required>

                <label for="b2b_km_per_day" style="margin-top: 14px;">B2B realistic travel distance per day (km)</label>
                <p style="color: var(--muted); font-size: 0.85rem; margin: -4px 0 6px;">Used to turn a far B2B order's real routed distance into whole travel-days for the delivery estimate above.</p>
                <input type="number" step="any" min="1" id="b2b_km_per_day" name="b2b_km_per_day" value="{{ b2b_km_per_day }}" required>

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