Login page

https://edge-components.jrmc.dev
<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>