{{template "layout" .}}

{{define "title"}}Drinks · Estus Shots{{end}}

{{define "content"}}
<fieldset class="tui-fieldset" style="padding: 2rem;">
  <legend>Drinks Management</legend>
  <p class="tui-text-white">
    Manage the types of drinks consumed during the game.
  </p>

  <section style="margin-top: 1.5rem;">
    <h2 class="tui-text-green">Drink List</h2>
    <div 
      id="drink-list"
      hx-get="/drinks/list"
      hx-trigger="load"
      hx-swap="innerHTML"
    >
      <div class="tui-panel">Loading drinks...</div>
    </div>
  </section>

  <section style="margin-top: 1.5rem;">
    <h2 class="tui-text-green">Add New Drink</h2>
    <form hx-post="/drinks" hx-target="#drink-list" hx-swap="innerHTML">
      <div class="tui-fieldset">
        <label for="drink-name">Drink Name:</label>
        <input type="text" id="drink-name" name="name" required class="tui-input" />
        
        <label for="drink-type" style="margin-top: 1rem;">Type:</label>
        <select id="drink-type" name="type" required class="tui-input">
          <option value="">Select type...</option>
          <option value="beer">Beer</option>
          <option value="shot">Shot</option>
          <option value="cocktail">Cocktail</option>
          <option value="wine">Wine</option>
          <option value="other">Other</option>
        </select>
        
        <button type="submit" class="tui-button" style="margin-top: 1rem;">Add Drink</button>
      </div>
    </form>
  </section>
</fieldset>
{{end}}