{% extends "base.html" %}
{% block title %}Inspection Review - {{ (data.vehicle or {}).make }} {{ (data.vehicle or {}).model }} - {{ settings.company_name }}{% endblock %}

{% block content %}
{% set v = data.vehicle or {} %}
{% set ist = report.status %}
<div class="mx-auto max-w-3xl px-4 py-10 sm:px-6 lg:px-8">
  <div class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm sm:p-8">

    <div class="flex items-center justify-between border-b border-zinc-200 pb-4">
      <div>
        <a class="text-xs font-bold text-zinc-500 hover:text-zinc-800" href="{{ url_for('shop_portal', shop_token=shop_token) }}">&larr; Back to portal</a>
        <h1 class="mt-1 text-xl font-black text-zinc-950">{{ v.year }} {{ v.make }} {{ v.model }} {{ v.trim }}</h1>
        <p class="text-xs text-zinc-500">{{ v.vin }} · Stock {{ v.stock }}</p>
      </div>
      <div class="text-right">
        {% if ist == 'approved' %}<span class="rounded-full bg-emerald-100 px-2.5 py-1 text-xs font-black text-emerald-800">Approved</span>
        {% elif ist == 'pending' %}<span class="rounded-full bg-amber-100 px-2.5 py-1 text-xs font-black text-amber-800">Pending</span>
        {% elif ist == 'changes_requested' %}<span class="rounded-full bg-amber-100 px-2.5 py-1 text-xs font-black text-amber-800">Changes requested</span>
        {% elif ist == 'revoked' %}<span class="rounded-full bg-red-100 px-2.5 py-1 text-xs font-black text-red-700">Revoked</span>{% endif %}
        <div class="mt-1 text-[10px] uppercase text-zinc-400">{{ report.powertrain_type }}</div>
      </div>
    </div>

    {% if ist == 'changes_requested' and report.shop_notes %}
      <div class="mt-4 rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-900">
        <div class="font-black">Requested changes</div>
        <p>{{ report.shop_notes }}</p>
      </div>
    {% endif %}

    {# Section editor (save edits) #}
    <form class="mt-5" method="post" action="{{ url_for('shop_portal_report', shop_token=shop_token, report_token=report.report_token) }}">
      <input type="hidden" name="action" value="save_edits">
      <h2 class="text-sm font-black uppercase tracking-wide text-zinc-500">Inspection sections</h2>
      <div class="mt-3">
        {% include "partials/inspection_section_editor.html" %}
      </div>
      <button class="btn-primary mt-4" type="submit">Save edits</button>
    </form>

    {# Approve & stamp #}
    <form class="mt-6 rounded-lg border-2 border-emerald-300 bg-emerald-50 p-4" method="post" action="{{ url_for('shop_portal_report', shop_token=shop_token, report_token=report.report_token) }}">
      <input type="hidden" name="action" value="approve">
      <h2 class="text-sm font-black text-emerald-900">Approve &amp; stamp this report</h2>
      <p class="mt-1 text-xs text-emerald-800">Stamps the report with your shop name, inspector, and date. The Inspection button will appear on the public listing page.</p>
      <div class="mt-3 grid gap-3 sm:grid-cols-2">
        <label><span class="form-label">Inspector name</span><input class="form-input" name="inspector_name" value="{{ report.inspector_name or '' }}" required></label>
        <label><span class="form-label">Inspection date</span><input class="form-input" type="date" name="inspection_date" value="{{ report.inspection_date or '' }}" required></label>
      </div>
      <button class="btn-primary mt-3 bg-emerald-600 hover:bg-emerald-700" type="submit">Approve &amp; stamp</button>
    </form>

    {# Request changes #}
    <form class="mt-4 rounded-lg border border-amber-200 bg-amber-50 p-4" method="post" action="{{ url_for('shop_portal_report', shop_token=shop_token, report_token=report.report_token) }}">
      <input type="hidden" name="action" value="request_changes">
      <h2 class="text-sm font-black text-amber-900">Request changes</h2>
      <label class="mt-2 block"><span class="form-label">Notes for the dealer</span><textarea class="form-input" name="shop_notes" rows="2" placeholder="What needs re-checking?">{{ report.shop_notes or '' }}</textarea></label>
      <button class="btn-outline mt-3 border-amber-400 text-amber-900" type="submit">Request changes</button>
    </form>

    {# Revoke #}
    <form class="mt-4" method="post" action="{{ url_for('shop_portal_report', shop_token=shop_token, report_token=report.report_token) }}" onsubmit="return confirm('Revoke this report? The public Inspection button will be hidden.')">
      <input type="hidden" name="action" value="revoke">
      <button class="rounded-xl border border-red-300 px-4 py-2 text-sm font-black text-red-700 hover:bg-red-50" type="submit">Revoke approval</button>
    </form>
  </div>
</div>
{% endblock %}