{{-- Include the header layout --}}
@include('User::layouts.header')
<section id="login" class="m-auto">
    <div class="container-fluid h-100">
        <div class="d-flex loginHeight justify-content-center align-items-center">
            <div>
                <div class="text-center">
                    <a href="#">
                        <img src="{{ asset('assets/Images/logov2.png') }}" width="90px" alt="">
                    </a>
                </div>
                @if(session('error'))
                <div id="errorMessage" class="alert alert-danger">
                    {{ session('error') }}
                </div>
                <script>
                    setTimeout(function() {
                        var errorMessage = document.getElementById('errorMessage');
                        errorMessage.style.opacity = '0';
                        errorMessage.style.transition = 'opacity 1s ease-in-out';
                        setTimeout(function() {
                            errorMessage.style.display = 'none';
                        }, 1000);
                    }, 5000);
                </script>
              @endif
                <div class="bg-white shadow-sm rounded mt-4 py-4 px-md-4 px-3 loginFormWrap">
                    <div class="text-center">
                        <h5 class="text-center">Commercial Excellence</h5>
                        <h6 class="text-primary">Log In</h6>
                    </div>
                    <form method="POST" action="{{ route('login') }}" class="mt-3">
                        @csrf
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror" id="exampleInputEmail1" name="email" value="{{ old('email') }}" aria-describedby="emailHelp" required>
                            @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="exampleInputPassword1" class="form-label">Password <span class="text-danger">*</span></label>
                            <input type="password" class="form-control @error('password') is-invalid @enderror" id="exampleInputPassword1" name="password" required>
                            @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <button type="submit" class="btn btnBrand1 w-100" style="color: #fff;">Login</button>
                    </form>
                    <div class="mt-3 text-center">
                        <a href="{{ route('reset.index') }}">Reset Password</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{-- Include the footer layout --}}
@include('User::layouts.footer')