{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Pilot Program - Gvelo Enterprise Platform{% endblock %}
{% block body_class %}operational-page ops-page{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/operational-experience.css">
{% endblock %}
{% block content %}
<main class="ops-shell">
<header class="ops-header"><div><h1>Pilot Program</h1><div class="ops-subtitle">Controlled field deployments, feedback, issue patterns, operational metrics, and success scoring.</div></div><div class="ops-actions"><a class="ops-button secondary" href="/company-operations">Company Ops</a></div></header>
<section class="ops-panel">
<h2>Register This Shop As A Pilot</h2>
<form class="ops-form-grid" method="post" action="/pilot-program/register">
<label>Category<select name="category">{% for category in snapshot.categories %}<option value="{{ category }}">{{ category|title }}</option>{% endfor %}</select></label>
<label>Environment<input name="environment" value="field"></label>
<label>Notes<input name="notes" placeholder="Location, owner, device, internet context"></label>
<button type="submit">Register Pilot</button>
</form>
</section>
<section class="ops-grid">{% for pilot in snapshot.pilots %}<div class="ops-panel ops-metric"><span class="ops-muted">{{ pilot.shop_name or pilot.shop_id }}</span><strong>{{ pilot.success_score }}%</strong><span class="ops-badge {{ '' if pilot.success_score >= 75 else 'warn' }}">{{ pilot.category|title }}</span></div>{% else %}<div class="ops-panel">No pilot registered yet.</div>{% endfor %}</section>
<section class="ops-panel">
<h2>Collect Feedback</h2>
<form class="ops-form-grid" method="post" action="/pilot-program/feedback">
<label>Type<input name="feedback_type" value="operator"></label><label>Rating<input name="rating" type="number" min="1" max="5"></label><label>Pain point<input name="pain_point"></label><label>Requested feature<input name="requested_feature"></label><label>Comment<input name="comment" placeholder="What happened in the shop?"></label><button type="submit">Save Feedback</button>
</form>
</section>
<section class="ops-panel"><h2>Recent Feedback</h2><div class="ops-list">{% for item in snapshot.feedback %}<div class="ops-list-item"><strong>{{ item.feedback_type|title }} {{ item.rating or '' }}</strong><p>{{ item.comment }}</p><span class="ops-muted">{{ item.pain_point }} {{ item.requested_feature }}</span></div>{% else %}<div class="ops-list-item">No feedback yet.</div>{% endfor %}</div></section>
</main>
{% endblock %}