{% extends 'admin/target.html' %}
{% load static %}
{% load i18n %}

{% block on_user_page %}{% if rtype == "User" %}class="active"{% endif %}{% endblock %}
{% block on_group_page %}{% if rtype == "Group" %}class="active"{% endif %}{% endblock %}

{% block breadcrumb_items %}
{{ block.super }}
{% if rtype == "Group" %}
    <li><a href="{% url 'groups' target=target.id %}">{% trans "Groups" %}</a></li>
{% elif rtype == "User" %}
    <li><a href="{% url 'users' target=target.id %}">{% trans "Users" %}</a></li>
{% endif %}
<li>{% trans 'Batch processing' %}</li>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-sm-1"></div>
    <div class="col-sm-10 col-xs-12">

        <form class="form-box" method="POST" enctype="multipart/form-data">
            <label for="operationName">{% trans "Operation" %}</label>
            <select id="operationName" name="op" required autofocus>
                <option value=""></option>
                <option value="add">{% trans 'Add' %}</option>
                <option value="modify">{% trans 'Modify' %}</option>
                {% if rtype == "User" %}
                    <option value="enable">{% trans 'Enable' %}</option>
                    <option value="disable">{% trans 'Disable' %}</option>
                    <option value="change_password">{% trans 'Change Password' %}</option>
                {% else %}
                    <option value="add_members">{% trans 'Add Members' %}</option>
                    <option value="delete_members">{% trans 'Delete Members' %}</option>
                {% endif %}
                <option value="delete">{% trans 'Delete' %}</option>
                <option value="rename">{% trans 'Rename' %}</option>
            </select>

            <br>

            <label for="csvUploads">{% trans "CSV File" %}</label>
            <input type="file" id="csvUploads" name="csv" accept="text/csv" required>
            {% csrf_token %}
            {% include '_components/select_backends.html' with backends=backends %}
            <button autocomplete="off">{% trans 'Upload' %}</button>
        </form>

    </div> <!-- grid -->
    <div class="col-sm-1"></div>
</div>

<h3>{% trans "Preview of The First 1000 Rows in Your Selected CSV File" %}</h3>
<table id="csv-preview" class="table table-striped table-bordered" width="100%"></table>
{% endblock %}

{% block footer_scripts %}
{{ block.super }}
<script type="application/javascript" src="{% static 'js/batch-processing.js' %}"></script>
{% endblock %}