@extends('iqec.layouts.guest-split')

@section('content')
    <div class="col-xl-12 mt-3">
        <div class="card">
            <div class="card-body p-0">
                <div class="row m-0">
                    <div class="col-xl-6 col-md-6 sign text-center">
                        <div>
                            <div class="text-center my-5">
                                <a href="{{ route('admin.login') }}"><img width="200" src="{{ asset('public/images/logo-full.png') }}" alt=""></a>
                            </div>
                            <img src="{{ asset('public/images/log.png') }}" class="education-img" alt="">
                        </div>
                    </div>
                    <div class="col-xl-6 col-md-6">
                        <div class="sign-in-your">
                            <h4 class="fs-20 font-w800 text-black">Sign in your account</h4>
                            <span>Welcome back! Login with your data that you entered<br> during registration</span>
                            @if (session('status'))
                                <div class="alert alert-success">{{ session('status') }}</div>
                            @endif
                            <form method="POST" action="{{ route('admin.login.store') }}">
                                @csrf
                                <div class="mb-3">
                                    <label class="mb-1"><strong>Email</strong></label>
                                    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required autofocus autocomplete="email" autocapitalize="none" spellcheck="false">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="mb-3">
                                    <label class="mb-1"><strong>Password</strong></label>
                                    <div class="input-group js-password-wrap">
                                        <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required autocomplete="current-password">
                                        <button type="button" class="btn btn-primary light js-toggle-password" tabindex="-1" aria-label="Show password">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                    </div>
                                    @error('password')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="row d-flex justify-content-between mt-4 mb-2">
                                    <div class="mb-3">
                                        <div class="form-check custom-checkbox ms-1">
                                            <input type="checkbox" name="remember" class="form-check-input" id="remember">
                                            <label class="form-check-label" for="remember">Remember me</label>
                                        </div>
                                    </div>
                                    <div class="mb-3">
                                        <a href="{{ route('admin.password.request') }}">Forgot Password?</a>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <button type="submit" class="btn btn-primary btn-block">Sign Me In</button>
                                </div>
                            </form>
                            {{-- <div class="new-account mt-3">
                                <p>Don't have an account? <a class="text-primary" href="{{ route('admin.register') }}">Sign up</a></p>
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
