@extends('templates.login')
@section('container')
    <form class="tf-form" action="{{ url('/login-proses') }}" method="POST">
        @csrf
        <h1><img class="img-fluid for-light" src="{{ asset('/image/logo.png') }}" style="width: 50px" alt="">SMARTKAMPUNG BANYUWANGI B-ONE ID</h1>
        <div class="group-input">
            <label>Username</label>
            <input type="text" placeholder="Username" class="@error('username') is-invalid @enderror" value="{{ old('username') }}" name="username">
            @error('username')
              <div class="invalid-feedback">
                  {{ $message }}
              </div>
            @enderror
        </div>
        <div class="group-input auth-pass-input last">
            <label>Password</label>
            <input type="password" class="password-input @error('password') is-invalid @enderror" placeholder="Password" name="password">
            <a class="icon-eye password-addon" id="password-addon"></a>
            @error('password')
              <div class="invalid-feedback">
                  {{ $message }}
              </div>
            @enderror
        </div>
        
        <div class="group-input mt-4">
            <div class="icheck-primary">
                <input type="checkbox" name="remember" id="remember">
                <label for="remember" class="mt-2">
                    Remember Me
                </label>
            </div>
        </div>

        <button type="submit" class="tf-btn accent large">Log In</button>
    </form>
    <ul class="bottom socials-login mb-4">
        <li><a href="{{ url('/presensi') }}">LOGIN WAJAH</a></li>     
    </ul>
@endsection