@extends('layouts.appInnerWithoutSearch')
@section('contentInner')
<div class="bg-white dark:bg-opacity-5 shadow-md rounded-lg p-10 w-full md:w-2/4 mx-auto">
    <section class="bg-white">
    <div class="px-4 mx-auto max-w-[400px]">
        <h2 class="mb-4 text-4xl tracking-tight font-medium text-center text-red-800">Administrator Login</h2>
        {{-- <p class="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl">Got a technical issue? Want to send feedback about a feature? Need details about our Business plan? Let us know.</p>
        <div class="mb-6 text-gray-400">
            Fields marked with <span class="text-danger">*</span> are mandatory.
        </div> --}}
        @include('errors.error')
            <form action="{{ route('admin') }}" method="POST" class="space-y-8">
                @csrf
                <div>
                <label for="email" class="mb-2 font-medium text-gray-900">Your email</label>
                <input type="email" name="email" id="email" class="text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5" placeholder="Enter your registered email id" required>
            </div>
            <div>
                <label for="password" class="mb-2 font-medium text-gray-900">Password</label>
                <input type="password" name="password" id="password" class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500" placeholder="Enter your password" required>
                <span toggle="#password" class="fa fa-fw fa-eye-slash password-eye toggle-password cursor-pointer text-gray-400"></span>

            </div>
            <div>
                <label for="remember" class="mb-2 font-medium text-gray-900">
                    <input type="checkbox" name="remember" id="remember" class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600">
                    Remember Me</label>

            </div>
            <button type="submit" class="py-2 px-5 w-full font-medium text-center text-white rounded-lg bg-blue-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 ">Login</button>
            <div class="text-right">
                    @if (Route::has('admin.password.request'))
                    <a class="mb-2 font-medium text-blue-500" href="{{ route('password.request') }}">
                        {{ __('Forgot Your Password?') }}
                    </a>
                @endif
</div>
        </form>
    </div>
</section>
</div>
@endsection
@push('custom-scripts')
    <script type="module">
        $(".toggle-password").click(function() {

$(this).toggleClass("fa-eye fa-eye-slash");
var input = $($(this).attr("toggle"));
if (input.attr("type") == "password") {
  input.attr("type", "text");
} else {
  input.attr("type", "password");
}
});
    </script>
@endpush