{% extends 'generic/object_list.html' %}
{% load i18n proxbox_tags %}
{% load static %}

{% block extra_controls %}
  <a class="btn btn-outline-primary" href="{% url 'plugins:netbox_proxbox:fastapiendpoint_bulk_import' %}">
    <i class="mdi mdi-upload" aria-hidden="true"></i> {% trans "Import" %}
  </a>
  <div class="btn-group" role="group">
    <button type="button" class="btn btn-outline-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
      <i class="mdi mdi-download" aria-hidden="true"></i> {% trans "Export" %}
    </button>
    <ul class="dropdown-menu">
      <li><a class="dropdown-item" href="{% url 'plugins:netbox_proxbox:fastapiendpoint_export' %}?{{ request.GET.urlencode }}&amp;format=csv">{% trans "Export CSV" %}</a></li>
      <li><a class="dropdown-item" href="{% url 'plugins:netbox_proxbox:fastapiendpoint_export' %}?{{ request.GET.urlencode }}&amp;format=json">{% trans "Export JSON" %}</a></li>
      <li><a class="dropdown-item" href="{% url 'plugins:netbox_proxbox:fastapiendpoint_export' %}?{{ request.GET.urlencode }}&amp;format=yaml">{% trans "Export YAML" %}</a></li>
    </ul>
  </div>
  {% if request.user|proxbox_can_access_sensitive_data %}
    <button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#fastapi-export-secrets-modal">
      <i class="mdi mdi-alert" aria-hidden="true"></i> {% trans "Export with secrets" %}
    </button>
  {% endif %}
{% endblock %}

{% block javascript %}
  {{ block.super }}
  <script type="module" src="{% static 'netbox_proxbox/js/endpoint-status.js' %}"></script>
{% endblock %}

{% block modals %}
  {{ block.super }}
  {% if request.user|proxbox_can_access_sensitive_data %}
    <div class="modal fade" id="fastapi-export-secrets-modal" tabindex="-1" aria-labelledby="fastapi-export-secrets-label" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <form method="post" action="{% url 'plugins:netbox_proxbox:fastapiendpoint_export' %}?{{ request.GET.urlencode }}">
            {% csrf_token %}
            <input type="hidden" name="include_sensitive" value="true" />
            <div class="modal-header">
              <h5 class="modal-title" id="fastapi-export-secrets-label">{% trans "Sensitive export confirmation" %}</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans 'Close' %}"></button>
            </div>
            <div class="modal-body">
              <div class="alert alert-warning" role="alert">
                {% trans "This export includes FastAPI backend tokens in plain text. Store it securely and share it only with authorized recipients. Your sensitive-data grant does not extend your object or credential-provider permissions." %}
              </div>
              <label class="form-label" for="fastapi-export-format">{% trans "Export format" %}</label>
              <select class="form-select" id="fastapi-export-format" name="format" required>
                <option value="csv">CSV</option>
                <option value="json">JSON</option>
                <option value="yaml">YAML</option>
              </select>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancel" %}</button>
              <button type="submit" class="btn btn-warning">{% trans "Export with secrets" %}</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  {% endif %}
{% endblock %}