#set($post=$data)

<div class="container-fluid ">     
                  <div class="card shadow"> <div class="card-body">

	<div class="row">
		<div class="col-md-12">
$data.publish
#if($post.publish=="false")    
	<h4>THIS POST IS UNPUBLISHED.</h4>      
#end   


#if($caneditblogposts)
<ul class="list-inline float-end">
     <li class="list-inline-item">
	#if($post.publish=="false") 
	<a href="/${content.blogid}/admin/save.html?id=$post.id&field=publish&publish.value=true&save=true" 
	   class="btn btn-primary" 
	   >
       Publish Post
    </a>
    #else
    <a href="/${content.blogid}/admin/save.html?id=$post.id&field=publish&publish.value=false&save=true" 
	   class="btn btn-primary" 
	  ">
       Unpublish
    </a>
    #end
	</li>
    <li class="list-inline-item">
	<a href="/${content.blogid}/admin/deletepost.html?id=$post.id" 
	   class="btn btn-primary" 
	   
	   onclick="return confirm('Are you sure?')">
       Delete Post
    </a>
    </li>
</ul>
#end

#if($caneditblogposts)
    <a class="oe-dataedit" data-target="#title-$post.id"  href="#">Edit blog title</a>
#end        
<div class="oe-editable pb10 blogtitle" style="font-size: larger;" id="title-$post.id" data-dataid="$post.id" data-field="name" data-searchtype="blogpost">                      
<h1 class="display-4">$post.name</h1> 
</div>

		<ul class="post-meta list-inline">
        	#if($post.blogauthor)
            <li class="list-inline-item">
                <i class="fa fa-user"></i> 
                <a href="/${content.blogid}/fieldsearch.html?field=blogauthor&blogauthor.value=$post.blogauthor&operation=exact">
                	$!mediaarchive.getUser($post.blogauthor)</a>
            </li>
            #end
            #if($post.date)
            <li class="list-inline-item">
                <i class="fa fa-calendar"></i> 
                <a href="#">$!context.getDate($post.date)</a>
            </li>
            #end
            #if($post.blogtags)
            <li class="list-inline-item">
            	#foreach($tag in $post.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($caneditblogposts)
    <a class="oe-dataedit" data-target="#intro-$post.id"  href="#">Edit blog intro</a>
#end
<div class="oe-editable pb10 blogintro" id="intro-$post.id" data-dataid="$post.id" data-field="blogintroduction" data-searchtype="blogpost">
$!post.blogintroduction
</div>

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

#if($featureimage)
   	<div style="max-width: 400px; float: left; padding-right: 30px; padding-bottom: 10px;">
   		<img src="$thumb" class= "img-fluid img-responsive"/> <br/>
   		#if($caneditblogposts)
    		<a class="oe-dataedit" data-target="#edit-blogimagecredit"  href="#">Edit image credit</a>
		#end
		<div class="oe-editable" id="edit-blogimagecredit" data-dataid="$post.id" data-field="blogimagecredit" data-searchtype="blogpost">
			<i>$!post.blogimagecredit</i>
		</div>
   	</div>
   	
#end
  
#if($caneditblogposts)
    <a class="oe-dataedit" data-target="#edit-$post.id"  href="#">Edit blog text</a>
#end
   
<div class="oe-editable" id="edit-$post.id" data-dataid="$post.id" data-field="blogposttext" data-searchtype="blogpost">
$post.blogposttext
</div>

</br>

#if($post.blogtags)
    	#foreach($tag in $post.getValues("blogtags"))
        <i class="fa fa-tags"></i> 
        <a href="/${content.blogid}/fieldsearch.html?field=blogtags&blogtags.value=$tag&operation=contains">$!tag</a>
        #end
#end

</div> 
</div> <!-- end row -->
</div>
</div></div>