{% extends "admin/admin_base.html" %}
{% load static %}
{% block content-area %}
<div class="columns">
  <div class="column is-12">
    <div class="card">
      <header class="card-header">
        <p class="card-header-title">
          Export text items
        </p>
        <a href="#" class="card-header-icon" aria-label="more options">
          <span class="icon">
            <i class="fas fa-angle-down" aria-hidden="true"></i>
          </span>
        </a>
      </header>
      <div class="card-content">
        <p>
          <b>There are two data format you can download, the CSV and JSON.</b>
        </p>
        <p>
          If you import as a JSON with line breaks and download it as CSV, the line breaks will render on the result.
          We recommend you download it as JSON file.
        </p>
          <form action="{% url 'download_file' view.kwargs.project_id %}" method="get">
            <div class="section">
              <ul>
                  <li>
                    <a class="control">
                      <button type="submit" class="button is-primary button-margin " name="format" value="csv">Download CSV File</button>
                    </a>
                  </li>
                  <li>
                  <a class="control">
                    <button type="submit" class="button is-primary button-margin " name="format" value="json">Download JSON File</button>
                  </a>
                </li>
              </ul>
            </div>
          </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}