{# Shared inspection section editor — embedded in the admin listing form and the
   shop per-report review form. Field names match admin_save_inspection /
   shop_portal_report(action=save_edits): section_<id>_rating/_findings/_notes,
   overall_rating, overall_summary. Expects `data` (parsed report JSON). #}
{% set _titles = {'engine':'Engine & Powertrain','transmission':'Transmission & Driveline','exhaust':'Exhaust & Emissions','fluids':'Fluids','hv_battery':'HV Battery','charge_system':'Charge System','drive_motor':'Drive Motor(s) & Inverter','regen':'Regenerative Braking','hv_cooling':'HV Battery Cooling','aux_battery':'12V Auxiliary Battery','range':'Estimated Range','hybrid_control':'Hybrid Powertrain Control','brakes':'Brakes','tires':'Tires & Wheels','suspension':'Suspension & Steering','electrical':'Electrical & Electronics','safety':'Safety Systems','exterior':'Exterior & Interior','road_test':'Road Test'} %}
{% set _sections = data.sections or [] %}
{% set _verdict = data.overall_verdict or {} %}
<div class="space-y-3">
  {% for section in _sections %}
    <div class="rounded-lg border border-zinc-200 p-3">
      <div class="flex items-center justify-between gap-3">
        <label class="text-sm font-black text-zinc-950">{{ loop.index }}. {{ _titles.get(section.id, section.id) }}</label>
        <select class="form-input w-auto" name="section_{{ section.id }}_rating">
          <option value="pass" {{ 'selected' if section.rating == 'pass' else '' }}>PASS</option>
          <option value="pass_with_note" {{ 'selected' if section.rating == 'pass_with_note' else '' }}>PASS w/ NOTE</option>
          <option value="fail" {{ 'selected' if section.rating == 'fail' else '' }}>FAIL</option>
        </select>
      </div>
      <textarea class="form-input mt-2" name="section_{{ section.id }}_findings" rows="3" placeholder="One finding per line">{{ (section.findings or []) | join('\n') }}</textarea>
      <input class="form-input mt-2" name="section_{{ section.id }}_notes" value="{{ section.notes or '' }}" placeholder="Notes (optional)">
    </div>
  {% endfor %}

  <div class="rounded-lg border-2 border-zinc-300 p-3">
    <div class="flex items-center justify-between gap-3">
      <label class="text-sm font-black text-zinc-950">Overall verdict</label>
      <select class="form-input w-auto" name="overall_rating">
        <option value="pass" {{ 'selected' if _verdict.rating == 'pass' else '' }}>PASS</option>
        <option value="pass_with_note" {{ 'selected' if _verdict.rating == 'pass_with_note' else '' }}>PASS w/ NOTE</option>
        <option value="fail" {{ 'selected' if _verdict.rating == 'fail' else '' }}>FAIL</option>
      </select>
    </div>
    <input class="form-input mt-2" name="overall_summary" value="{{ _verdict.summary or '' }}" placeholder="One-sentence summary">
  </div>
</div>