{# Choix du programme d'un nouveau dossier : Open Water, AOW ou programme libre. #}
{% macro program_fields() %}
<div x-data="{program:'ow'}" class="space-y-3">
  <div>
    <label for="program" class="text-sm font-medium">Programme</label>
    <select id="program" name="program" x-model="program" class="input">
      <option value="ow">Open Water Diver</option>
      <option value="aow">Advanced Open Water Diver</option>
      <option value="custom">Programme libre</option>
    </select>
  </div>
  <div x-show="program==='custom'" x-cloak class="space-y-3">
    <input name="program_name" class="input" maxlength="80" placeholder="Nom du programme (ex. Rescue Diver)" :required="program==='custom'"/>
    <div>
      <label for="milestones" class="text-xs text-gray-600">Jalons à valider, un par ligne</label>
      <textarea id="milestones" name="milestones" rows="5" class="input" :required="program==='custom'"></textarea>
    </div>
  </div>
</div>
{% endmacro %}