{% extends "base.html.twig" %}
{% block body %}
	<center>
		<h1>LAMPYRIS Productions</h1>
	</center>
	{% set nb = 12 %}
	{% if applications|length == 3 %}
		{% set nb=4 %}
	{% elseif applications|length == 2 %}
		{% set nb=6 %}
	{% endif %}
	<div class="row">
		{% for application in applications %}
			{# {% if projet.videos | length > 0 %} #}
			<div class="col col-{{nb}} mt-{{nb}}4" style="padding:10px">
				<div class="bg-white card-container">

					<a href="{{ path(application.prefixe)}}" class="card-selection">

						<div class="card-corner" style="background-color:{{application.couleur}}">
							<svg width="50px" height="50px" viewbox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
								<path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
						</div>

						<div class="main">
							<div class="main-header" style="background-color: rgb(0, 131, 143);">
								<figure class="main-header-2-main-header173" style="background-image: url('{{asset('uploads/applications/' ~ application.image) }}');"></figure>
							</div>
							<div
								class="main-body">
								{# <span class="categorie" style="color: rgb(0, 131, 143);">Développement - Cours</span> #}
								<h2 class="titre">{{ application.nom }}</h2>
								<div class="main-header-2-main-header166">
									<span>
										<span class="">
											<svg class="" focusable="false" role="img" viewbox="0 0 24 24" data-testid="SignalCellularAltIcon">
												<path d="M17 4h3v16h-3zM5 14h3v6H5zm6-5h3v11h-3z"></path>
												<title>{{ application.nom }}</title>
											</svg>
											<span class="main-header-2-main-header177"></span>
										</span>
									</span>

								</div>
							</div>
						</div>
					</div>
				</a>
			</div>
		{% endfor %}

	</div>

{% endblock %}