28 lines
1.9 KiB
HTML
28 lines
1.9 KiB
HTML
<div id="auth-modal" class="fixed inset-0 bg-slate-900/60 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
|
<div class="bg-white rounded-2xl shadow-2xl border border-slate-200 max-w-sm w-full p-6 flex flex-col gap-4">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-10 h-10 rounded-xl bg-indigo-600 text-white flex items-center justify-center font-bold text-lg shadow">
|
|
<i class="fa-solid fa-shield-halved"></i>
|
|
</div>
|
|
<div>
|
|
<h2 class="text-sm font-bold text-slate-800">Авторизация в системе</h2>
|
|
<p class="text-[11px] text-slate-400">SCUD Orion AI Security Access</p>
|
|
</div>
|
|
</div>
|
|
|
|
<form id="auth-form" onsubmit="handleLoginSubmit(event)" class="flex flex-col gap-3">
|
|
<div>
|
|
<label class="block text-[11px] font-bold text-slate-600 mb-1">Имя пользователя:</label>
|
|
<input type="text" id="auth-username" required class="w-full text-xs px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:border-indigo-500 bg-slate-50" placeholder="Логин" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-[11px] font-bold text-slate-600 mb-1">Пароль:</label>
|
|
<input type="password" id="auth-password" required class="w-full text-xs px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:border-indigo-500 bg-slate-50" placeholder="••••••••" />
|
|
</div>
|
|
<div id="auth-error" class="text-[11px] font-semibold text-rose-600 hidden"></div>
|
|
<button type="submit" class="w-full py-2 bg-indigo-600 hover:bg-indigo-700 text-white font-bold rounded-lg text-xs shadow transition mt-1">
|
|
Войти в систему
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div> |