@include('auth-pages.header')
    <div class="lg-w-50 px-24 py-32 d-flex justify-content-center align-items-center">
        <div class="max-w-540-px mx-auto">
            <a href="javascript:void(0);" class="">
                <img src="{{ asset('assets/images/logo.png') }}" alt="Logo">
            </a>
            <div class="mt-32 mb-32">
                <h1 class="h6 fw-bold text-primary-light mb-8">Welcome Back 👋</h1>
                <p class="text-sm text-secondary-light mb-0">Log in to your account to continue</p>
            </div>
            <form action="{{ route('login') }}" method="POST" class="d-flex flex-column gap-32">
                @csrf
                <div class="d-flex flex-column gap-16">
                    <!-- Email -->
                    <div>
                        <label class="text-sm fw-semibold text-primary-light d-inline-block mb-8">
                            Email Address <span class="text-danger-600">*</span>
                        </label>
                        <input type="email" name="email" class="form-control" placeholder="Enter your email" value="{{ old('email') }}">
                        
                        @error('email')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <!-- Password -->
                    <div>
                        <label class="text-sm fw-semibold text-primary-light d-inline-block mb-8">
                            Password <span class="text-danger-600">*</span>
                        </label>
                        <input type="password" name="password" class="form-control" placeholder="Enter your password">

                        @error('password')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <!-- Remember Me -->
                <!-- <div class="form-check">
                    <input type="checkbox" name="remember" class="form-check-input">
                    <label class="form-check-label">Remember me</label>
                </div> -->

                <button type="submit" class="btn btn-primary-600 w-100 py-16">Log In</button>
            </form>

            <div class="mt-32 text-center text-sm">
                Don't have an account?
                <a href="{{ route('register.form') }}" class="text-primary-600 fw-semibold text-decoration-underline">
                    Create an account
                </a>
            </div>
        </div>
    </div>
</div>
@include('auth-pages.footer')