#set($featured = $mediaarchive.getSearcher("blogpost").query().match("featuredblogpost", "true").searchOne())
#if(!$featured)
	#set($featured = $testbench.getSearcher("blogpost").query().match("publish","true").match("id","*").sort("dateDown").searchOne())
#end

#set($featureimage = $mediaarchive.getAsset($featured.blogfeatureimage))
#set($thumb = "$home/${applicationid}/views/modules/asset/downloads/preview/mediumplus/${featureimage.sourcepath}/thumb.jpg" )

<div class="container mb10" >

<article class="article-post mt30 mb10">
    
    <div class="post-content">
    

    
        <a href="/${content.blogid}/viewpost.html?id=$featured.id"><h2 class="post-title">$!featured.name</h2></a>
        
        <ul class="post-meta list-inline">
        	#if($featured.blogauthor)
            <li class="list-inline-item">
                <i class="fa fa-user-circle-o"></i> <a href="/${content.blogid}/fieldsearch.html?field=blogauthor&blogauthor.value=$featured.blogauthor&operation=exact">
                	$!mediaarchive.getUser($featured.blogauthor)</a>
            </li>
            #end
            #if($featured.date)
            <li class="list-inline-item">
                <i class="fa fa-calendar-o"></i> <a href="#">$!context.getDate($featured.date)</a>
            </li>
            #end
            #if($featured.blogtags)
            <li class="list-inline-item">
            	#foreach($tag in $featured.getValues("blogtags"))
                <i class="fa fa-tags"></i> <a href="/${content.blogid}/fieldsearch.html?field=blogtags&blogtags.value=$tag&operation=contains">$!tag</a>
                #end
            </li>
            #end
        </ul>
        
    #if($featured.blogfeatureimage)
	<div style="max-width: 400px; float: left; padding-right: 30px; padding-bottom: 15px;">
		<a class="post-thumb mb30" href="/${content.blogid}/viewpost.html?id=$featured.id">
    		<img src="$thumb" alt="" class="img-fluid">
		</a><!--thumb -->
	</div>
	#end  
 
<div class="pb10 blogintro" style="font-style: italic;">
#set($intro=$testbench.clean($featured.blogintroduction, 500))
$!intro ...
</div>            
<div class="pb20 blogsample">
#set($sampletext=$testbench.clean($featured.blogposttext, 460))
$!sampletext ...
</div>        
        
     <a href="/${content.blogid}/viewpost.html?id=$featured.id" class="btn btn-outline-secondary" style="background-color: white;">Read More</a>
</div>
</article><!--article-->

</div>