@extends('layouts.user_type.guest')

@section('content')
<main class="form-signin">
<div class="container mb-4 d-flex justify-content-center align-items-center">
      <img src="{{ asset('/assets/images/logos/icons/android-chrome-192x192.png') }}" alt="" width="120">
    </div>

    @if(session()->has('unverified'))
    <div class="alert alert-warning" role="alert">
      {{ session('unverified') }}
    </div>
    @enderror

    <h1 class="h6 mb-3 fw-bold">Please sign in</h1>

    <form role="form" method="POST" action="/login">
      @csrf

      @error('email')
      <p class="text-danger text-xs mt-2">{{ $message }}</p>
      @enderror

      @error('password')
      <p class="text-danger text-xs mt-2">{{ $message }}</p>
      @enderror

      <div class="form-floating">
        <input type="email" name="email" id="email" class="form-control" id="floatingInput" placeholder="name@example.com">
        <label for="floatingInput">Email address</label>
      </div>

      <div class="form-floating">
        <input type="password" name="password" id="password" class="form-control" id="floatingPassword" placeholder="Password">
        <label for="floatingPassword">Password</label>
      </div>

      <div class="checkbox mb-3">
        <label>
          <input type="checkbox" value="remember-me"> Remember me
        </label>
      </div>
      <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
    </form>

    <p class="mb-4 text-sm mx-auto">
      Don't have an account?
      <a href="/register" class="text-info text-gradient font-weight-bold">Sign up</a>
    </p>

    <!-- <p class="mt-5 mb-3 text-muted">&copy; 2017–2021</p> -->
</main>
@endsection