{#
 # For the full copyright and license information, please view the
 # docs/licenses/LICENSE.txt file that was distributed with this source code.
 #}
{% set lightDisplay = lightDisplay is defined ? lightDisplay : app.request.query.get('liteDisplaying', false) %}
{% set showContentHeader = showContentHeader is defined ? showContentHeader : true %}
{% set layoutHeaderToolbarBtn = layoutHeaderToolbarBtn is defined ? layoutHeaderToolbarBtn : [] %}
{% set metaTitle = meta_title is defined ? meta_title : (layoutTitle is defined ? layoutTitle : '') %}

{% extends (lightDisplay ? '@PrestaShop/Admin/Layout/light_layout.html.twig' : '@PrestaShop/Admin/Layout/default_layout.html.twig') %}

{% block javascripts %}
  <script src="{{ asset('themes/default/js/bundle/default.js') }}"></script>
  <script src="{{ asset('themes/default/js/bundle/right-sidebar.js') }}"></script>
  <script src="{{ asset('themes/new-theme/public/form_popover_error.bundle.js') }}"></script>
{% endblock %}

{% block translate_javascripts %}
  <script>
    var translate_javascripts = {{ js_translatable|json_encode()|raw }};
    var PS_ALLOW_ACCENTED_CHARS_URL = {{ configuration('PS_ALLOW_ACCENTED_CHARS_URL')|intCast }};
  </script>
{% endblock %}

{% block content_header %}
  {{ block('session_alert') }}
{% endblock %}

{% block session_alert %}
  {% macro alert(type, flashbagContent) %}
    <div class="alert alert-{{ type }} d-print-none" role="alert">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true"><i class="material-icons">close</i></span>
      </button>
      {% if flashbagContent|length > 1 %}
        <ul class="alert-text">
          {% for flashMessage in flashbagContent %}
            <li>{{ flashMessage|raw_purified }}</li>
          {% endfor %}
        </ul>
      {% else %}
        <div class="alert-text">
          {% for flashMessage in flashbagContent %}
            <p>{{ flashMessage|raw_purified }}</p>
          {% endfor %}
        </div>
      {% endif %}
    </div>
  {% endmacro %}
  {% import _self as layout %}

  {% if app.session.flashbag.peek('error')|length() > 0 %}
    {{ layout.alert('danger', app.session.flashbag.get('error')) }}
  {% endif %}
  {% if app.session.flashbag.peek('failure')|length() > 0 %}
    {{ layout.alert('danger', app.session.flashbag.get('failure')) }}
  {% endif %}
  {% if app.session.flashbag.peek('success')|length() > 0 %}
    {{ layout.alert('success', app.session.flashbag.get('success')) }}
  {% endif %}
  {% if app.session.flashbag.peek('warning')|length() > 0 %}
    {{ layout.alert('warning', app.session.flashbag.get('warning')) }}
  {% endif %}
  {% if app.session.flashbag.peek('info')|length() > 0 %}
    {{ layout.alert('info', app.session.flashbag.get('info')) }}
  {% endif %}
{% endblock %}

{% block sidebar_right %}
  <nav
    id="right-sidebar"
    role="navigation"
    class="col-lg-3 sidebar sidebar-right sidebar-animate text-sm-center"
  >
    <img
      src="{{ asset('themes/default/img/bundle/dashboard_loading.gif') }}"
      style="margin-top: 10em;" alt="{{ 'Loading...'|trans({}, 'Admin.Global') }}"
    />
  </nav>
{% endblock %}
