{% load http_s %}
<div class="card mb-2">
  <div class="media card-body px-3">
    <div class="media-body">
      <h4 class="card-title">{{ article.titre }}</h4>
      <h6 class="card-subtitle mb-2 text-muted">
        <strong>{{ article.club.nom }}</strong>
        — le
        <time datetime="{{ article.date_post|date:'Y-m-d\TH:i:s' }}">
          {{ article.date_post|date:"d F Y à H:i" }}
        </time>
      </h6>
      <p class="card-text">{{ article.contenu.summary|linebreaksbr }}</p>
      <a href="{{ article.club.get_hote|http_s:request }}{{ article.get_absolute_url }}" class="card-link">Lire la suite…</a>
    </div>
    {% with article.url_image_accueil as image_accueil %}
    {% if image_accueil %}
      <img class="rounded ml-3" src="{{ image_accueil }}" style="object-fit:cover;width:150px; height:150px;">
    {% endif %}
    {% endwith %}
  </div>
</div>