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

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

{% block content %}

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

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

{% 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: 2rem 0;">
    <div class="spinner-border text-primary" role="status">
        <span class="visually-hidden">Загрузка...</span>
    </div>
    <p style="margin-top: 0.5rem; color: var(--text-secondary);">Загрузка проектов...</p>
</div>
{% endif %}

<script>
    window.currentPage = {{ page_obj.number }};
    window.totalPages = {{ paginator.num_pages }};
</script>

{% endblock %}

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