{# templates/mylinks.html #}
{% extends 'base.html' %}

{# page title #}
{% block title %}Ordnerkonfiguration{% endblock %}
{% block page_id %}folder_secret_config{% endblock %}

{# page content #}
{% block content %}
  <div class="container">
    <h2>Ordnerkonfiguration</h2>
    <div id="records"></div>
    <button id="add-btn" class="btn btn-primary mt-3">Add New Record</button>
  </div>

  <!-- Confirmation Modal -->
  <div class="modal fade" id="confirmDeleteModal" tabindex="-1" aria-labelledby="confirmDeleteLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="confirmDeleteLabel">Confirm Deletion</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          Do you really want to delete this record?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
          <button type="button" class="btn btn-danger confirm-delete">Delete</button>
        </div>
      </div>
    </div>
  </div>
  <script type="application/json" id="folder-config-page-data">
    {{ { 'alphabet': alphabet } | tojson }}
  </script>
{% endblock %}
{% block scripts %}{% endblock %}