lokses
131cb27d16
Django project: employees, locations, visit_manager, it_manager, mattermost_connector and stub connectors (ad, mail, portal).
69 lines
4.0 KiB
HTML
69 lines
4.0 KiB
HTML
<div style="position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:100; display:flex; align-items:center; justify-content:center;" onclick="if(event.target===this) this.remove()">
|
||
<div style="background:var(--color-card); border-radius:0.75rem; border:1px solid var(--color-border); box-shadow:0 20px 60px rgb(0 0 0/0.2); width:100%; max-width:28rem; padding:1.5rem;" onclick="event.stopPropagation()">
|
||
|
||
<!-- Заголовок -->
|
||
<div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:1.25rem;">
|
||
<h2 style="font-size:1rem; font-weight:600; color:var(--color-foreground);">Додати співробітника</h2>
|
||
<button class="btn btn-ghost btn-icon" onclick="document.getElementById('modal-container').innerHTML=''">
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Форма -->
|
||
<div style="display:flex; flex-direction:column; gap:1rem;">
|
||
|
||
<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.75rem;">
|
||
<div>
|
||
<label style="display:block; font-size:0.8125rem; font-weight:500; color:var(--color-foreground); margin-bottom:0.375rem;">Ім'я</label>
|
||
<input type="text" placeholder="Іван" class="input" style="width:100%;">
|
||
</div>
|
||
<div>
|
||
<label style="display:block; font-size:0.8125rem; font-weight:500; color:var(--color-foreground); margin-bottom:0.375rem;">Прізвище</label>
|
||
<input type="text" placeholder="Петренко" class="input" style="width:100%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<label style="display:block; font-size:0.8125rem; font-weight:500; color:var(--color-foreground); margin-bottom:0.375rem;">Email</label>
|
||
<input type="email" placeholder="i.petrenko@aks-apteka.com.ua" class="input" style="width:100%;">
|
||
</div>
|
||
|
||
<div>
|
||
<label style="display:block; font-size:0.8125rem; font-weight:500; color:var(--color-foreground); margin-bottom:0.375rem;">Посада</label>
|
||
<input type="text" placeholder="Фармацевт" class="input" style="width:100%;">
|
||
</div>
|
||
|
||
<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.75rem;">
|
||
<div>
|
||
<label style="display:block; font-size:0.8125rem; font-weight:500; color:var(--color-foreground); margin-bottom:0.375rem;">Відділ / Аптека</label>
|
||
<select class="input" style="width:100%;">
|
||
<option value="">Оберіть...</option>
|
||
<option>HR</option>
|
||
<option>Розробка</option>
|
||
<option>Фінанси</option>
|
||
<option>Маркетинг</option>
|
||
<option>А01</option>
|
||
<option>А03</option>
|
||
<option>А07</option>
|
||
<option>А11</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label style="display:block; font-size:0.8125rem; font-weight:500; color:var(--color-foreground); margin-bottom:0.375rem;">Дата початку</label>
|
||
<input type="date" class="input" style="width:100%;">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Кнопки -->
|
||
<div style="display:flex; gap:0.5rem; justify-content:flex-end; margin-top:1.5rem; padding-top:1.25rem; border-top:1px solid var(--color-border);">
|
||
<button class="btn btn-secondary" onclick="document.getElementById('modal-container').innerHTML=''">Скасувати</button>
|
||
<button class="btn btn-primary">Додати</button>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|