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

{% import "@CadolesPortal/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 modedesktop==0 %}
    {% set stylegrid="" %}
{% elseif modedesktop==1 %}
    {% set stylegrid="grid-medium" %}
{% elseif modedesktop==2 %}
    {% set stylegrid="grid-small" %}
{% elseif modedesktop==3 %}
    {% set stylegrid="grid-list" %}    
{% endif %}

{% set colorbodyfont = "" %}
{% if entity.colorbodyfont is not null %}
    {% set colorbodyfont = "color: #" ~ entity.colorbodyfont %}
{% endif %}

{% if app.user %}
    {% set username = app.user.username %}
{% else %}
    {% set username = "" %}
{% endif %}

{%if mini %}
    <div class="widget widget-mini widget-itemessential" data-id="{{ entity.id }}" loc="{{ entity.loc }}">
        <div class="widgetheader">
            <a style="cursor:pointer" onClick="bigWidget({{entity.id}})">
            {% if entity.icon %}
                <img src="/{{ alias }}/{{ entity.icon.label }}" class="logo" title="{{ entity.name }}"/>
            {% else %}
                <img src="/{{ alias }}/uploads/icon/icon_pin.png" class="logo" title="{{ entity.name }}"/>
            {% endif %}
            </a>
        </div>
    </div>    
{% else %}
    <div class="widget {%if entity.border %} widget-bordered {%else%} widget-notbordered {%endif%} widget-itemessential" data-id="{{ entity.id }}" loc="{{ entity.loc }}" style="{{ stylewidget }}" height="{{ entity.height }}px">
        <div class="widgetmenu">
            {% if canadd %}
            <i class="fas fa-text-height" title="Changer taille des items" onClick="changeWidget({{ entity.id }},'modedesktop',{{modedesktop}})" style="{{ stylewidgetmenu }}"></i>
            {% endif %}

            {% 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 canadd and access!="config"%}
                <a title="Ajouter une Application" href="{{ path('cadoles_portal_user_page_application') }}">
                <i class="fa fa-plus fa-fw" style="{{ stylewidgetmenu }}"></i>
                </a>
            {% 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="/{{ alias }}/{{ entity.icon.label }}" class="logo"/>
            {% else %}
                <img src="/{{ alias }}/uploads/icon/icon_pin.png" class="logo"/>
            {% endif %}
            <span class="title">{{ entity.name }}</span>
        </div>

        {% if canadd or bookmarks is not empty or items is not empty %}
        <div class="widgetbody" style="{{ stylewidgetbody }}">
            <div class="grid clearfix">
                <div class="grid-sizer {{ stylegrid }}"></div>
                <div class="grid-gutter-sizer"></div>

                {% for bookmark in bookmarks %}
                    {% if bookmark.item %}
                        <div class="grid-item {{ stylegrid }}" data-idcategory="bookmark" data-title="{{ bookmark.item.title|lower }}">
                            <div class="grid-item-content" style="background-color: {{ bookmark.item.color ? "#"~bookmark.item.color : '#'~colormain }};">
                                {% if bookmark.item.content %}
                                <a  style="cursor:pointer" class="item-preview"><i style="color: #FFF" class="fa fa-info" title="Informations sur ce service"></i></a>
                                {% endif %}
                                {% if canadd %}
                                <a  style="cursor:pointer"  onClick="delBookmark({{ bookmark.id }})"  class="item-heart"><i style="color: #FFF" class="fa fa-trash" title="Supprimer des favoris"></i></a>
                                {% endif %}

                                {% if bookmark.item.target == 'frame' %}
                                    <a class="linktosonde" data-sonde="{{ bookmark.item.title }}" style="cursor:pointer" onClick="showFrameitem('bookmark{{ bookmark.item.id }}','{{ bookmark.item.url|replace({'#login#': username}) }}')">
                                {% elseif bookmark.target == "_self" %}
                                    <a class="linktosonde" data-sonde="{{ bookmark.item.title }}" href="{{ bookmark.item.url|replace({'#login#': username}) }}" target="{% if access=="user" %}_top{% else %}{{ bookmark.item.target }}{% endif %}">
                                {% else %}
                                    <a class="linktosonde" data-sonde="{{ bookmark.item.title }}" href="{{ bookmark.item.url|replace({'#login#': username}) }}" target="{{ bookmark.item.target }}">
                                {% endif %}

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

                                    <div class="grid-item-title">
                                        <h2>{{ bookmark.item.title }}</h2>
                                        <span>{{ bookmark.item.subtitle|nl2br }}</span>
                                        {% if not bookmark.item.badgeurl is empty %}
                                            <div style="margin-top:5px;text-align:center;{% if stylegrid == "grid-list"%} float: right;position: absolute;top: 10px;right: -50px; {%endif%}">
                                                <div class="itembadgeurl badge badge-pill" data-url="{{bookmark.item.badgeurl}}" style="background-color: #ffffff; color: {{ bookmark.item.color ? "#"~bookmark.item.color : '#'~colormain }};"></div>
                                            </div>
                                        {% endif %}                                        
                                    </div>                    
                                </div>
                                </a>

                                <div class="grid-item-body" style="display:none">
                                {{ bookmark.item.content|raw }}
                                </div>                                    
                            </div>
                        </div>
                    {%else%}
                        <div class="grid-item {{ stylegrid }}">
                            <div class="grid-item-content" style="background-color: {{ bookmark.color ? "#"~bookmark.color : '#'~colormain }};">
                                <a  style="cursor:pointer" onClick="modBookmark({{ bookmark.id }})" class="item-update"><i style="color: #FFF" class="fa fa-file" title="Modifier le favori"></i></a>
                                <a  style="cursor:pointer"  onClick="delBookmark({{ bookmark.id }})"  class="item-heart"><i style="color: #FFF" class="fa fa-trash" title="Supprimer le favori"></i></a>

                                {% if bookmark.target == 'frame' %}
                                    <a class="linktosonde" data-sonde="{{ bookmark.title }}" style="cursor:pointer" onClick="showFrameitem('bookmark{{ bookmark.id }}','{{ bookmark.url|replace({'#login#': username}) }}')">
                                {% elseif bookmark.target == "_self" %}
                                    <a class="linktosonde" data-sonde="{{ bookmark.title }}" href="{{ bookmark.url|replace({'#login#': username}) }}" target="{% if access=="user" %}_top{% else %}{{ bookmark.target }}{% endif %}">
                                {% else %}
                                    <a class="linktosonde" data-sonde="{{ bookmark.title }}" href="{{ bookmark.url|replace({'#login#': username}) }}" target="{{ bookmark.target }}">
                                {% endif %}

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

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


                {% for item in items %}
                    <div class="grid-item {{ stylegrid }}" data-idcategory="{{ item.itemcategory.id }}" data-iditem="{{ item.id }}">
                        <div class="grid-item-content" style="background-color: {{ item.color ? "#"~item.color : '#'~colormain }};">
                            {% if item.content %}
                            <a  style="cursor:pointer" class="item-preview"><i style="color: #FFF" class="fa fa-info" title="Informations sur ce service"></i></a>
                            {% endif %}
                            {% if canadd %}
                            <a  style="cursor:pointer"  onClick="heartBookmark({{ item.id }})"  class="item-heart"><i style="color: #FFF" class="fa fa-heart" title="Ajouter aux favoris"></i></a>
                            {% endif %}
                            
                            {% 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 class="linktosonde" data-sonde="{{ item.title }}" style="cursor:pointer" onClick="showFrameitem({{ item.id }},'{{ item.url|replace({'#login#': username}) }}')">
                                {% elseif item.target == "_self" %}
                                    <a class="linktosonde" data-sonde="{{ item.title }}" href="{{ item.url|replace({'#login#': username}) }}" target="{% if access=="user" %}_top{% else %}{{ item.target }}{% endif %}">
                                {% else %}
                                    <a class="linktosonde" data-sonde="{{ item.title }}" 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="/{{ alias }}/{{ item.icon.label }}">
                                    {% else %}
                                        <img class="grid-item-img" height="110" src="/{{ alias }}/uploads/icon/icon_pin.png">
                                    {% endif %}
                                </div>

                                <div class="grid-item-title">
                                    <h2>{{ item.title }}</h2>
                                    <span>{{ item.subtitle|nl2br }}</span>
                                    {% if not item.badgeurl is empty %}
                                        <div style="margin-top:5px;text-align:center;{% if stylegrid == "grid-list"%} float: right;position: absolute;top: 10px;right: -50px; {%endif%}">
                                            <div class="itembadgeurl badge badge-pill" data-url="{{item.badgeurl}}" style="background-color: #ffffff; color: {{ item.color ? "#"~item.color : '#'~colormain }};"></div>
                                        </div>
                                    {% endif %}                                      
                                </div>                    
                            </div>
                            </a>

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

                {% if canadd %}
                    <div class="grid-item {{ stylegrid }}">
                        <div class="grid-item-content" style="background-color: #{{colormain}};cursor:pointer;">
                            <a title="Ajouter une Application" href="{{ path('cadoles_portal_user_page_application') }}">
                                <div class="item-link clearfix">
                                    <div class="grid-item-logo">
                                        <img class="grid-item-img imageshadow" height="110" src="/{{ alias }}/uploads/icon/icon_add.png">
                                    </div>
                                    <div class="grid-item-title">
                                        <h2>Ajouter</h2>
                                        <span>Ajouter une Application</<span>
                                    </div>                              
                                </div>
                            </a>
                        </div>
                    </div>                    
                {% endif %}              
            </div>
        </div>
        {% endif %}
    </div>
{% endif %}