{% extends 'base.html' %}{% load static %}{% block title %}Delivery Rate Cards{% endblock %}{% block breadcrumb %}Delivery Rates{% endblock %}{% block content %}
<div class="page-head"><div><p class="small muted">MANAGEMENT · CUSTOMER DELIVERY QUOTES</p><h2>Inter-state delivery rate cards</h2><p>Add current courier tariffs by production origin, destination state, service and package weight. These are the prices customers see at checkout.</p></div></div>
<div class="notice info">Enter prices from your active courier agreements. No courier prices are prefilled. A route becomes available only when the matching production branch has its origin state set and the rate card is active.</div>
<div class="v28-rate-grid"><section class="card card-pad"><h3>Add a rate card</h3><form method="post" class="stack">{% csrf_token %}{% for field in form %}<label class="field">{{ field.label }}{{ field }}{% if field.help_text %}<small>{{ field.help_text }}</small>{% endif %}{% for error in field.errors %}<span class="form-error">{{ error }}</span>{% endfor %}</label>{% endfor %}<button class="btn" type="submit">Save rate card</button></form></section><section class="card card-pad"><h3>Current route rates</h3><div class="table-wrap"><table class="table"><thead><tr><th>Route</th><th>Carrier service</th><th>Tariff</th><th>Weight band</th><th>Estimate</th><th>Active</th><th></th></tr></thead><tbody>{% for r in rates %}<tr><td>{{ r.get_origin_state_display }} → {{ r.get_destination_state_display }}</td><td>{{ r.carrier_name }} · {{ r.service_name }}</td><td>₦{{ r.base_fee|floatformat:2 }} + ₦{{ r.fee_per_kg|floatformat:2 }}/kg<br><small>Minimum ₦{{ r.minimum_fee|floatformat:2 }}</small></td><td>{{ r.min_weight_kg }} kg – {{ r.max_weight_kg|default:'No maximum' }}</td><td>{{ r.eta_min_days }}–{{ r.eta_max_days }} days</td><td>{% if r.is_active %}Yes{% else %}Paused{% endif %}</td><td><a class="btn small outline" href="{% url 'delivery_rate_edit' r.pk %}">Edit</a></td></tr>{% empty %}<tr><td colspan="7">No delivery rates yet. Add verified courier tariffs before enabling interstate checkout.</td></tr>{% endfor %}</tbody></table></div></section></div>
<section class="card card-pad" style="margin-top:1rem"><h3>Production branch origins</h3><p class="small muted">Set the region, state, LGA, town and optional map point for each active branch. This is the production location used to match delivery rates and dispatch jobs.</p><div class="table-wrap"><table class="table"><thead><tr><th>Branch</th><th>Origin location</th><th>Status</th></tr></thead><tbody>{% for branch in branches %}<tr><td>{{ branch.name }}</td><td><form method="post" action="{% url 'delivery_branch_update' branch.pk %}" class="v29-branch-form stack" data-ng-location data-lga-url="{% url 'nigeria_lga_options' %}" data-state-region-map="{{ state_region_map_json }}">{% csrf_token %}{% for field in branch.location_form %}<label class="field">{{ field.label }}{{ field }}{% for error in field.errors %}<span class="form-error">{{ error }}</span>{% endfor %}</label>{% endfor %}<button class="btn small outline" type="button" data-ng-capture>Capture branch map point</button><span class="small muted" data-ng-status role="status" aria-live="polite">Use a map point to help staff locate the branch.</span><button class="btn small outline" type="submit">Save branch location</button></form></td><td>{% if branch.state and branch.lga_id %}Origin ready{% else %}Needs location setup{% endif %}</td></tr>{% empty %}<tr><td colspan="3">Create an active production branch before configuring origin rates.</td></tr>{% endfor %}</tbody></table></div></section>
<style>.v28-rate-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.5fr);gap:1rem;align-items:start}.v29-branch-form{min-width:260px}.v29-branch-form .field{margin:0}.v29-branch-form input,.v29-branch-form select{max-width:360px}@media(max-width:900px){.v28-rate-grid{grid-template-columns:1fr}}</style>
<script src="{% static 'fulfillment/nigeria-location.js' %}" defer></script>
{% endblock %}