{% set layout = userData.role != 'ROLE_DISTRIBUTOR' ? 'base.html.twig' : 'layout-distributors.html.twig' %}
{% extends layout %}
{% block title %}Homeowners - NIS{% endblock %}
{% block stylesheets %} 
	{{ parent() }}
    {{encore_entry_link_tags('mainCSS')}}
	{{encore_entry_link_tags('wizardCSS')}}
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
	{{encore_entry_link_tags('homeCSS')}}
	<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
{% endblock %}
{% block body %}
	{{ include('./components/full-loader-container.html.twig') }}
	{% if userData.role != 'ROLE_DISTRIBUTOR' %}
		{{ include("mx/nav_menu.twig",{option:'new_record'}) }}
	{% else %}
		{{ include("distributors/nav_menu.twig", {option:''}) }}
	{% endif %}
	<div class="clearfix"></div><br>
	{{ include('mx/forms/homeowners-form-component.html.twig') }}
	{# modal para la verificacion de los datos del cliente #}
	{{ include('mx/modals/validate-client-info-modal.html.twig') }}
	{{ include('mx/modals/incorrect-renewal-alert-modal.twig') }}
	{{ include('mx/step-template.html') }}
	{{ include('components/ecommerce-mit.twig') }}
	{% if distributorType is defined and distributorType == 'Producer US' %}
		{{ include('distributors/modals/modal-broker-fee.html.twig') }}
	{% endif %}
{% endblock %}
{% block javascripts %}		
	 <!-- jQuery -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js" ></script>
	<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 %}
	<!--Validate-->	
	<script  type="text/javascript" src="{{asset('js/libraries/jquery-validate.js')}}" defer></script>
	<!--Steps-->
	<script type="text/javascript" src="{{asset('js/complements/step-component.js')}}" defer></script>	
	<script src="{{asset('js/complements/validInformationService.js')}}" defer></script>
	<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&key=AIzaSyArJXJ0pSlScH82NkwMdz5rwJs1fKZWYps" async defer></script>

	<script type="text/javascript" src="{{asset('js/complements/jquery-number.js')}}"></script>
	<script src="{{asset('js/complements/about-us-list.js')}}" defer></script>
	{% if distributorType is defined and distributorType == 'Producer US' %}
		<script  type="text/javascript" src="{{asset('js/distributors/broker-fee.js')}}" defer></script>
	{% endif %}	
	<script src="{{asset('js/products/homeowners-vue.js')}}" defer></script>		
	<script type="text/javascript" src="{{asset('js/complements/mitPay.js')}}" defer></script>
	<script src="{{asset('js/complements/simulateDistChecker.js')}}" defer></script>

{% endblock %}