{% extends 'base.html' %}
{% load static django_bootstrap5 %}

{% block title %}Мои заявления{% endblock %}

{% block extra_css %}{% endblock %}

{% block content %}
<div class="container">
  <div class="row gx-0">
    <div class="col-12">

      {# — Шапка страницы — #}
      {% include "includes/components/page_header.html" with icon="bi-file-earmark-text" title="Мои заявления" search_id="requestFilter" search_placeholder="Поиск по типу или комментарию" create_url="requests_app:request_create" create_text="Подать новое заявление" %}
      
      <div class="card mb-3">
        <div id="requestList" class="list-view card-list">
          {# Список загружается через JavaScript из requestListHandler.js #}
          <div class="text-center py-4">
            <div class="spinner-border text-primary" role="status">
              <span class="visually-hidden">Загрузка...</span>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
{% endblock %}

{% block extra_js %}
<script type="module">
  import { initRequestListHandler } from "{% static 'js/components/requestListHandler.js' %}";

  // Получаем токен доступа
  const accessMeta = document.querySelector('meta[name="api-access"]');
  const ACCESS = accessMeta ? accessMeta.content : '';
  const headers = ACCESS ? { 'Authorization': 'Bearer ' + ACCESS } : {};
  
  // Инициализация списка заявлений
  initRequestListHandler({
    apiListUrl: '/api/v1/requests/',
    scope: 'my',
    userId: {{ user.id }},
    headers
  });
</script>
{% endblock %}