{{-- resources/views/auth/login.blade.php --}}
@php
    $configData = \App\Helpers\Helper::applClasses();
@endphp

@extends('layouts.horizontalLayoutMaster')

@section('title', 'Login')

@section('page-style')
    {{-- ✅ Switched from mix() to asset() --}}
    <link rel="stylesheet" href="{{ asset('css/base/pages/authentication.css') }}">

    <style>
        .auth-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 40px;
        }

        .auth-inner {
            width: 100%;
            max-width: 420px;
        }

        .card {
            padding: 30px;
            border-radius: 10px;
        }

        .card-title {
            margin-bottom: 20px;
        }

        form {
            margin-top: 20px;
        }

        .btn-primary {
            width: 100%;
            margin-top: 10px;
        }

        .text-center a {
            font-size: 14px;
        }
    </style>
@endsection

@section('content')
    <div class="auth-wrapper">
        <div class="auth-inner">
            <div class="card mb-0 shadow">
                <div class="card-body">
                    <h4 class="card-title text-center">Welcome Back 👋</h4>
                    <p class="text-center mb-3">Please sign-in to your account</p>

                    {{-- ✅ Session Status --}}
                    @if (session('status'))
                        <div class="alert alert-success">{{ session('status') }}</div>
                    @endif

                    {{-- ✅ Validation Errors --}}
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    {{-- ✅ Login Form --}}
                    <form method="POST" action="{{ route('login') }}">
                        @csrf

                        <div class="mb-3">
                            <label for="email" class="form-label">Email</label>
                            <input type="email" id="email" name="email" class="form-control"
                                value="{{ old('email') }}" required autofocus autocomplete="email">
                        </div>

                        <div class="mb-3">
                            <label for="password" class="form-label">Password</label>
                            <input type="password" id="password" name="password" class="form-control" required
                                autocomplete="current-password">
                        </div>

                        <div class="mb-3 form-check">
                            <input type="checkbox" class="form-check-input" name="remember" id="remember">
                            <label class="form-check-label" for="remember"> Remember Me </label>
                        </div>

                        <button type="submit" class="btn btn-primary">Login</button>
                    </form>

                    {{-- ✅ Footer Links --}}
                    <div class="text-center mt-3">
                        <a href="{{ route('password.request') }}">Forgot your password?</a>
                    </div>

                    <div class="text-center mt-2">
                        <a href="{{ route('register') }}">Create an account</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection