{% for pack in package %}
<div class="card col-md-3 col-12 mx-1 my-1 px-0">
<div class="card-header row mx-0 px-2 py-0 my-0 justify-content-between">
<div class="col-6 mx-0 px-0 py-2">
<p class="text-left font-weight-bold my-0 py-0 pricePackage">TTC</p>
</div>
<div class="col-6 mx-0 px-0 py-2">
<p class="text-right font-weight-bold my-0 py-0 pricePackage">{{ pack.priceTTC }} €</p>
</div>
</div>
<div class="card-body">
<h4 class="card-title text-center font-weight-bold mt-0 mb-2 pt-0 pb-2">{{ pack.name }}</h4>
<div class="row justify-content-center mx-0 px-0">
{% if pack.minPers is not null and pack.maxPers is not null%}
<p class="text-center col-12 mx-0 px-0 mt-3 mb-0"><i class="fas fa-users iconPackage"></i></p>
{% if pack.minPers==0 and pack.maxPers==0 %}
<p class="text-center col-12 mx-0 px-0 mt-3 mb-0"><i class="fas fa-user-minus iconPackage mx-1"></i> <i class="fas fa-arrows-alt-h iconPackage mx-4"></i> <i class="fas fa-user-plus iconPackage mx-1"></i></p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
{% else %}
<p class="text-center col-12 mx-0 px-0 mt-3 mb-0"><i class="fas fa-user-minus iconPackage mx-1"></i> <i class="fas fa-arrows-alt-h iconPackage mx-4"></i> <i class="fas fa-user-plus iconPackage mx-1"></i></p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> {{ pack.minPers }}</p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> {{ pack.maxPers }}</p>
{% endif %}
{% elseif pack.minPers is null and pack.maxPers is not null %}
{% if pack.maxPers==0 %}
<p class="text-center col-12 mx-0 px-0 mt-3 mb-0"><i class="fas fa-user-minus iconPackage mx-1"></i> <i class="fas fa-arrows-alt-h iconPackage mx-4"></i> <i class="fas fa-user-plus iconPackage mx-1"></i></p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
{% else %}
<p class="text-center col-12 mx-0 px-0 mt-3 mb-0"><i class="fas fa-user-minus iconPackage mx-1"></i> <i class="fas fa-arrows-alt-h iconPackage mx-4"></i> <i class="fas fa-user-plus iconPackage mx-1"></i></p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> {{ pack.maxPers }}</p>
{% endif %}
{% elseif pack.minPers is not null and pack.maxPers is null%}
{% if pack.minPers==0 %}
<p class="text-center col-12 mx-0 px-0 mt-3 mb-0"><i class="fas fa-user-minus iconPackage mx-1"></i> <i class="fas fa-arrows-alt-h iconPackage mx-4"></i> <i class="fas fa-user-plus iconPackage mx-1"></i></p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
{% else %}
<p class="text-center col-12 mx-0 px-0 mt-3 mb-0"><i class="fas fa-user-minus iconPackage mx-1"></i> <i class="fas fa-arrows-alt-h iconPackage mx-4"></i> <i class="fas fa-user-plus iconPackage mx-1"></i></p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> {{ pack.minPers }}</p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
{% endif %}
{% else%}
<p class="text-center col-12 mx-0 px-0 mt-3 mb-0"><i class="fas fa-user-minus iconPackage mx-1"></i> <i class="fas fa-arrows-alt-h iconPackage mx-4"></i> <i class="fas fa-user-plus iconPackage mx-1"></i></p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
<p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non définie</p>
{% endif %}
</div>
</div>
<div class="card-footer">
<div class="row justify-content-xl-between justify-content-center mx-0 px-0">
{% if is_granted('ROLE_USER') %}
<a href="{{ path('viewProfessionnalPackage', {compagny: compagny.id, package: pack.id}) }}" class="btn btn-gen-bookpresta text-center mx-1 my-1">En savoir plus</a>
<a href="{{ path('cart_add', {compagny: compagny.id, package: pack.id}) }}" class="btn btn-gen-bookpresta text-center mx-1 my-1"><i class="fas fa-shopping-cart mr-1"></i>Ajouter</a>
{% else %}
<button type="button" class="btn btn-gen-bookpresta text-center mx-0 my-0" data-toggle="modal" data-target="#login">En savoir plus</button>
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Connexion requise pour accéder aux détails du pack</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row justify-content-center mx-0 px-0">
<div class="col-12 mx-0 px-0">
<div class="row justify-content-center mx-0 px-0">
<a href="{{ path('app_login') }}" class="btn btn-gen-bookpresta text-center mx-1 my-1">Se connecter <i class="fas fa-sign-in-alt text-light"></i></a>
<a href="{{ path('app_register') }}" class="btn btn-gen-bookpresta text-center mx-1 my-1">S'enregistrer <i class="fas fa-user-plus text-light"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
{% endfor %}