templates/clientWeb/packageSearch/_packageContent.html.twig line 1

{% 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 }} &euro;</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&eacute;finie</p>
                    <p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non d&eacute;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&eacute;finie</p>
                    <p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non d&eacute;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&eacute;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&eacute;finie</p>
                    <p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non d&eacute;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&eacute;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&eacute;finie</p>
                    <p class="card-text text-center col-6 mx-0 px-0 mt-0 mb-3"> Non d&eacute;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&eacute;der aux d&eacute;tails du pack</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</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 %}