{namespace n=GeorgRinger\Blog\ViewHelpers}<!--
	=====================
		Partials/List/Item.html
-->
<n:excludeDisplayedBlog blogItem="{blogItem}" />
<div class="row blog-list-item">
	<div class="col-md-3">
		<n:link blogItem="{blogItem}" settings="{settings}" title="{blogItem.title}">
			<f:if condition="{blogItem.falMediaPreviews}">
				<f:then>
					<f:media class="img-responsive" file="{blogItem.falMediaPreviews.0}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" width="{settings.list.media.image.width}" />
				</f:then>
				<f:else>
					<f:if condition="{settings.displayDummyIfNoMedia}">
						<f:image class="img-dummy img-responsive" src="{settings.list.media.dummyImage}" title="" alt="" maxWidth="{settings.list.media.image.maxWidth}" maxHeight="{settings.list.media.image.maxHeight}" />
					</f:if>
				</f:else>
			</f:if>
		</n:link>
	</div>

	<div class="col-md-9 articletype-{blogItem.type}{f:if(condition: blogItem.istopblog, then: ' topblog')}" itemscope="itemscope" itemtype="http://schema.org/Article">
		<h3 itemprop="headline">
			<n:link blogItem="{blogItem}" settings="{settings}" title="{blogItem.title}">
				{blogItem.title}
			</n:link>
		</h3>

		<f:render partial="General/AdditionalInformation" arguments="{settings:settings,blogItem:blogItem}" />

		<!-- teaser -->
		<div class="lead" itemprop="description">
			<f:if condition="{blogItem.teaser}">
				<f:then>
					{blogItem.teaser -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}
				</f:then>
				<f:else>
					{blogItem.bodytext -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}
				</f:else>
			</f:if>
		</div>

		<n:link blogItem="{blogItem}" settings="{settings}" class="btn btn-default btn-read-more" title="{blogItem.title}">
			<f:translate key="more-link" />
		</n:link>
	</div>
</div>