@extends('layouts.auth')
@section('title', 'Masuk')

@section('content')
<form method="POST" action="{{ route('login.store') }}" autocomplete="off">
    @csrf
    <div class="form-group">
        <label class="form-label">Username</label>
        <div class="input-wrap">
            <span class="input-icon">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" /></svg>
            </span>
            <input type="text" name="username" class="form-control @error('username') is-invalid @enderror"
                placeholder="Masukkan username" value="{{ old('username') }}" autofocus autocomplete="username">
        </div>
        @error('username')<span class="invalid-feedback">{{ $message }}</span>@enderror
    </div>

    <div class="form-group">
        <label class="form-label">Password</label>
        <div class="input-wrap">
            <span class="input-icon">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg>
            </span>
            <input type="password" name="password" class="form-control @error('password') is-invalid @enderror"
                placeholder="Masukkan password" autocomplete="current-password">
        </div>
        @error('password')<span class="invalid-feedback">{{ $message }}</span>@enderror
    </div>

    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;">
        <label class="form-check">
            <input type="checkbox" name="remember"> Ingat Saya
        </label>
    </div>

    <button type="submit" class="btn-auth">Masuk</button>
</form>
@endsection

@section('footer')
<div class="auth-footer">
    Belum punya akun? <a href="{{ route('register') }}">Daftar di sini</a>
</div>
@endsection