{% if news_items|length > 0 %}
	<div class="row">
		<div class="col-md-offset-1 col-md-10">
			<hr/>
			<h3>Contributed News</h3>
		</div>
	</div>
	{% for entity in news_items %}
		{% if loop.first %}
			<div class="row" style="margin-top:20px">
				<div class="col-md-1"></div>
		{% endif %}
				<div class="col-md-3">
					<div class="bs-news">
						<div class="btn-group">
							<div class="dropdown-toggle" data-toggle="dropdown">
								<table style="width:100%">
									<tr>
										<td style="width:30%; vertical-align:top">
											<img src="/uploads/news/{{ entity.getBestPath }}?v={{ entity.version }}" alt="NEWS" class="img-responsive img-thumbnail" width="100%" />
										</td>
										<td  valign="top">
											<table style="margin-left:10px; font-size:18px">
												<tr><td><h4 style="font-family:'Arial Black', Gadget, sans-serif">{{ entity.title }}</h4></td></tr>
												<tr><td>{{ entity.subTitle }}</td></tr>
												<tr><td style="height:10px"></td></tr>
												<tr><td style="font-size:12px">{{ entity.text|filterScript|striptags|slice(0,200) }}</td></tr>
											</table>
										</td>
									</tr>
								</table>	
							</div>
							<ul class="dropdown-menu account_dropdown" id="account_drop_down_list">
								<li><a href="{{ path('news_edit', { 'id': entity.id }) }}">Edit News</a></li>
								<li><a href="{{ path('crop_image_view', { 'type': 'news', 'id': entity.id }) }}">Crop News Photo</a></li>
							</ul>
						</div>
						<hr/>
						<p><span><b>Approved:</b> {% if entity.approved %}Yes{% else %}No{% endif %}</span>  <span style="margin-left:15px"><b>Status:</b> {% if entity.enabled %}Enabled{% else %}Disabled{% endif %}</span></p>
					</div>
				</div>							
		{% if not loop.first and loop.index%3 == 0 %}
			</div>
			<div class="row" style="margin-top:20px">
				<div class="col-md-1"></div>
		{% endif %}
	{% endfor %}
			</div>
	{% endif %}