Login page
<div class="hero min-h-screen bg-base-200">
<div class="hero-content flex-col lg:flex-row-reverse">
@jrmc.card({ class: 'lg:card-side bg-base-100 shadow-xl' })
@slot('top')
<figure><img src="https://picsum.photos/500/500" class="h-full lg:!max-w-fit" alt="" /></figure>
@end
@jrmc.card.body()
@jrmc.form({ action: '/login' })
@jrmc.form.control({ name: 'email', error: false })
@!jrmc.form.input({ class: 'input-bordered' })
@end
@jrmc.form.control({ name: 'password', error: false })
@!jrmc.form.input({ class: 'input-bordered' })
@end
@jrmc.form.control({ name: 'remember_me', label: false })
@jrmc.form.label({ class: 'cursor-pointer', text: 'Remember me' })
@!jrmc.form.toggle()
@end
@end
@jrmc.form.control({ label: false, error: false })
@!jrmc.button.input({ text: 'Login', type: 'submit', class: 'btn-primary' })
@end
@end
@end
@end
</div>
</div>
<div class="hero min-h-screen bg-base-200">
<div class="hero-content flex-col lg:flex-row-reverse">
<div class="card lg:card-side bg-base-100 shadow-xl" >
<figure><img src="https://picsum.photos/500/500" class="h-full lg:!max-w-fit" alt="" /></figure>
<div class="card-body">
<form method="POST" action="/login"> <input type='hidden' name='_csrf' value='yantJYv2-xlPKj673D-IvLrscwgzwPV2152g'>
<div class="form-control mb-5" >
<label class="label cursor-pointer" for="email">
<span class="label-text" >
Email:</span>
</label>
<input
type="text"
class="input input-bordered"
name="email"
id="email"
value=""
/>
</div>
<div class="form-control mb-5" >
<label class="label cursor-pointer" for="password">
<span class="label-text" >
Password:</span>
</label>
<input
type="text"
class="input input-bordered"
name="password"
id="password"
value=""
/>
</div>
<div class="form-control mb-5" >
<label class="label cursor-pointer" >
<span class="label-text" >
Remember me</span> <input
type="checkbox"
class="toggle"
name="remember_me"
id="remember_me"
value=""
/>
</label>
</div>
<div class="form-control mb-5" >
<input
type="submit"
class="btn btn-primary"
value="Login" />
</div>
</form>
</div>
</div>
</div>
</div>