description = "Venue List"

[viewBag]
==
{% set venues = venues %}
{% if venues is empty %}
<div class="col-sm-12 col-xs-12 flex-con">
	<div class="no-record text-center">
		<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M38.75 23.75C38.06 23.75 37.5 24.31 37.5 25C37.5 25.69 38.06 26.25 38.75 26.25C39.44 26.25 40 25.69 40 25C40 24.31 39.44 23.75 38.75 23.75Z" fill="#181818"/>
			<rect x="44.2427" y="40" width="6" height="6" transform="rotate(45 44.2427 40)" fill="#C2860F"/>
			<path d="M62.5351 55.4649L45.8501 38.7799C48.5682 34.6856 50 29.9444 50 25C50 11.215 38.785 0 25 0C11.215 0 0 11.215 0 25C0 38.785 11.215 50 25 50C29.9445 50 34.6858 48.5681 38.7799 45.8503L43.3918 50.4621L43.3937 50.4641L55.4647 62.5351C56.4095 63.4798 57.6649 64 59 64C60.3351 64 61.5905 63.4797 62.5348 62.5355C63.4796 61.5914 64 60.3359 64 59C64 57.6641 63.4796 56.4086 62.5351 55.4649ZM38.192 43.2159C34.3336 46.0184 29.7719 47.5 25 47.5C12.5935 47.5 2.5 37.4065 2.5 25C2.5 12.5935 12.5935 2.5 25 2.5C37.4065 2.5 47.5 12.5935 47.5 25C47.5 29.7719 46.0186 34.3334 43.216 38.1919C41.8139 40.1235 40.1236 41.8139 38.192 43.2159ZM40.8145 44.3491C42.1082 43.2907 43.2909 42.1081 44.3491 40.8145L47.8955 44.3609C46.817 45.6338 45.6338 46.8171 44.3609 47.8955L40.8145 44.3491ZM60.7674 60.7674C60.2949 61.2399 59.6673 61.5 59 61.5C58.3327 61.5 57.7051 61.2399 57.2326 60.7674L46.1333 49.668C47.3991 48.5816 48.5816 47.3993 49.6679 46.1334L60.7676 57.2331C61.2399 57.7049 61.5 58.3322 61.5 59C61.5 59.6678 61.2399 60.2951 60.7674 60.7674Z" fill="#222222"/>
			<path d="M25 5C13.9719 5 5 13.9719 5 25C5 36.0281 13.9719 45 25 45C36.0281 45 45 36.0281 45 25C45 13.9719 36.0281 5 25 5ZM25 42.5C15.3505 42.5 7.5 34.6495 7.5 25C7.5 15.3505 15.3505 7.5 25 7.5C34.6495 7.5 42.5 15.3505 42.5 25C42.5 34.6495 34.6495 42.5 25 42.5Z" fill="#181818"/>
			<path d="M39.0081 19.6341C37.9318 16.8326 36.0576 14.4374 33.5881 12.7075C31.0599 10.9363 28.0901 10 25 10C24.3098 10 23.75 10.5598 23.75 11.25C23.75 11.9402 24.3098 12.5 25 12.5C30.1374 12.5 34.8289 15.7272 36.6745 20.5309C36.8655 21.0279 37.3391 21.3329 37.8416 21.3329C37.9906 21.3329 38.1423 21.306 38.2896 21.2494C38.934 21.0017 39.2558 20.2786 39.0081 19.6341Z" fill="#181818"/>
		</svg>
		<h3>No results found.</h3>
	</div>
</div>
{% endif %}
{% for venue in venues %}
	<a href="{{ url('/venue/'~venue.slug) }}">
		<div class="col-sm-4 col-xs-6 venue-base flex-con-stretch">
			<div class="venue-con">
				<div class="venue-img-con">
					<div class="venue-img hover-zoom bg-img" style = "{% if venue.venue_thumb.path %} background-image: url({{venue.venue_thumb.path}}) {% else %} background: #c0c0c0 url({{ 'assets/img/thumb-placeholder.png'|theme }}) no-repeat scroll center center / 150px;{% endif %}"></div>
				</div>
				<div class="venue-det-con">
					<div class="venue-logo bg-img" style = "background-image: url({{venue.venue_logo.path}})"></div>
					<h4 class="venue-title">{{venue.name}}</h4>
					<ul class = "venue-det">
						<li class = "block-teaser-b venue-loc">{{venue.location}}</li>
						<li class = "block-teaser-b venue-cap">up to <b>{{venue.capacity}}</b> pax capacity</li>
					</ul>
				</div>
				<a href="{{ url('/venue/'~venue.slug) }}"><div class="btn-text-2 text-right anc-hover">READ MORE</div></a>
			</div>
		</div>
	</a>
{% endfor %}