@push('styles')
<meta http-equiv="cache-control" content="private, max-age=0, no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<link href="{{ asset('backend/css/login-register-page.css') }}" rel="stylesheet">
@endpush



            <div class="login-section">
            <form method="POST" onsubmit="return false;" id="formLogin">
            @csrf
    <div class="grid md:grid-cols-1 gap-3">
            <div class="relative z-0 w-full mb-1 group">
                <input type="text" name="email" id="email" class="form-control email-validation border-clr p-2.5 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-700 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer h-40 @error('email') border-danger @enderror" placeholder="" required autocomplete="email" autofocus onkeydown="keyupEvent(event)">
                <label for="email" class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white">{{ __('Email') }}</label>
            </div>

                    @error('email')
                    <div class="text-danger">{{ $message }}</div>
                    @php
                    saveLog(old('email') .' '. $message,null, [], "Failed Login");
                    @endphp
                    @enderror
                    @if (Session::has('message'))
                    <div class="text-danger">{{ Session::get('message') }}</div>
                    @endif


                    <div class="relative z-0 w-full mb-1 group">
                        <input type="password" name="password" class="form-control border-clr p-2.5 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-700 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer h-40 @error('password') border-danger @enderror" placeholder="" id="password" onkeydown="keyupEvent(event)">
                        <label for="password" class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white">{{ __('Password') }}</label>
                        <div class="input-group-prepend">
                            <i class="fa cursor-pointer bi bi-eye" onclick="passwordToText($(this))"></i>
                        </div>
                    </div>

                </div>

                    @error('password')
                    <div class="text-danger">{{ $message }}</div>
                    @enderror


                <div class="d-flex justify-content-between align-items-center mt-3">
                    <div class="col-6">
                        @if ($loginDays == "Yes")
                        <label class="checkbox checkbox-outline-primary remember_me_container">
                            <input type="checkbox" id="remember" name="remember">
                            <span>Remember Me</span>
                            <span class="checkmark"></span>
                        </label>
                        @endif
                    </div>

                    <div class="col-6">
                        <div class="fog-pwd text-right">
                            <a href="{{ route('member.password.request') }}" class="hover-warning"><i
                                    class="ion ion-locked"></i> {{__('Forgot Password?') }} </a><br>
                        </div>
                    </div>
                </div>
                        <button type="button" id="login-btn" class="btn btn-primary mt-10 w-100"
                            onclick="doAccountLoging()">
                           {!! renderIconHtml('signin') !!} {{ __('Sign In') }}
                        </button>
            </form>
        </div>
            <div id="failed_sign_in_box" style="display:none;">
                <div class="guest-box">
                    <h2 class="title">{{__('Too many failed login attempts')}}</h2>
                    <span class="lock-out-msg"></span>
                    <div class="d-flex justify-content-center">
                        <span class="me-1 fw-bold">{{ __('Time remaining:') }} </span><span class="mb-3 timer" data-seconds-left=""></span>
                    </div>
                </div>
            </div>


        </div>

        @if(Route::is('product.index'))
        <div class="col-md-4 col-lg-3 col-xl-4 col-xxl-4">
            <div class="guest-box">
                <h2 class="title">{{__('New Buyer') }}</h2>
                <p style="margin: 66px 0;">{{__('I want to start my journey to') }} <br> {{__('become plastic neutral')
                    }}</p>
                <button type="submit" id="continue_as_guest" class="btn btn-custom btn-custom-purple text-capitalize"
                    style="border-radius: 3px; padding: 12px 24px; margin-top: 10px;">{{__('Continue') }}</button>
            </div>
        </div>
        @endif

@push('scripts')
<script src="{{ asset('backend/js/jquery.simple.timer.js') }}"></script>
<script>
    var loginIdleTime = "{{ getSiteSettings('login_idle_time') }}";
</script>
<script src="{{asset('backend/js/pages-js/login.js')}}"></script>
@endpush