collection-crud/templates/photo-menu.html.twig

<div class="row expanded">
	<div class="column">
		<ul class="menu">
			<li class="menu-text">Meta</li>
			<li class="{{ route starts with 'film_' ? 'is-active' }}">
				<a href="{{ path('film_index') }}">🎞️ Film</a>
			</li>
			<li class="{{ route starts with 'camera-type_' ? 'is-active' }}">
				<a href="{{ path('camera-type_index') }}">🎥 Camera Types</a>
			</li>
		</ul>
	</div>
	<div class="column">
		<ul class="menu">
			<li class="menu-text">Currently Owned</li>
			<li class="{{ route starts with 'camera_' ? 'is-active' }}">
				<a href="{{ path('camera_index') }}">📷 Cameras</a>
			</li>
			<li class="{{ route starts with 'flash_' ? 'is-active' }}">
				<a href="{{ path('flash_index') }}">📸 Flashes</a>
			</li>
			<li class="{{ route starts with 'lens_' ? 'is-active' }}">
				<a href="{{ path('lens_index') }}">🔎 Lenses</a>
			</li>
		</ul>
	</div>
	<div class="column">
		<ul class="menu">
			<li class="menu-text">Previously Owned</li>
			<li class="{{ route starts with 'previously-owned-camera' ? 'is-active' }}">
				<a href="{{ path('previously-owned-camera_index') }}">📷 Cameras</a>
			</li>
			<li class="{{ route starts with 'previously-owned-flash' ? 'is-active' }}">
				<a href="{{ path('previously-owned-flash_index') }}">📸 Flashes</a>
			</li>
			<li class="{{ route starts with 'previously-owned-lens' ? 'is-active' }}">
				<a href="{{ path('previously-owned-lens_index') }}">🔎 Lenses</a>
			</li>
		</ul>
	</div>
</div>