@extends('layouts.app')

@section('title', 'Masuk')

@section('content')
<div class="auth-wrap py-5">
  <div class="auth-card">
    <h1 class="visually-hidden">Masuk ke {{ config('toko.nama') }}</h1>
    <div class="text-center mb-4">
      <a class="navbar-brand" href="{{ route('home') }}" style="font-size:1.8rem">{{ config('toko.nama') }}<span class="dot text-primary">.</span></a>
      <p class="text-muted-soft mb-0">Masuk untuk mulai berbelanja</p>
    </div>
    <form method="post" action="{{ route('login.store') }}" data-once>
      @csrf
      <div class="mb-3">
        <label for="email" class="form-label">Email</label>
        <input type="email" id="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required autofocus autocomplete="username" maxlength="120">
        @error('email')<div class="invalid-feedback" role="alert">{{ $message }}</div>@enderror
      </div>
      <div class="mb-3">
        <label for="loginPass" class="form-label">Password</label>
        <div class="input-group has-validation">
          <input type="password" name="password" id="loginPass" class="form-control @error('password') is-invalid @enderror" required autocomplete="current-password">
          <button class="btn btn-light-blue" type="button" data-toggle-password="#loginPass" aria-label="Tampilkan password" aria-pressed="false"><i class="bi bi-eye" aria-hidden="true"></i></button>
          @error('password')<div class="invalid-feedback" role="alert">{{ $message }}</div>@enderror
        </div>
      </div>
      <div class="text-end mb-3"><a href="{{ route('password.request') }}" class="small">Lupa password?</a></div>
      <div class="form-check mb-3">
        <input class="form-check-input" type="checkbox" name="remember" id="remember" value="1" @checked(old('remember'))>
        <label class="form-check-label" for="remember">Ingat saya</label>
      </div>
      <button type="submit" class="btn btn-gradient w-100 btn-lg mb-3" data-loading-text="Memproses...">Masuk</button>
    </form>
    <p class="text-center text-muted-soft mb-0">Belum punya akun? <a href="{{ route('register') }}" class="text-primary fw-semibold">Daftar di sini</a></p>
  </div>
</div>
@endsection