<form class="travel-form">
  <div class="travel-worlds">
    <div class="travel-world-block">
      <label><i class="fas fa-rocket"></i> Monde de départ</label>
      <div class="travel-search-widget">
        <input type="text" name="travel-from" placeholder="Rechercher un monde…" autocomplete="off">
        <ul class="travel-from-results"></ul>
      </div>
    </div>

    <div class="travel-jump-selector">
      <label for="travel-jump">Saut</label>
      <select name="travel-jump">
        <option value="1">J-1</option>
        <option value="2" selected>J-2</option>
        <option value="3">J-3</option>
        <option value="4">J-4</option>
        <option value="5">J-5</option>
        <option value="6">J-6</option>
      </select>
    </div>

    <div class="travel-world-block">
      <label><i class="fas fa-flag-checkered"></i> Monde d'arrivée</label>
      <div class="travel-search-widget">
        <input type="text" name="travel-to" placeholder="Rechercher un monde…" autocomplete="off">
        <ul class="travel-to-results"></ul>
      </div>
    </div>
  </div>

  <div class="travel-actions">
    <button type="button" data-action="calculate">
      <i class="fas fa-route"></i> Calculer l'itinéraire
    </button>
  </div>

  <div class="travel-results"></div>

  <div class="travel-journal-actions" style="display:none;">
    <button type="button" data-action="create-journal">
      <i class="fas fa-book"></i> Créer un journal de trajet
    </button>
  </div>
</form>
