@extends('layouts.Auth.admin-layout')
@section('title', 'Admin|login')
@section('content')
    <div class="app-content content">
        <div class="content-wrapper">
            <div class="content-header row">
            </div>
            <div class="content-body">
                <section id="account-login" class="flexbox-container">
                    <div class="col-12 d-flex align-items-center justify-content-center">
                        <!-- image -->

                        <!-- login form -->
                        <div class="col-xl-3 col-lg-4 col-md-5 col-sm-5 col-12 p-0">
                            <div class="card border-grey border-lighten-3 m-0 box-shadow-0 card-account-right height-400">
                                <div class="card-content">
                                    <div class="card-body p-3">
                                        <p class="text-center h5 text-capitalize">
                                            <img style="width: 150px;height:auto;" src="{{asset('assets/app-assets/images/logo/logo.png')}}" alt="" srcset="">
                                        </p>

                                        <br>
                                        <form class="form-horizontal form-signin" action="{{ route('admin.do-login') }}"
                                            id="login" method="POST">
                                            @csrf
                                            <div>
                                                <label for="email">Email</label>
                                                <input type="text" class="form-control" id="email"
                                                    placeholder="Your Email" name="email" required>

                                                @error('email')
                                                    <p class="error">{{ $message }}</p>
                                                @enderror

                                            </div>

                                            <div>
<br>
                                                <label for="password">Password</label>
                                                <input type="password" class="form-control" id="password" name="password"
                                                    placeholder="Enter Password" required="">
                                                @error('password')
                                                    <p class="error">{{ $message }}</p>
                                                @enderror

                                            </div>


                                            <button type="submit" class="btn btn-primary btn-block my-1 "
                                                style="cursor:pointer;">Log In</button>

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

            </div>
        </div>
    </div>
    <div class="mb-4">
        <p class="text-center">Designed and developed by <a href="https://www.netstager.com/" target="_blank" style="text-decoration: none;">Netstager</a></p>
    </div>
@endsection
@section('script')
    <script src="{{ asset('assets/app-assets/js/core/libraries/jquery-validator.min.js') }}"></script>
    <script src="{{ asset('assets/app-assets/js/custom/login.js') }}"></script>
@endsection