@use super::base_html;
@use super::components::return_to_main_html;
@use cm_lib::models::Dancer;

@(shift_id: u32, dancers: Vec<Dancer>)

@:base_html({

  <div hx-swap="outerHTML" hx-target="this" class="h-full">
    <div class="fixed right-0 top-0 pr-4 pt-4">
      @:return_to_main_html()
    </div>

    <form hx-post="/api/drinks" class="h-full flex items-center justify-center gap-28">
      <select>
        @for dancer in dancers {
          <option value="@dancer.id">@dancer.stage_name</option>
        }
      </select>

      <input type="hidden" id="shift" name="shift" value="@shift_id" />
      <button type="submit"
        class="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800">
        Submit
      </button>
    </form>
  </div>

})