{% set layout = userData.role != 'ROLE_DISTRIBUTOR' ? 'base.html.twig' : 'layout-distributors.html.twig' %}
{% extends layout %}
{% block title %}Utilities by product - NIS{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{encore_entry_link_tags('mainCSS')}}
{{encore_entry_link_tags('utilitiesCSS')}}
{# <link href="{{ app.asset_path }}/assets/js/toaster/toastr.css" rel="stylesheet"/> #}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Abel&display=swap" rel="stylesheet">

{% endblock %}
{% block body %}
{# {{ include('full-loader-container.twig') }} #}
{% if userData.role != "ROLE_DISTRIBUTOR" %}
{{ include("mx/nav_menu.twig", {option:'utilities'} ) }}
{% else %}
    {{ include("distributors/nav_menu.twig", {option:'utilities'}) }}
{% endif %}
{{ include("components/utilities-component.twig") }}
{% endblock %}
{% block javascripts %}

<script  type="text/javascript" src="{{asset('js/main.js')}}" defer></script>
<script  type="text/javascript" src="{{asset('js/complements/json-faqs.js')}}" defer></script>
<script  type="text/javascript" src="{{asset('js/complements/utilitiesByProduct.js')}}" defer></script>
 {% if app.environment != 'dev' %}    
    <script type="text/javascript" src="https://unpkg.com/vue@2.3.4/dist/vue.min.js"></script>
    {% else %}
    <script type="text/javascript" src="https://unpkg.com/vue@2.3.4/dist/vue.js"></script>
    {% endif %}
{% endblock %}