@extends('authentic::Layout.admin_auth_master')

@section('title' , 'admin login')

@section('content')
<div class="form-wrapper">
	<div class="form-container">
	<div class="card">
			<div class="card-header">
                @if( AdminBaseDashboard::logo() )
                <div class="auth-logo-wrapper">
                    <img src="{{ asset( AdminBaseDashboard::logo() ) }}" alt="{{ AdminBaseDashboard::logo() }}" class="img-fluid">
                </div>
                @endif
			<h1 class="title">
				{{ trans('authentic::registration.'.ADMIN_LOGIN_NAME)}}
				</h1>
			</div>
		<div class="card-body">
			<form class="admin-login-form">
 <div class="mb-3">
    <div class="input-wrapper">
		<span class="icon"><i class="fa-solid fa-user"></i></span>
	 <input type="text" class="form-control" id="username"
		   class="form-text" placeholder="{{ __('authentic::registration.username or email')}}" @if(Cookie::has('admin_username')) value="{{ Cookie::get('admin_username') }}" @endif>
	 </div>
	 <span class="username-error text-danger"></span>
  </div>

 <div class="mb-3">
   <div class="input-wrapper">
	 <span class="icon"><fa-solid class="fa-solid fa-lock"></fa-solid></span>
	    <input type="password" class="form-control unmask-password"
		   id="password" placeholder="{{ __('authentic::registration.password')}}" @if(Cookie::has('admin_password')) value="{{ Cookie::get('admin_password') }}" @endif>
       <span class="visibility-button"><i class="fa-solid fa-eye-slash" id="toggle-password-btn"></i></span>
	 </div>
	  <span class="password-error text-danger"></span>
  </div>
                <div class="form-check mb-3">
                    <input class="form-check-input" type="checkbox" value="" id="remember-me" @checked(( Cookie::has('admin_username') || Cookie::has('admin_password') ))>
                    <label class="form-check-label" for="remember-me">
                        {{ __('authentic::registration.remember me')}}
                    </label>
                </div>
	<div class="mb-3">
				<button type="submit" class="admin-auth-btn btn" data-url="{{ route('admin-create-login') }}" id="admin-login">
		<span class="button-text">{{__('authentic::registration.login')}}</span>
					<span class="spinner"><i class="fa-solid fa-spinner"></i></span>
				 <span class="loading-text">{{__('authentic::registration.validating')}}.....</span>
		</button>
				</div>
                <div class="mb-3 text-center">
                    <a href="{{ route('admin-forgot-password') }}" class="text-primary">
                        <b>{{ __('authentic::registration.forgot your password')}}?</b>
                    </a>
                </div>
</form>
			</div>
		</div>
        @if(AdminBaseDashboard::application_mode() == "demo")
        <div class="card mt-3">
            <div class="pre-form-wrapper">
                <p>
                    <span class="label">{{ __('authentic::registration.username') }}</span>
                    <span class="value" id="admin-username">admin</span>
                </p>
                <p>
                    <span class="label">{{ __('authentic::registration.password') }}</span>
                    <span class="value" id="admin-password">Admin1234</span>
                </p>
                <div class="text-end">
                    <button class="btn" id="copy-login-info" type="button">{{ __('authentic::registration.copy') }}</button>
                </div>
            </div>
        </div>
            @endif
	</div>
	</div>
@endsection

@section('javascript')
<script src="{{ asset('/vendor/authenticate/js/login.js')}}"></script>
@endsection