<div class="blog-query-listing query-listing-container"
     tal:define="results view/tile/results;
                 utils view/tile/utils;
                 df view/tile/display_fields">
  <tal:item tal:repeat="item python: results['items']">
    <article tal:define="url python: utils.get_object_url(item);
                         base_url item/getURL;
                         effective item/effective|nothing;
                         desc item/Description;
                         has_image python: 'image' in df and utils.has_image(item);
                         has_date python: 'date' in df and utils.valid_date(effective);"
        class="post type-post status-${item/review_state} hentry
               ${python: has_image and 'has-post-thumbnail' or ''}
               portal-type-${python: utils.normalize(item.portal_type)}">
    	<div class="blog-item-wrap">
    		<a href="${url}" title="${item/Title}" tal:condition="has_image">
    			<img src="${base_url}/@@images/image/large" class="post-image"
               alt="${item/Title}">
        </a>
    		<div class="post-inner-content">
    			<header class="entry-header page-header">
    				<h2 class="entry-title">
              <a href="${url}" rel="bookmark">${item/Title}</a>
            </h2>
    				<div class="entry-meta">
    					<span class="posted-on">
                <i class="fa fa-calendar"></i>
                <time class="pat-moment entry-date published"
                      tal:content="python: utils.format_date(effective)"
                      data-pat-moment="format:MMMM Do, YYYY h:mm a;"
                      data-date="${python: utils.iso_date(effective)}"
                      tal:condition="python: 'date' in df and utils.valid_date(effective)"></time>
              </span>
              <!-- <span class="byline"> <i class="fa fa-user"></i>
                <span class="author vcard">${item/Creator}</span>
              </span> -->
    				</div><!-- .entry-meta -->
    			</header><!-- .entry-header -->
					<div class="entry-content">
    				<p>${item/Description|item/Title} […]</p>
    				<p>
              <a class="btn btn-default read-more" href="${url}" title="${item/Title}">Read More</a>
            </p>
					</div><!-- .entry-content -->
				</div>
    	</div>
    </article>
  </tal:item>
  <div class="visualClear"> </div>
</div>
