{# feed/employee_feed.html #}
{% load static django_bootstrap5 %}

<div class="d-flex align-items-center gap-3 mb-3">
  <i class="bi-megaphone display-6 text-primary"></i>
  <h2 class="mb-0 fw-bold" style="letter-spacing:0.5px;">
    Публикации: {{ employee.get_full_name }}
  </h2>
</div>
{% if posts %}
  <div class="row g-4">
    {% for post in posts %}
      <div class="col-12">
        <div class="card shadow-sm border-0">
          <div class="row g-0">
            {% if post.image %}
              <div class="col-md-4 d-none d-md-block">
                <img src="{{ post.image.url }}" class="img-fluid rounded-start" alt="{{ post.title }}" style="height: 100%; object-fit: cover;">
              </div>
            {% endif %}
            <div class="{% if post.image %}col-md-8{% else %}col-12{% endif %}">
              <div class="card-body">
                <h5 class="card-title fw-semibold">
                  {{ post.title }}
                  {% if post.pinned %}
                    <span class="badge bg-warning text-dark ms-2"></span>
                  {% endif %}
                </h5>
                <p class="card-text mb-2">{{ post.body|truncatewords:32 }}</p>
                <div class="small text-muted mb-2">
                  {{ post.created_at|date:"d.m.Y H:i" }}
                </div>
                <a href="{% url 'feed:post_detail' post.pk %}" class="btn btn-sm btn-outline-primary rounded-pill px-3">
                  Подробнее
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
{% else %}
  <div class="alert alert-info shadow-sm mt-4">
    У сотрудника пока нет публикаций.
  </div>
{% endif %}