@use super::shift_button_html;
@use cm_lib::models::Shift;

@(open_shift: Option<Shift>)

<main class="grid grid-rows-6 grid-cols-3 grid-flow-col h-full">
  <div class="flex justify-center items-center">
    @:shift_button_html(open_shift.as_ref())
  </div>
  @if let Some(open_shift) = open_shift {
  <div hx-boost="true" class="flex justify-center items-center">
    <a href="/shifts/@open_shift.id/drinks"
      class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 ">
      <button type="button">Sell Drinks</button>
    </a>
  </div>

  <div hx-boost="true" class="flex justify-center items-center">
    <a href="/shifts/@open_shift.id/shows"
      class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 ">
      <button type="button">Sell Shows</button>
    </a>
  </div>
  }
  <div hx-boost="true" class="flex justify-center items-center">
    <a href="/management"
      class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 ">
      <button type="button">Management</button>
    </a>
  </div>
</main>