{% extends 'base.html' %}

{% block title %}Search result{% endblock title %}
 {% block blogactive %}active{% endblock blogactive %}
{% block body %}
 <div class="container my-3">

    <h2>search result</h2>
    {% if allposts|length < 1 %}
    <p> No Search result </p>

    your search - <b>{{query}}</b>- did not match any document
    Suggestion:<br>
    Try diffrent keyword
    
    {% endif %}
    {% for post in allposts %}
      <div class="row no-gutter border rounded overflow-hidden flex-md-row my-4 shadow-sm h-md-250 position-relative">
        <div class="col p-4 d-flex flex-column position-static">
          <strong class="d-inline-block mb-2 text-primary">Artical by {{post.author}}</strong>
          <h3 class="mb-0">{{post.title}}</h3>
          <div class="mb-1 text-muted">{{post.datetime}}2</div>
          <p class="card-text mb-auto">{{post.content |truncatechars:200}}</p>
         <div class='my-2'>
          <a href="blog/{{post.slug}}" role='button' class="btn btn-primary">Continue reading</a>
       </div>
        </div>
        <div class="col-auto d-none d-lg-block">
         

        </div>
      </div>
   {% endfor %}
</div>>


{% endblock body %}