@extends('layouts.auth')
@section('style')
@endsection

@section('content')
<div class="col-lg-6">
    <div class="p-lg-5 p-4">
        <div>
            <h5 class="text-primary">Welcome Back !</h5>
            <p class="text-muted">Silahkan masukkan nama pengguna dan kata sandi anda</p>
        </div>
        <div class="mt-4">
            <form action="{{ route('login') }}" method="post">@csrf
                <div class="mb-3">
                    <label for="username" class="form-label">Nama Pengguna</label>
                    <input name="username" type="text" class="form-control" id="username" placeholder="Contoh : michellewjy123" value="{{ old('username') }}">
                </div>

                <div class="mb-3">
                    <div class="float-end">
                        <a href="#" class="text-muted">Lupa Kata Sandi?</a>
                    </div>
                    <label class="form-label" for="password-input">Kata Sandi</label>
                    <div class="position-relative auth-pass-inputgroup mb-3">
                        <input name="password" type="password" class="form-control pe-5 password-input" placeholder="Masukkan kata sandi anda" id="password-input">
                        <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon material-shadow-none" type="button" id="password-addon"><i class="ri-eye-fill align-middle"></i></button>
                    </div>
                </div>

                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="auth-remember-check">
                    <label class="form-check-label" for="auth-remember-check">Remember me</label>
                </div>

                <div class="mt-4">
                    <button class="btn btn-success w-100" type="submit">Login</button>
                </div>
            </form>
        </div>

        <div class="mt-5 text-center">
            <p class="mb-0">Don't have an account ? <a href="{{ route('register') }}" class="fw-semibold text-primary text-decoration-underline"> Signup</a> </p>
        </div>
    </div>
</div>
<!-- end col -->
@endsection

@section('script')
@endsection