<a name="modules"></a>{% if userModuleList is defined and userModuleList|length > 0 %}    <div class="moduleHeader">        <div class="componentLogoSmall">🧩</div>        <div class="serviceTitle"><h3>{{ 'module.installed_modules'|trans }}</h3></div>    </div>    <div class="userModuleList">{% endif %}    {% set userModulesIds = [] %}    {% if userModuleList is defined and userModuleList|length > 0 %}        {% for userModule in userModuleList %}          {% if userModule.isLive == 1 %}            {% set userHasModule = false %}            {% set localisedModuleName = ('module.' ~ userModule.action)|trans %}            {% for module in moduleList %}                {% if userModule.moduleId == module.moduleId %}                    {% set userHasModule = true %}                {% endif %}            {% endfor %}            {% if userHasModule %}    {#            <br>QQW userHasModule#}                {% set userModulesIds = userModulesIds|merge([userModule.moduleId]) %}                <div class="modulePanel">                    <a href="{{ path('root') }}{{ userModule.action }}" class="bigPlainLink">    {#                    <span class="moduleIcon"><img src="{{ asset('images/' ~ userModule.image) }}" alt="" width="50px"></span>#}                        <span class="componentLogo">{{ userModule.image }}</span>                        <span class="moduleTitle2">{{ localisedModuleName }}</span>                    </a>                </div>            {% endif %}          {% endif %}        {% endfor %}    {% endif %}    {% if userModulesIds|length == 0 and app.session.get('user') %}        {{ 'module.no_module'|trans }}    {% endif %}{% if userModuleList is defined and userModuleList|length > 0 %}    </div>{% endif %}<div class="moduleList">    {% set availableModulesCount = 0 %}    <table class="moduleHeader">        <tr>            <td class="componentLogoSmall">🧩</td>{#            <td class="moduleLogo"><img src="{{ asset('images/modules.png') }}" alt="" width="50px"></td>#}            <td class="serviceTitle"><h3>{{ 'module.available_modules'|trans }}</h3></td>        </tr>    </table>    {% for module in moduleList %}        {% if module.moduleId not in userModulesIds and module.isLive == 1 %}            {% set localisedModuleName = ('module.' ~ module.action)|trans %}            {% set localisedModuleDescription = ('module.' ~ module.action ~ '_description')|trans %}            {% set localisedModuleDescription2 = ('module.' ~ module.action ~ '_description2')|trans %}            {% if app.session.get('user') %}                {% set installPath = 'installModule/' ~ module.moduleId %}                {% set landingPath = path('root') ~ module.action %}            {% else %}                {% if service %}                    {% set installPath = 'newaccount?addService=' ~ service.serviceId ~ '&addModule=' ~ module.moduleId %}                {% else %}                    {% set installPath = 'newaccount?addModule=' ~ module.moduleId %}                {% endif %}                {% if module.registerUrl and module.registerUrl != '' %}                    {% set landingPath = path('root') ~ module.registerUrl %}                {% elseif module.landingUrl and module.landingUrl != '' %}                    {% set landingPath = path('root') ~ module.landingUrl %}                {% else %}                    {% set landingPath = path('root') ~ 'module/' ~ module.moduleId %}                {% endif %}            {% endif %}            <div class="modulePanel">{#                <span class="moduleIcon"><img src="{{ asset('images/' ~ module.image) }}" alt="" width="50px"></span>#}                <span class="componentLogo">{{ module.image }}</span>                <span class="moduleTitle">{{ localisedModuleName }}</span>                <div class="moduleMenu">                    <div>                        {% if localisedModuleDescription != 'module.' ~ module.action ~ '_description' or module.backgroundImage %}                            <a href="#void" id="moduleLink_{{ module.moduleId }}" class="moduleButtonLinkMore">{{ 'service.info'|trans }}</a>                        {% endif %}                        <a href="{{ path('root') ~ installPath }}" class="moduleButtonLink">{{ 'service.install'|trans }}</a>                    </div>                </div>                <div id="moduleDescription_{{ module.moduleId }}" class="moduleDescription">                    {% if localisedModuleDescription != 'module.' ~ module.action ~ '_description' %}                        <div>{{ localisedModuleDescription }}</div>                    {% endif %}                    {% if module.backgroundImage %}                        <div class="moduleBackground"><img src="{{ asset('images/' ~ module.backgroundImage) }}" alt="" width="100%"></div>                    {% endif %}                    {% if localisedModuleDescription2 != 'module.' ~ module.action ~ '_description2' %}                        <div>{{ localisedModuleDescription2 }}</div>                    {% endif %}                </div>            </div>            <script>                $( "#moduleDescription_{{ module.moduleId }}" ).hide();                $( "#moduleLink_{{ module.moduleId }}" ).click(function() {                    $( "#moduleDescription_{{ module.moduleId }}" ).slideToggle( "slow" );                });            </script>            {%  set availableModulesCount = availableModulesCount + 1 %}        {% endif %}    {% endfor %}</div>