{% if js_check %}
<noscript>
    <style type="text/css">main {display: none;}</style>
    <ul class="list thick">
        <li>
            <span class="primary icon red">
                <i class="material-symbols">info</i>
            </span>
            <div>
                <p>{{ __('global.no_js') }}</p>
            </div>
        </li>
    </ul>
</noscript>
{% endif %}

<div role="status" id="snackbar" class="snackbar"></div>
<div role="status" id="status_websocket" class="snackbar hide">
    <ul class="list thick active">
        <li onclick="MovimWebsocket.init()">
            <span class="primary icon gray spin">
                <i class="material-symbols">progress_activity</i>
            </span>
            <span class="primary icon gray">
                <i class="material-symbols">cloud_sync</i>
            </span>
            <div>
                <p class="line two">
                    {{ __('error.websocket_connect') }}
                </p>
                <p class="line two">
                    {{ __('error.websocket') }}
                </p>
            </div>
        </li>
    </ul>
</div>
{{ widgets.Dialog|safe }}
{{ widgets.Drawer|safe }}
{{ widgets.Confirm|safe }}
{{ widgets.Preview|safe }}
{{ widgets.Notif|safe }}
{{ widgets.Toast|safe }}
{% if logged %}
    {{ widgets.Visio|safe }}
{% endif %}
<div id="endcommon" class="hide"></div>