oneshot

lib/rsh26pool_web/controllers/room_html/enter.html.heex

@@ -0,0 +1,40 @@
+<Layouts.app flash={@flash} current_participant={@current_participant}>
+  <div class="mx-auto max-w-md">
+    <.header>
+      ルームに参加
+      <:subtitle>ルーム番号とあなたの名前を入力してください。</:subtitle>
+    </.header>
+
+    <div class="card bg-base-100 border border-base-200 shadow-sm mt-4">
+      <div class="card-body">
+        <.form for={@form} action={~p"/enter"} method="post" id="enter-room-form">
+          <.input
+            field={@form[:room_number]}
+            type="text"
+            label="ルーム番号"
+            placeholder="6桁の番号"
+            inputmode="numeric"
+            required
+          />
+
+          <.input
+            field={@form[:name]}
+            type="text"
+            label="あなたの名前"
+            placeholder="例：たろう"
+            required
+          />
+
+          <div class="flex items-center justify-between gap-3 mt-2">
+            <.link navigate={~p"/"} class="btn btn-ghost btn-sm">
+              戻る
+            </.link>
+            <button type="submit" class="btn btn-primary">
+              <.icon name="hero-arrow-right-on-rectangle" class="size-4" /> 参加する
+            </button>
+          </div>
+        </.form>
+      </div>
+    </div>
+  </div>
+</Layouts.app>