clubmanager/templates/drinks.rs.html

@use super::base_html;

@(shift_id: u32)

@:base_html({

<form hx-swap="outerHTML" hx-post="/api/drinks" class="h-full flex items-center justify-center gap-28">
  <fieldset class="flex flex-col text-4xl text-center overflow-hidden border border-black rounded-2xl">
    <input hidden required type="radio" id="two" name="price" value="2" class="peer/two" />
    <label class="p-4 hover:bg-blue-300 peer-checked/two:bg-blue-400" for="two">$2</label>

    <input hidden type="radio" id="three" name="price" value="3" class="peer/three" />
    <label class="p-4 hover:bg-blue-300 peer-checked/three:bg-blue-400" for="three">$3</label>

    <input hidden type="radio" id="five" name="price" value="5" class="peer/five" />
    <label class="p-4 hover:bg-blue-300 peer-checked/five:bg-blue-400" for="five">$5</label>

    <input hidden type="radio" id="eight" name="price" value="8" class="peer/eight" />
    <label class="p-4 hover:bg-blue-300 peer-checked/eight:bg-blue-400" for="eight">$8</label>

    <input hidden type="radio" id="fifteen" name="price" value="15" class="peer/fifteen" />
    <label class="p-4 hover:bg-blue-300 peer-checked/fifteen:bg-blue-400" for="fifteen">$15</label>
  </fieldset>

  <div class="flex flex-col items-center gap-24">
    <div>
      <div>
        <label for="quantity">Quantity: </label>
        <input type="number" id="quantity" name="quantity" step="1" value="1" />
      </div>
      <input type="hidden" id="shift_id" name="shift_id" value="@shift_id" />
    </div>

    <button type="submit">
      submit
    </button>
</form>

})