{% extends 'programmer/base.html' %}
{% load django_bootstrap5 %}
{% load static %}
{% load seo_tags %}


{% block extra_css %}
<link rel="stylesheet" href="{% static 'programmer/css/solution-accordion.css' %}">
{% endblock %}

{% block content %}
<article>
    <h1>{{ solution.title }}</h1>
    <p>{{ solution.description }}</p>
    <section>{{ solution.implementation|safe }}</section>
    <footer>{{ solution.closing|safe }}</footer>
</article>

<div class="page-header">
    <h1 class="page-title">Проекты автоматизации 1С</h1>
    <p class="page-subtitle">Реализованные решения и кейсы по автоматизации бизнес-процессов</p>
</div>

<ul class="improved-list" id="projects-container">
    {% include 'programmer/includes/project_cards.html' %}
</ul>

{% if not posts %}
<div class="content-card text-center">
    <h3>Примеры решений скоро появятся</h3>
    <p>Мы готовим для вас интересные кейсы и решения</p>
</div>
{% endif %}

<!-- Индикатор загрузки -->
{% if page_obj.has_next %}
    <div id="loading-spinner" style="display: none; text-align: center; margin: 20px 0;">
        <div class="spinner-border text-primary" role="status"><span class="visually-hidden">Загрузка...</span></div>
        <p>Загрузка проектов...</p>
    </div>
{% endif %}

<!-- Данные пагинации -->
<script>
    window.currentPage = {{ page_obj.number }};
    window.totalPages = {{ paginator.num_pages }};
</script>

<script src="{% static 'programmer/js/solution-accordion.js' %}"></script>
{% endblock %}

{% block extra_js %}
<script src="{% static 'programmer/js/infinite_scroll.js' %}"></script>
{% endblock %}