{% extends 'base_admin.html' %}
{% load static %}
{% load i18n %}

{% block basecontent %}
{% include '_components/header.html' with details='BatchProcessing' %}
{% include '_components/messages_alert.html' %}
<div class="row justify-content-center">
  <div class="col-md-8 col-xl-6">
    <form class="border border-primary rounded rounded-3 shadow p-3 m-3" method="POST" enctype="multipart/form-data" id="check-validity">
      <div class="row justify-content-center">
        <div class="col-md-6">
	  <label for="operationName">{% trans "Operation" %}</label>
          <select id="operationName" name="op" class="form-select" 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>
        </div>
        <div class="col-md-6">
          <label for="csvUploads">{% trans "CSV File" %}</label>
          <input type="file" id="csvUploads" name="csv" accept="text/csv" class="form-control" required>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-md-10 col-xl-8">
          {% include '_components/select_backends.html' with backends=backends enable_backends=enable_backends default_select=default_select %}
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-md-6">
          <button type="submit" class="form-control btn btn-primary rounded-pill" autocomplete="off" id="check-validity-button">{% trans 'Upload' %}</button>
        </div>
      </div>
      {% csrf_token %}
    </form>
  </div>
  <h3 class="text-center">{% trans "Preview of The First 1000 Rows in Your Selected CSV File" %}</h3>
  <div class="row justify-content-center">
    <div class="col-md-11">
      <div id="csv-preview-encoding" style="display: none;">
        <label class="form-label align-self-center mx-3" for="csv-preview-encoding-select">{% trans 'select charset' %}</label>
        <select class="form-select align-self-center w-auto" id="csv-preview-encoding-select">
          <option value="UTF-8">UTF-8</option>
          <option value="MS932">Shift_JIS</option>
        </select>
      </div>
    </div>
  </div>
  <div class="row justify-content-center">
    <div class="col-md-11">
      <table id="csv-preview" class="table table-striped table-bordered" width="100%"></table>
    </div>
  </div>
</div>
{% endblock basecontent %}

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