{% extends 'hr_module_base.html' %}

{% load static %}

{% block action_panel %}
    <link rel="stylesheet" href="{% static '/css/hr_module_import.css' %}">
    <div class="import_container">
        <div class="import_text">
            Add employee manually
        </div>
        <form method="post">

            <div class="form_element">
                <label for="{{ userform.first_name.id_for_label }}">First Name:</label>
                {{ userform.first_name }}
            </div>
            <div class="form_element">
                <label for="{{ userform.last_name.id_for_label }}">Last Name:</label>
                {{ userform.last_name }}
            </div>
            <div class="form_element">
                <label for="{{ userform.username.id_for_label }}">Username:</label>
                {{ userform.username }}
            </div>
            <div class="form_element">
                <label for="{{ userform.email.id_for_label }}">Email:</label>
                {{ userform.email }}
            </div>
            <div class="form_element">
                <label for="{{ userform.is_staff.id_for_label }}">Is Staff:</label>
                {{ userform.is_staff }}
            </div>
            <div class="form_element">
                <label for="{{ userform.is_active.id_for_label }}">Is Active:</label>
                {{ userform.is_active }}
            </div>
            <div class="form_element">
                <label for="{{ userform.is_superuser.id_for_label }}">Is Superser:</label>
                {{ userform.is_superuser }}
            </div>
            <div class="form_element">
                <label for="{{ userform.manager_flag.id_for_label }}">Is Manager:</label>
                {{ userform.manager_flag }}
            </div>
             <div class="form_element">
                <label for="{{ userform.department.id_for_label }}">Department:</label>
                {{ userform.department }}
            </div>
            <div class="form_element">
                <label for="{{ userform.manager_username.id_for_label }}">Manager's username:</label>
                {{ userform.manager_username }}
            </div>
            <div class="form_element">
                <label for="{{ userform.time_model_id.id_for_label }}">Time model id:</label>
                {{ userform.time_model_id }}
            </div>
            {% csrf_token %}
            <input class="import_execute" type="submit" value="Submit" name="import_single">
        </form>
    </div>

    <div class="separator">
        <div class="separatorline"></div>
        <div class="wordwrapper">
            <div class="word">or</div>
        </div>
    </div>

    <div class="import_container">
        <div class="import_text">
            Import employees from Excel file
        </div>
        <table>
            <tr>
                <th>Column name</th>
                <th>Data type</th>
            </tr>
            {%  for item in columns %}
            <tr>
                <td>{{ item }}</td>

            </tr>
            {% endfor %}
        </table>
        <form method="post" enctype="multipart/form-data" >
            {% csrf_token %}
            <div class="import_input">
                {{ fileform.file }}
            </div>
            <input class="import_execute" type="submit" value="Preview" name="import_preview">
        </form>
    </div>

{% endblock %}