<!DOCTYPE html>
<html lang="cs">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vytvořit Nového Uživatele</title>
  <link rel="stylesheet" href="{{url_for('static', filename='css/style.css')}}">
  <script src="{{url_for('static', filename='scripts/create_user.js')}}"></script>
</head>
<body>

<header>
  <div class="header">
    <div class="contact-info">
      <span>Kontakt: 123 123 123 | Otevírací doba: 9-18 hod | auto@servis.cz </span>
    </div>
    <h1 class="nazev">
      <a href="{{ url_for('home') }}" style="text-decoration: none;">
        <img src="{{url_for('static', filename='img/logo.webp')}}" alt="Logo" class="logo">
      </a>
      Vytvořit Nového Uživatele
    </h1>
    <div class="buttons">
      <a href="{{ url_for('administrator') }}" class="button">Zpět na Uživatelskou Tabulku</a>
    </div>
  </div>
</header>

<div class="container">
  <div class="content">
    {% if not session.get('logged_in') or session.get('role_id') != 1 %}
    <p>Nemáte oprávnění k přístupu na tuto stránku.</p>
    {% else %}
    <form action="{{ url_for('create_user') }}" method="post" class="form-container" onsubmit="handleCreateUser(event)">
      <label for="jmeno">Jméno:</label>
      <input type="text" id="jmeno" name="jmeno" required>
      
      <label for="prijmeni">Příjmení:</label>
      <input type="text" id="prijmeni" name="prijmeni" required>
      
      <label for="email">Email:</label>
      <input type="email" id="email" name="email" required>
      
      <label for="role">Role:</label>
      <input type="text" id="role" name="role" required>
      
      <label for="username">Username:</label>
      <input type="text" id="username" name="username" required>
      
      <label for="heslo">Heslo:</label>
      <input type="password" id="heslo" name="heslo" required>
      
      <button type="submit" class="button">Vytvořit</button>
    </form>
    {% endif %}
  </div>
</div>

<footer class="footer" id="kontakt">
  <div>Made by Hrachovina and Kirsch</div>
</footer>

</body>
</html>