{% set layout = userData.role != 'ROLE_DISTRIBUTOR' ? 'base.html.twig' : 'layout-distributors.html.twig' %}
{% extends layout %}
{% block title %}Policies by status | NIS{% endblock %}
{% block stylesheets %} 
	{{ parent() }}
	{{encore_entry_link_tags('mainCSS')}}
  <link rel="stylesheet" href="https://unpkg.com/placeholder-loading/dist/css/placeholder-loading.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.css">
 {{encore_entry_link_tags('policyStatusCSS')}}
  <style>.card-panel{padding: 0 0px 20px 0px}</style>
{% endblock %}
{% block body %}
{% if userData.role != "ROLE_DISTRIBUTOR" %}
    {{ include("mx/nav_menu.twig", {option:'policiesByStatus'} ) }}
{% else %}
    {{ include("distributors/nav_menu.twig", {option:'policiesByStatus'}) }}
{% endif %}
  {{ include('components/policiesByStatusComponent.html.twig') }} 
{% endblock %}
{% block  javascripts %}		
	 <!-- jQuery -->
	 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></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 %}
    	{% if userData.role !='ROLE_DISTRIBUTOR'  %}<script src="{{ asset('js/main.js') }}" defer></script> {% endif %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.full.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.js"></script>
    <script src="{{asset('js/complements/policiesByStatusComponent.js')}}" defer></script>
{% endblock %}