{% extends 'base.html' %}{% block title %}Użytkownicy{% endblock %}{% block content %}
<h1 class="h2 mb-3">Administracja</h1>{% include '_admin_nav.html' %}
<div class="card mb-4"><div class="card-body"><h2 class="h5">Dodaj użytkownika</h2><form action="/api/users" method="post" class="ajax-form row g-3"><div class="col-md-3"><input class="form-control" name="user_name" placeholder="Imię i nazwisko" required></div><div class="col-md-3"><input class="form-control" type="email" name="email" placeholder="E-mail" required></div><div class="col-md-2"><input class="form-control" type="password" name="password" minlength="8" placeholder="Hasło" required></div><div class="col-md-2"><select class="form-select" name="company_id">{% for c in companies %}<option value="{{c.id}}">{{c.name}}</option>{% endfor %}</select></div><div class="col-md-2"><select class="form-select" name="role"><option value="user">User</option><option value="boss">Szef</option>{% if current_user.role=='admin' %}<option value="admin">Admin</option>{% endif %}</select></div><div class="col-12"><button class="btn btn-primary">Dodaj użytkownika</button></div></form></div></div>
<div class="card"><div class="card-body"><div class="d-flex justify-content-between gap-3 mb-3"><h2 class="h5 mb-0">Użytkownicy</h2><form class="d-flex ajax-nav-form" method="get"><input class="form-control" name="q" value="{{q}}" placeholder="Szukaj"><button class="btn btn-secondary ms-2">Szukaj</button></form></div><div class="table-responsive"><table class="table table-hover"><thead><tr><th>Nazwa</th><th>Firma</th><th>Rola</th><th>Karta</th><th></th></tr></thead><tbody>{% for u in users_page.items %}<tr><td>{{u.name}}<div class="small text-body-secondary">{{u.email}}</div></td><td>{{u.company.name if u.company else '—'}}</td><td>{{u.role}}</td><td>{{u.fuel_card.name if u.fuel_card else '—'}}</td><td class="text-end"><button class="btn btn-primary btn-sm user-edit-btn" data-bs-toggle="modal" data-bs-target="#userEditModal" data-id="{{u.id}}" data-name="{{u.name|e}}" data-email="{{u.email|e}}" data-role="{{u.role}}" data-active="{{1 if u.active else 0}}" data-card="{{u.fuel_card_id or ''}}" data-company="{{u.company_id or ''}}">Edytuj</button></td></tr>{% endfor %}</tbody></table></div></div></div>
<div class="modal fade" id="userEditModal"><div class="modal-dialog"><div class="modal-content"><form id="user-edit-form" class="ajax-form" data-method="PUT"><div class="modal-header"><h2 class="modal-title fs-5">Edytuj użytkownika</h2><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body row g-3"><div class="col-12"><label class="form-label">Nazwa</label><input class="form-control" name="name" required></div><div class="col-12"><label class="form-label">E-mail</label><input class="form-control" name="email" type="email" required></div><div class="col-md-6"><label class="form-label">Firma</label><select class="form-select" name="company_id">{% for c in companies %}<option value="{{c.id}}">{{c.name}}</option>{% endfor %}</select></div><div class="col-md-6"><label class="form-label">Rola</label><select class="form-select" name="role"><option value="user">User</option><option value="boss">Szef</option>{% if current_user.role=='admin' %}<option value="admin">Admin</option>{% endif %}</select></div><div class="col-12"><label class="form-label">Karta paliwowa</label><select class="form-select" name="fuel_card_id"><option value="">Brak</option>{% for card in fuel_cards %}<option value="{{card.id}}">{{card.name}}</option>{% endfor %}</select></div><div class="col-12"><label class="form-label">Nowe hasło</label><input class="form-control" type="password" name="password" minlength="8"></div><div class="col-12 form-check ms-2"><input class="form-check-input" type="checkbox" name="active" id="modal-active"><label class="form-check-label" for="modal-active">Aktywny</label></div></div><div class="modal-footer"><button class="btn btn-danger me-auto" id="user-delete-btn" type="button">Usuń użytkownika</button><button class="btn btn-secondary" data-bs-dismiss="modal" type="button">Anuluj</button><button class="btn btn-primary">Zapisz</button></div></form></div></div></div>
{% endblock %}