25 lines
1.9 KiB
HTML
25 lines
1.9 KiB
HTML
<div id="profile-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 justify-between">
|
|
<h3 class="text-sm font-bold text-slate-800 flex items-center gap-1.5">
|
|
<i class="fa-solid fa-key text-indigo-600"></i> Смена пароля
|
|
</h3>
|
|
<button onclick="closeProfileModal()" class="text-slate-400 hover:text-slate-600"><i class="fa-solid fa-xmark"></i></button>
|
|
</div>
|
|
<form onsubmit="handleChangePassword(event)" class="flex flex-col gap-3">
|
|
<div>
|
|
<label class="block text-[11px] font-bold text-slate-600 mb-1">Текущий пароль:</label>
|
|
<input type="password" id="old-pass" required class="w-full text-xs px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:border-indigo-500" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-[11px] font-bold text-slate-600 mb-1">Новый пароль (мин. 4 симв.):</label>
|
|
<input type="password" id="new-pass" required class="w-full text-xs px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:border-indigo-500" />
|
|
</div>
|
|
<div id="pass-error" class="text-[11px] font-semibold text-rose-600 hidden"></div>
|
|
<div class="flex items-center justify-end gap-2 mt-2">
|
|
<button type="button" onclick="closeProfileModal()" class="px-3 py-1.5 text-xs text-slate-600 rounded-lg hover:bg-slate-100 font-medium">Отмена</button>
|
|
<button type="submit" class="px-4 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-xs font-bold shadow transition">Сохранить</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> |