@extends('templates.login')
@section('container')
    <form class="tf-form" action="{{ url('/login-proses') }}" method="POST">
        @csrf
        <div class="header-login">
            <img class="logo" src="{{ url('/assets/img/logo.png') }}" />
            <p class="txt-header-login"> Masuk ke Akun Anda </p>
            <p class="txt-subheader-login"> Silakan masuk dengan akun Anda untuk mengakses fitur tersebut. </p>
        </div>
        <div class="card-content">
            <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 danger large"> Masuk </button>
        </form>

        <p class="txt-footer">Face Recognition</p>
        <div class="bottom-login">
            <a href="{{ url('/presensi') }}"> <button class="tf-btn secondary large" type="button"> Absen Masuk </button> </a>
            <a href="{{ url('/presensi-pulang') }}"> <button class="tf-btn secondary-black large" type="button"> Absen Pulang </button> </a>
        </div>
        </div>
@endsection