{% extends 'base.html' %}{% block title %}Production Control Center{% endblock %}{% block breadcrumb %}Production Control{% endblock %}{% block content %}
<div class="page-head"><div><div class="kicker">GENEZ PRINT · OPERATIONS</div><h1>Production Control Center</h1><p>Manage printing assignments, branch inventory, job costing, and production deadlines.</p></div><div class="actions"><a class="btn small outline" href="{% url 'genez_notifications' %}">🔔 My updates{% if genez_unread_alerts %} · {{ genez_unread_alerts }} unread{% endif %}</a><a class="btn small" href="{% url 'production_v8' %}">Purchasing · Scheduling · QC</a><a class="btn small outline" href="{% url 'production_intelligence' %}">Risk & Alerts →</a>{% if can_configure %}<a class="btn small outline" href="{% url 'admin:manufacturing_branch_changelist' %}">Manage Branches</a><a class="btn small outline" href="{% url 'admin:manufacturing_recipeline_changelist' %}">Materials & Recipes</a><a class="btn small outline" href="{% url 'admin:manufacturing_bulkpricetier_changelist' %}">Bulk Pricing</a>{% endif %}</div></div>
<nav class="v21-workspace-links" aria-label="Production workspaces"><a href="{% url 'production_center' %}" aria-current="page"><span>▦</span> Jobs & inventory</a><a href="{% url 'production_v8' %}"><span>⚙</span> Scheduling & QC</a><a href="{% url 'production_intelligence' %}"><span>◷</span> Alerts</a>{% if can_configure %}<a href="{% url 'production_analytics' %}"><span>▥</span> Reports</a>{% endif %}</nav>
<div class="metric-grid dashboard-metrics"><div class="metric-card"><div>🖨 Jobs in view</div><strong>{{ jobs_count }}</strong><small>Current permissions</small></div><div class="metric-card"><div>👷 Assigned jobs</div><strong>{{ assigned_count }}</strong><small>With operator assigned</small></div><div class="metric-card"><div>⏰ Overdue jobs</div><strong>{{ overdue_count }}</strong><small>Not yet shipped/completed</small></div><div class="metric-card"><div>⚠ Low stock items</div><strong>{{ low_stock|length }}</strong><small>At or below minimum</small></div></div>
<section class="card card-pad v21-production-jobs"><form method="get" class="v7-filter"><label for="v7-branch-filter">Filter by branch</label><select id="v7-branch-filter" name="branch"><option value="">All permitted branches</option>{% for branch in branches %}<option value="{{ branch.pk }}" {% if selected_branch == branch.pk|stringformat:'s' %}selected{% endif %}>{{ branch.name }}</option>{% endfor %}</select><button class="btn small" type="submit">Apply</button></form><div class="panel-heading"><h3>Production jobs</h3><span class="small muted">Payment and proof approval remain mandatory before production</span></div><div class="v21-mobile-hint">Swipe sideways to view job details on smaller screens.</div><div class="table-scroll" tabindex="0" role="region" aria-label="Production jobs table"><table><thead><tr><th>Job / Order</th><th>Product</th><th>Branch</th><th>Customer task point</th><th>Assignee</th><th>Due date</th><th>Estimated cost</th><th>Stage</th><th>Action</th></tr></thead><tbody>{% for job in jobs %}<tr><td><strong>#{{ job.pk }}</strong><br><span class="small muted">{{ job.order_item.order.order_number }}</span></td><td>{{ job.order_item.product_name }}<br><span class="muted small">Qty {{ job.order_item.quantity }}</span></td><td>{{ job.branch.name|default:'Not allocated' }}{% if job.branch.city %}<br><span class="small muted">{{ job.branch.region_name }} · {{ job.branch.city }}{% if job.branch.lga %}, {{ job.branch.lga.name }}{% endif %}{% if job.branch.state %}, {{ job.branch.get_state_display }}{% endif %}</span>{% endif %}</td><td>{{ job.order_item.order.delivery_region_name }} · {{ job.order_item.order.delivery_city|default:'Not recorded' }}{% if job.order_item.order.delivery_lga %}, {{ job.order_item.order.delivery_lga.name }} LGA{% endif %}{% if job.order_item.order.delivery_state %}, {{ job.order_item.order.delivery_state_name }}{% endif %}{% if job.order_item.order.delivery_latitude is not None and job.order_item.order.delivery_longitude is not None %}<br><a class="small" href="https://maps.google.com/?q={{ job.order_item.order.delivery_latitude }},{{ job.order_item.order.delivery_longitude }}" target="_blank" rel="noopener">Map point</a>{% endif %}</td><td>{{ job.assigned_to|default:'Unassigned' }}</td><td>{{ job.due_at|date:'d M Y H:i'|default:'Not set' }}</td><td>₦{{ job.estimated_cost|floatformat:2 }}</td><td><span class="status-pill">{{ job.get_status_display }}</span></td><td><a class="btn small outline" href="{% url 'production_job' job.pk %}">Manage</a></td></tr>{% empty %}<tr><td colspan="9">No jobs visible. Assign a branch and its staff from the authorized operations portal.</td></tr>{% endfor %}</tbody></table></div></section>
<section class="card card-pad"><div class="panel-heading"><h3>Branch stock levels</h3>{% if can_configure %}<a href="{% url 'admin:manufacturing_material_changelist' %}" class="small">Configure materials →</a>{% endif %}</div><div class="table-scroll"><table><thead><tr><th>Branch</th><th>Material</th><th>Quantity</th><th>Reorder at</th><th>State</th></tr></thead><tbody>{% for s in stocks %}<tr><td>{{ s.branch.name }}</td><td>{{ s.material.sku }} · {{ s.material.name }}</td><td>{{ s.quantity }} {{ s.material.unit }}</td><td>{{ s.material.reorder_threshold }}</td><td>{% if s.quantity <= s.material.reorder_threshold %}<strong class="v7-alert">Reorder needed</strong>{% else %}Available{% endif %}</td></tr>{% empty %}<tr><td colspan="5">No inventory yet. Managers should create branches, materials, then record stock receipts.</td></tr>{% endfor %}</tbody></table></div></section>
{% if can_manage %}<section class="card card-pad v7-receipt"><h3>Receive verified stock</h3><p class="muted small">Receipts append a ledger entry and increase the selected branch stock; they do not modify existing movements.</p><form action="{% url 'production_stock_receive' %}" method="post" class="v7-form">{% csrf_token %}{% for field in receipt_form %}<label class="field">{{ field.label }}{{ field }}</label>{% endfor %}<button class="btn" type="submit">Record Receipt</button></form></section>{% endif %}
{% endblock %}