{% comment %}
    Recent Posts Displayed here.
{% endcomment %}


<div class="panel panel-primary" class="blog-sidebar">
    <div class="panel-heading">
      <h3 class="panel-title">Recent Posts</h3>
    </div>
    <div class="panel-body">
        {% for post in site.posts limit: 3 %}
            <a href="{{post.url}}">
                <div class="row featured_blog_post">
                    <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
                       <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                       {% if assets[post.thumbnail_image] %}
                            data-src="{% asset_path '{{post.thumbnail_image}}'%}"
                       {% elsif assets[post.featured_image] %}
                            data-src="/assets/thumbnails/blog/{{post.featured_image}}"
                       {% elsif post.image.featured %}
                            {% if post.image.thumb %}
                                  {% if assets[post.image.thumb] %}
                                     data-src="{% asset_path '{{post.image.thumb}}'%}"
                                  {% else %}
                                     data-src="{{post.image.thumb}}"
                                  {% endif  %}
                             {% else %}
                                   data-src="/{{site.mini_magick.thumbnails.destination}}{{post.image.name}}"
                             {% endif %}
                       {% else %}
                            data-src="{% asset_path 'placeholder.png' %}"
                       {% endif %}

                      alt="{{post.title}}" class="img-responsive lazyload"/>
                    </div>
                    <div class="col-md-9 col-sm-9 col-xs-9 ">
                       {{post.title | truncate: 40}}
                       <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
                   </div>
                </div>
            </a>
        {% endfor %}
    </div>
</div>
    

{% comment %}
    Other Posts
{% endcomment %}

<div class="panel panel-primary" class="blog-sidebar">
    <div class="panel-heading">
      <h3 class="panel-title">Other Posts</h3>
    </div>
    <div class="panel-body">
        {% assign posts = site.posts | sample:5 %}
        {% for post in posts %}
        
        <a href="{{post.url}}">
            <div class="row featured_blog_post">
                <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
                   <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                   {% if post.image.featured %}
                        {% if post.image.thumb %}
                              {% if assets[post.image.thumb] %}
                                 data-src="{% asset_path '{{post.image.thumb}}'%}"
                              {% else %}
                                 data-src="{{post.image.name}}"
                              {% endif  %}
                         {% else %} 
                               data-src="/{{site.mini_magick.thumbnails.destination}}{{post.image.name}}"
                         {% endif %}
                   {% else %}
                        data-src="{% asset_path 'placeholder.png' %}"
                   {% endif %}

                  alt="{{post.title}}" class="img-responsive lazyload"/>
                  
                </div>
                <div class="col-md-9 col-sm-9 col-xs-9 ">
                   {{post.title | truncate: 40}}
                   <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
               </div>
            </div>
            </a>
        {% endfor %}
    </div>
</div>