{% extends 'base.html' %}
{% load static %}
{% block title %}اخبار{% endblock %}
{% block content %}
{% load static %}
{% load jformat %}
{% load persian_numbers %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'css/content/list_contents.css' %}">

{% endblock %}
  <main class="container my-5">



<section class="my-5">

  <h2 class="mb-5   text-center" style="color: #f4bf35;">اخبار جدید</h2>

  <div class="row g-4">

    <!-- News -->
    {%for content in contents%}
    <div class="col-md-3">

      <div class="news-card p-3 h-100">

        <img src="{{content.image}}" class="img-fluid rounded-4 mb-3">

        <span class="news-date">
          <i class="fa-regular fa-calendar"></i>
          {{ content.published_date|jalali_fa }}
        </span>

        <h5 class="mt-3">
          {{content.title}}
        </h5>

        <p>
          {{content.body}}
        </p>

          <a href="{% url 'content_detail' content.id %}" class="btn news-btn w-100">
            مشاهده خبر
          </a>

      </div>

    </div>
    {%endfor%}


  </div>

</section>
</main>
{% endblock %}