{% if case_studies|length > 0 %}
	<div class="row">
		<div class="col-md-offset-1 col-md-10">
			<hr/>
			<h3>Contributed {% trans %}Case Studies{% endtrans %}</h3>
		</div>
	</div>
	{% for entity in case_studies %}
		{% 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-casestudy">
						<div class="btn-group">
							<div class="dropdown-toggle" data-toggle="dropdown">
								<table style="width:100%">
									<tr>
										<td style="width:40%; vertical-align:top">
											<img src="/uploads/case_studies/images/{{ entity.getBestPath }}?v={{ entity.version }}" alt="VIDEO" 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.titleInfo|raw }}</td></tr>
											</table>
										</td>
									</tr>
								</table>	
							</div>
							<ul class="dropdown-menu account_dropdown" id="account_drop_down_list">
								<li><a href="{{ path('case_study_edit', { 'id': entity.id }) }}">Edit {% trans %}Case Study{% endtrans %}</a></li>
								<li><a href="{{ path('crop_image_view', { 'type': 'case_study', 'id': entity.id }) }}">Crop {% trans %}Case Study Banner{% endtrans %}</a></li>
								<li><a href="{{ path('member_contribute_case_study_photo_new', { 'id': entity.id }) }}">Add {% trans %}Case Study Photo{% endtrans %}</a></li>
							</ul>
						</div>
						{% if entity.photos|length > 0 %}
						<hr/>
						<table style="width:100%">
						{% set col_added = 0 %}	
						{% for photo in entity.photos %}
							{% if loop.first %}
							<tr>
							{% endif %}
								{% set col_added = col_added + 1 %}	
								<td style="width:30%; vertical-align:top">
									<div class="btn-group">
										<div class="dropdown-toggle" data-toggle="dropdown">
											<img title="{{ photo.title }}" src="/uploads/case_studies/photos/{{ photo.getBestPath }}?v={{ photo.version }}" width="100%" alt="PHOTO" class="img-responsive img-thumbnail" />
										</div>
										<ul class="dropdown-menu account_dropdown" id="account_drop_down_list">
											<li><a href="{{ path('case_studies_item_edit', { 'id': photo.id }) }}">Edit {% trans %}Case Study Photo{% endtrans %}</a></li>
											<li><a href="{{ path('crop_image_view', { 'type': 'case_study_photo', 'id': photo.id }) }}">Crop {% trans %}Case Study Photo{% endtrans %}</a></li>
										</ul>
									</div>
								</td>
							{% if not loop.first and loop.index%3 == 0 %}
							</tr>
							<tr>
							{% set col_added = 0 %}	
							{% endif %}
						{% endfor %}
							
							{% if col_added == 1 %}
								<td style="width:30%; vertical-align:top">
								</td>
								<td style="width:30%; vertical-align:top">
								</td>
							{% elseif col_added == 2 %}
								<td style="width:30%; vertical-align:top">
								</td>
							{% endif %}
							</tr>
						</table>	
						{% endif %}
						<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 %}