<!-- Trip Status -->
<div class="bg-yellow-50 rounded-lg border border-yellow-100 p-5">
  <h3 class="text-sm font-medium text-yellow-800 mb-3 flex items-center">
    <i class="fas fa-clipboard-check mr-2"></i> Trip Status
  </h3>
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <div>
      <label class="block text-sm font-medium text-gray-700 mb-1">Status</label>
      <select name="trip_status" class="block h-12 w-full form-select pl-3 pr-10 text-base border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
        <% tripStatus.forEach(item => { const isDisabled = item.slug !== 'request'; %>
        <option value="<%= item.slug %>" <%= item.slug === 'request' ? 'selected' : '' %> <%= isDisabled ? 'disabled' : '' %>>
          <%= item.name %>
        </option>
        <% }); %>
      </select>
    </div>
    <div>
      <label class="block text-sm font-medium text-gray-700 mb-1">Payment Status</label>
      <select name="trip_pay_status" class="block form-select w-full pl-3 pr-10 text-base border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
        <option value="Unpaid">Unpaid</option>
      </select>
    </div>
  </div>
  <div class="mt-4 pt-2.5">
    <label class="block text-sm font-medium text-gray-700 mb-1">Payment Method</label>
    <select name="trip_pay_mode" class="block w-full form-select pl-3 pr-10 text-base border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
      <option value="" disabled selected>Select Payment Mode</option>
      <option value="Cash">Cash</option>
      <option value="Wallet">Wallet</option>
      <option value="Card">Online Payment</option>
    </select>
  </div>
  <div class="mt-4 flex items-center pt-2.5">
    <input type="hidden" name="is_send_notification" value="0">
    <input type="checkbox" name="is_send_notification" value="1" id="notificationCheckbox" class="h-4 w-4 text-blue-600 form-check-input focus:ring-blue-500 border-gray-300 rounded">
    <label for="notificationCheckbox" class="ml-2 block text-sm text-gray-700">
      Send notification to driver
    </label>
  </div>
</div>
