41 lines
1.3 KiB
Plaintext
41 lines
1.3 KiB
Plaintext
|
<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>
|