{% set theme = app.session.get('theme') %}
{% if theme is not empty %}
    {{ include('@Theme/'~theme~'/function.html.twig') }}
{% endif %}

{% import "Pagewidget/constants.twig" as constants %}

{% set colormain = constants.mycolormain() %}
{% set stylewidget = constants.mystylewidget(entity) %}
{% set stylewidgetmenu = constants.mystylewidgetmenu(entity) %}
{% set stylewidgetheader = constants.mystylewidgetheader(entity) %}
{% set stylewidgetbody = constants.mystylewidgetbody(entity) %}

{%if mini %}
    <div class="widget widget-mini widget-projalertect" data-id="{{ entity.id }}" loc="{{ entity.loc }}">
        <div class="widgetheader">
            <a style="cursor:pointer" onClick="bigWidget({{entity.id}})">
            {% if entity.icon %}
                <img src="{{ asset(entity.icon.label) }}" class="logo" title="{{ entity.name }}"/>
            {% else %}
                <img src="{{ asset("uploads/icon/icon_pin.png") }}" class="logo" title="{{ entity.name }}"/>
            {% endif %}
            </a>
        </div>
    </div>    
{% else %}
    {% if canupdate or alerts|length>0 %}
        <div class="widget {%if entity.border %} widget-bordered {%else%} widget-notbordered {%endif%} widget-alert" data-id="{{ entity.id }}" loc="{{ entity.loc }}" style="{{ stylewidget }}" height="{{ entity.height }}px">
            <div class="widgetmenu">
                {% if canupdate %}
                <i class="fa fa-trash fa-fw" title="Supprimer le Widget" onClick="delWidget({{ entity.id }})" style="{{ stylewidgetmenu }}"></i>
                <i class="fa fa-file fa-fw" title="Modifier le Widget" onClick="modWidget({{ entity.id }})" style="{{ stylewidgetmenu }}"></i>
                {% endif %}

                {% if look=="list" %}
                <i class="glyphicon glyphicon-resize-small" title="Réduire le Widget" onClick="smallWidget({{ entity.id }})" style="{{ stylewidgetmenu }}"></i>
                {% else %}
                <i class="glyphicon glyphicon-resize-full" title="Agrandir le Widget" onClick="bigWidget({{ entity.id }})" style="{{ stylewidgetmenu }}"></i>
                {% endif %}                 
            </div>
            


            <div class="widgetheader" style="{{ stylewidgetheader }}">
                {% if entity.icon %}
                    <img src="{{ asset(entity.icon.label) }}" class="logo"/>
                {% else %}
                    <img src="{{ asset("uploads/icon/icon_pin.png") }}" class="logo"/>
                {% endif %}
                <span class="title">{{ entity.name }}</span>
            </div>

            <div class="widgetbody" style="{{ stylewidgetbody }}">
                {% for alert in alerts %}
                    <div id="alert-{{ alert.id }}" class="card list-item" style="background: {{ alert.alertcategory.color ? '#'~alert.alertcategory.color : '#'~colormain }};">
                        <div class="card-header" role="tab">
                            {% if alert.alertcategory.icon %}
                                <img height="25" src="{{ asset(alert.alertcategory.icon.label) }}">
                            {% else %}
                                <img height="25" src="{{ asset("uploads/icon/icon_megaphone.png") }}">
                            {% endif %}   

                            {{ alert.title }}
                            {% if alert.fghideable and app.user %}
                            &nbsp;<a onClick="hideAlert({{alert.id}})" style="cursor:pointer;" title="Ne plus afficher"><i class="fa fa-eye-slash"></i></a>
                            {%endif%}

                        </div>
                    
                        <div class="card-body">
                            <div class="widget-ckeditor">{{ alert.content|raw }}</div>

                            {% if not alert.items is empty %}
                                {% if app.user %}
                                    {% set username = app.user.username %}
                                {% else %}
                                    {% set username = "" %}
                                {% endif %}

                                <div class="grid clearfix fitWidth" style="width:auto; margin: 0 auto;">
                                    <div class="grid-sizer grid-small"></div>
                                    <div class="grid-gutter-sizer"></div>

                                    {% for item in alert.items %}
                                        <div class="grid-item grid-list">
                                            <div class="grid-item-content" style="background-color: {{ item.color ? "#"~item.color : '#'~colormain }};">
                                                {% if item.protected and not app.user %}
                                                    {% if mode_auth == "SAML" %}
                                                        <a href="{{ path('lightsaml_sp.login') }}" {% if access=="user" %}target="_top"{% endif %}>
                                                    {% elseif mode_auth == "CAS"  %}
                                                        <a href="{{ path('cas_sp.login') }}" {% if access=="user" %}target="_top"{% endif %}>
                                                    {% elseif mode_auth == "MYSQL"  %}
                                                        <a href="{{ path('cnous_portal_user_login') }}" {% if access=="user" %}target="_top"{% endif %}>
                                                {% endif %}
                                                
                                                {% else %}
                                                    {% if item.target == 'frame' %}
                                                        <a style="cursor:pointer" onClick="showFrameitem({{ item.id }},'{{ item.url|replace({'#login#': username}) }}')">
                                                    {% elseif item.target == "_self" %}
                                                        <a href="{{ item.url|replace({'#login#': username}) }}" target="{% if access=="user" %}_top{% else %}{{ item.target }}{% endif %}">
                                                    {% else %}
                                                        <a href="{{ item.url|replace({'#login#': username}) }}" target="{{ item.target }}">
                                                    {% endif %}
                                                {% endif %}

                                                <div class="item-link clearfix">
                                                    <div class="grid-item-logo" title="{{ item.subtitle|nl2br }}">
                                                        {% if item.icon %}
                                                            <img class="grid-item-img" height="110" src="{{ asset(item.icon.label) }}">
                                                        {% else %}
                                                            <img class="grid-item-img" height="110" src="{{ asset("uploads/icon/icon_pin.png") }}">
                                                        {% endif %}
                                                    </div>

                                                    <div class="grid-item-title">
                                                        <h2>{{ item.title }}</h2>
                                                        <span>{{ item.subtitle|nl2br }}</<span>
                                                    </div>                    
                                                </div>
                                                </a>

                                                <div class="grid-item-body" style="display:none">
                                                {{ item.content|raw }}
                                                </div>
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            {% endif %}
                        </div>

                    </div>

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


