{% extends "layout-distributors.html.twig" %}
{% block title %}Novamar Insurance System{% endblock %}
{% block stylesheets %}
{{ parent() }}
	{{encore_entry_link_tags('dashboardComponentCSS')}}
	{{encore_entry_link_tags('jqueryFilerCSS')}}
	<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">
   	<style>
		.card-panel{padding: 0 0px 20px 0px}
   	</style>
{% endblock %}
{% block body %}
{{ include("distributors/nav_menu.twig",{option:'distributor_home'}) }}
{{ include('components/dashboard-component.html.twig') }} 
{% endblock %}

{% block javascripts %}
    <!-- jQuery -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js" ></script>
	
	<script  type="text/javascript" src="{{asset('js/distributors/index.js')}}" defer></script>
	{% if app.environment == 'prod' %}    
	<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 %}
	<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js" defer></script>
	<script src="{{asset('js/complements/jquery.filer.min.js')}}" defer></script>
  	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.js" defer></script>
	<script src="{{asset('js/complements/dashboardInformationChartsCreator.js')}}" defer></script>
	<script src="{{asset('js/complements/dasboardInformationProcessorsForCharts.js')}}" defer></script>
	<script src="{{asset('js/complements/dashboardComponent.js')}}" defer></script>
{% endblock %}