<!-- Trip Settings -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
  <!-- Trip Type -->
  <div>
    <label class="block text-sm font-medium text-gray-700 mb-1">Trip Type</label>
    <select name="trip_type" id="tripType" class="form-select">
      <option value="normal">Normal</option>
      <option value="outstation">Outstation</option>
      <option value="rental">Rental</option>
      <option value="delivery">Delivery</option>
    </select>
  </div>

  <!-- Dynamic Options -->
  <div id="normalOptions">
    <label class="block text-sm font-medium text-gray-700 mb-1">Ride Mode</label>
    <select name="is_ride_later" class="form-select">
      <option value="0">Ride Now</option>
      <option value="1">Ride Later</option>
    </select>
  </div>

  <div id="outstationOptions" class="hidden">
    <label class="block text-sm font-medium text-gray-700 mb-1">Trip Mode</label>
    <select name="is_oneway" class="form-select">
      <option value="1">Single Trip</option>
      <option value="0">Round Trip</option>
    </select>
  </div>

  <div id="returnDateContainer" class="hidden">
    <label class="block text-sm font-medium text-gray-700 mb-1">Return Date</label>
    <input type="datetime-local" name="trip_end_date" class="form-input">
  </div>
</div>