45 lines
3.0 KiB
HTML
45 lines
3.0 KiB
HTML
<div id="exception-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-md w-full p-6 flex flex-col gap-4">
|
|
<div class="flex items-center justify-between">
|
|
<h3 id="exception-modal-title" class="text-sm font-bold text-slate-800 flex items-center gap-2">
|
|
<i class="fa-solid fa-user-shield text-indigo-600"></i>
|
|
<span id="exception-modal-header-text">Добавление в реестр</span>
|
|
</h3>
|
|
<button type="button" onclick="closeExceptionModal()" class="text-slate-400 hover:text-slate-600">
|
|
<i class="fa-solid fa-xmark"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<form id="exception-modal-form" onsubmit="submitExceptionModalForm(event)" class="flex flex-col gap-3">
|
|
<input type="hidden" id="exception-category-input" value="" />
|
|
|
|
<div class="relative">
|
|
<label id="exception-value-label" class="block text-[11px] font-bold text-slate-600 mb-1">ФИО сотрудника:</label>
|
|
<input type="text" id="exception-value-input" autocomplete="off" required
|
|
placeholder="Начните вводить фамилию..."
|
|
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 text-slate-800" />
|
|
<div id="exception-suggestions" class="hidden absolute left-0 right-0 top-full mt-1 bg-white border border-slate-300 rounded-lg shadow-xl z-30 max-h-48 overflow-y-auto"></div>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-[11px] font-bold text-slate-600 mb-1">Примечание / основание (опционально):</label>
|
|
<input type="text" id="exception-comment-input" placeholder="Например: служебная записка, водитель, лаборатория"
|
|
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 text-slate-800" />
|
|
</div>
|
|
|
|
<div id="exception-error-msg" class="text-[11px] font-semibold text-rose-600 hidden"></div>
|
|
|
|
<div class="flex items-center justify-end gap-2 mt-2 pt-2 border-t border-slate-100">
|
|
<button type="button" onclick="closeExceptionModal()"
|
|
class="px-3.5 py-1.5 text-xs text-slate-600 rounded-lg hover:bg-slate-100 font-medium transition">
|
|
Отмена
|
|
</button>
|
|
<button type="submit" id="exception-submit-btn"
|
|
class="px-4 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-xs font-bold shadow transition flex items-center gap-1.5">
|
|
<i class="fa-solid fa-check text-xs"></i>
|
|
<span>Добавить</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> |