{% extends "common/base.html" %}{% load i18n %}{% load jsplugins %}
{% block title %}{% trans "Import from CSV" %}{% endblock %}
{% block breadcrumbs %}
  <a href="/"><img alt="home_ico" src="{{ STATIC_URL }}img/home.png"/></a>
  / {% trans "References" %}
  / <a href="{% url 'accounts:manage_users' %}">{% trans 'Users' %}</a>
  / {% trans "Import from CSV" %}{% endblock %}
{% block jqueryui %}
  <script>
    url_data['accounts:add_from_csv'] = "{% url 'accounts:add_from_csv' %}";
  </script>
  {% jsplugins 'noty' %}
  <script src="{{ STATIC_URL }}js/file-upload/jquery.ui.widget.js?{{ request.CACHEVERSION }}"></script>
  <script src="{{ STATIC_URL }}js/file-upload/jquery.iframe-transport.js?{{ request.CACHEVERSION }}"></script>
  <script src="{{ STATIC_URL }}js/file-upload/jquery.fileupload.js?{{ request.CACHEVERSION }}"></script>
  <script src="{{ STATIC_URL }}js/file-upload/pro_import-user-csv.js?{{ request.CACHEVERSION }}"></script>
{% endblock %}
{% block content %}
  <div class="row">
    <div class="large-4 columns">
      <form action="" class="user-csv-file-upload" method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        <div class="marginTop">
          <label class="required" for="id_file">{% trans 'File' %}</label>
          <input type="file" name="file" id="id_file" required="" accept=".csv">
          <div class="form_error_text file_error"></div>
        </div>
        <div class="marginTop">
          <label class="required" for="id_org">{% trans 'Organization' %}</label>
          {{ form.org }}
          <div class="form_error_text org_error"></div>
        </div>
        <div class="marginTop">
          <p>* {% trans 'The encoding of the uploaded CSV file must be UTF-8.' %}</p>
        </div>
        <div class="marginTop">
          <a href="" class="no_follow button back">{% trans 'Back' %}</a>
          <a class="start_upload button success no_follow">{% trans 'Upload' %}</a>
          <img class="spinner" src="{{ STATIC_URL }}img/loader.gif"/>
        </div>
      </form>
    </div>
    <div class="large-4 columns">
      <a href="{{ STATIC_URL }}example/{{ request.LANGUAGE_CODE }}.csv">{% trans 'File for example' %}</a>
    </div>
    <div class="large-4 columns"></div>
  </div>
{% endblock %}