{% extends BASE_TEMPLATE %}
{% load i18n %}
{% load static %}
{% block customCSS %}{% endblock %}
{% block content %}
    <div class="row">
        <div class="col-6">
            <h3 class="mb-3">{% trans 'Staff Personal Information' %}</h3>
            <form id="updatePersonalInfoForm" method="post" action="">
                {% csrf_token %}
                <div class="form-floating mb-3">
                    {{ form.first_name }}
                    <label for="first_name">{{ _("First Name") }}</label>
                </div>
                <div class="form-floating mb-3">
                    {{ form.last_name }}
                    <label for="last_name">{{ _("Last Name") }}</label>
                </div>
                <div class="form-floating mb-3">
                    {{ form.email }}
                    <label for="email">{{ _("Email") }}</label>
                </div>
                <button type="submit" class="btn btn-phoenix-primary">{{ btn_text }}</button>
            </form>
            <div class="messages" style="margin: 20px 0">
                {% if messages %}
                    {% for message in messages %}
                        <div class="alert alert-dismissible
                                    {% if message.tags %}
                                        alert-
                                        {% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}
                                            danger
                                        {% else %}
                                            {{ message.tags }}
                                        {% endif %}
                                    {% endif %}"
                             role="alert">{{ message }}</div>
                    {% endfor %}
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}
{% block customJS %}
    <script src="{% static 'js/js-utils.js' %}"></script>
{% endblock %}