{% extends "base.html" %}
{% load static %}
{% block title %}Tạo Người Mới{% endblock %}
{% block content %}
    <div class="form-container">
        
        <h2>Tạo Tài Khoản</h2>
        <form method="POST" enctype="multipart/form-data" id="employeeForm">
            {% csrf_token %}
            <!-- Form Django -->
          
            <div class="form-group">
                <label for="{{ form.name.id_for_label }}">Tên Nhân Viên:</label>
                {{ form.name }}
                <small class="error-message" id="error-name"></small>
            </div>
    
            <div class="form-group">
                <label for="{{ form.position.id_for_label }}">Chức Vụ:</label>
                {{ form.position }}
                <small class="error-message" id="error-position"></small>
            </div>
    
            <div class="form-group">
                <label for="{{ form.email.id_for_label }}">Email:</label>
                {{ form.email }}
            </div>
    
            <div class="form-group">
                <label for="{{ form.phone.id_for_label }}">Số Điện Thoại:</label>
                {{ form.phone }}
                <small class="error-message" id="error-phone"></small>
            </div>
    
            <div class="form-group">
                <label for="{{ form.level.id_for_label }}">Cấp Bậc:</label>
                {{ form.level }}
            </div>
    
            <!-- Địa chỉ và khoảng cách (Ẩn nếu cấp bậc là Level 2) -->
            <div class="form-group address-group" id="address-group">
                <label for="{{ form.distance.id_for_label }}">Khoảng Cách:</label>
                {{ form.distance }}
    
                <label for="{{ form.address.id_for_label }}">Địa Chỉ:</label>
                {{ form.address }}
    
                <label for="{{ form.region.id_for_label }}">Khu Vực:</label>
                {{ form.region }}
            </div>
    
            <div class="form-group">
                <label for="{{ form.avatar.id_for_label }}">Ảnh Đại Diện:</label>
                {{ form.avatar }}
            </div>
    
            <div class="text-center">
                <button id="submitButton" disabled>Tạo Tài Khoản</button>
            </div>
        </form>
    </div>
    
    <!-- JavaScript kiểm tra lỗi -->
  
 

{% endblock %}