@include("partials/admin/head")

<section class="bg-home d-flex bg-light align-items-center"
         style="background: url('{{ asset('backend/assets/images/bg/bg-lines-one.png') }}') center;">

    <div class="container">
        <div class="row justify-content-center">

            <div class="col-lg-5 col-md-8">
                <img src="{{ asset('assets/images/logo_png.png') }}" class="mx-auto d-block w-75" alt="">

                <div class="card login-page shadow mt-4 rounded border-0">
                    <div class="card-body p-5">
                        <h4 class="text-center">Sign In</h4>

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

                        <form action="{{ route('admin.login.submit') }}" method="POST" class="login-form mt-4">
                            @csrf

                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label class="form-label">
                                            Your Email <span class="text-danger">*</span>
                                        </label>
                                        <input
                                            type="email"
                                            class="form-control @error('email') is-invalid @enderror"
                                            placeholder="Email"
                                            name="email"
                                            value="{{ old('email') }}"
                                            required
                                        >
                                        @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label class="form-label">
                                            Password <span class="text-danger">*</span>
                                        </label>
                                        <input
                                            type="password"
                                            class="form-control @error('password') is-invalid @enderror"
                                            placeholder="Password"
                                            name="password"
                                            required
                                        >
                                        @error('password')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                {{-- Remember me --}}
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <div class="form-check">
                                            <input
                                                class="form-check-input"
                                                type="checkbox"
                                                id="remember"
                                                name="remember"
                                                value="1"
                                                {{ old('remember') ? 'checked' : '' }}
                                            >
                                            <label class="form-check-label" for="remember">
                                                Remember me
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-12 mb-0">
                                    <div class="d-grid">
                                        <button type="submit" class="btn btn-info">Login</button>
                                    </div>
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
            </div> <!--end col-->

        </div><!--end row-->
    </div> <!--end container-->
</section>

<style>
    footer { display: none; }
</style>

@include("partials/admin/footer")