<!-- Intermediate stops (waypoints) between pickup and drop. Shown for normal/outstation only. -->
<div id="multistopsContainer" class="hidden space-y-3" style="display: none !important;">
  <div class="flex items-center justify-between">
    <label class="block text-sm font-medium text-gray-700">
      <i class="fas fa-map-pin mr-1 text-amber-500"></i> Intermediate Stops
      <span class="text-gray-500 font-normal ml-1">(optional, max <%= typeof max_stops !== 'undefined' ? max_stops : 1 %>)</span>
    </label>
    <button type="button" id="addStopBtn" style="padding: 10px !important; " class="text-sm py-3.5 px-3 rounded-md bg-amber-100 text-amber-800 hover:bg-amber-200 focus:outline-none focus:ring-2 focus:ring-amber-500">
      <i class="fas fa-plus mr-1"></i> Add stop
    </button>
  </div>
  <div id="stopsList" class="space-y-4 px-2.5" style="display: grid; gap: 10px;"></div>
  <input type="hidden" name="stops" id="stopsInput" value="[]" style="padding-left: 27px !important;">
</div>
