{% extends "base_stie.html" %}
{% load i18n thumbnail %}

{% block content %}
  <div class="home-news wf100">
    <div class="row">
      <div class="col-md-12 col-sm-12 p5">
        {% with post=slide_posts.0 %}
          <a href="{% url 'post_detail' post.id %}">
            <div class="ch-box">
              <div class="ch-thumb">
                {% thumbnail post.photo "1156x416" crop="center" as im %}
                  <img src="{{ im.url }}">
                {% endthumbnail %}
              </div>
              <div class="ch-txt">
                <h5>{{ post.title|truncatechars:75 }}</h5>
                <ul>
                  <li>{{ post.date|date }}</li>
                </ul>
                <p>{{ post.brief|truncatechars:235 }}</p>
              </div>
            </div>
          </a>
        {% endwith %}
      </div>
      <div class="col-md-6 col-sm-6 p5">
        {% with post=slide_posts.1 %}
          <a href="{% url 'post_detail' post.id %}">
            <div class="ch-box">
              <div class="ch-thumb">
                {% thumbnail post.photo "577x265" crop="center" as im %}
                  <img src="{{ im.url }}">
                {% endthumbnail %}
              </div>
              <div class="ch-txt">
                <h6>{{ post.title|truncatechars:43 }}</h6>
                <ul>
                  <li>{{ post.date|date }}</li>
                </ul>
                <p>{{ post.brief|truncatechars:100 }}</p>
              </div>
            </div>
          </a>
        {% endwith %}
      </div>
      <div class="col-md-6 col-sm-6 p5">
        {% with post=slide_posts.2 %}
          <a href="{% url 'post_detail' post.id %}">
            <div class="ch-box">
              <div class="ch-thumb">
                {% thumbnail post.photo "577x265" crop="center" as im %}
                  <img src="{{ im.url }}">
                {% endthumbnail %}
              </div>
              <div class="ch-txt">
                <h6>{{ post.title|truncatechars:43 }}</h6>
                <ul>
                  <li>{{ post.date|date }}</li>
                </ul>
                <p>{{ post.brief|truncatechars:100 }}</p>
              </div>
            </div>
          </a>
        {% endwith %}
      </div>
    </div>
  </div>
  <div class="clearfix"></div>

  <div class="latest-posts">
    {% if pressroom_category %}
      <a href="{% url 'post_category_detail' pressroom_category.id %}" class="readmore">{% trans 'Бүх мэдээг харах' %} ...</a>
    {% endif %}
    <h6 class="title">{% trans 'Шинэ мэдээ мэдээлэл' %}</h6>
    <div class="row">
      {% for obj in latest_posts %}
        <div class="col-md-6 col-sm-12">
          <a href="{% url 'post_detail' obj.id %}">
            <div class="news-box">
              <div class="new-thumb">
                {% thumbnail obj.photo "567x227" crop="center" as im %}
                  <img src="{{ im.url }}">
                {% endthumbnail %}
              </div>
              <div class="new-txt">
                <ul class="news-meta">
                  <li>{{ obj.date|date }}</li>
                </ul>
                <h6>{{ obj.title|truncatechars:100 }}</h6>
                <p>{{ obj.brief|truncatechars:105 }}</p>
              </div>
            </div>
          </a>
        </div>
      {% endfor %}
    </div>
  </div>
{% endblock %}