{% set layout = userData.role != 'ROLE_DISTRIBUTOR' ? 'base.html.twig' : 'layout-distributors.html.twig' %}
{% extends layout %}
{% block title %}Tourist Auto Multi Quoter - 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">
	<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
	<link rel="stylesheet" href="https://unpkg.com/vuejs-datepicker/dist/vuejs-datepicker.css">
	{{encore_entry_link_tags('TA-multi-quoterCSS')}}
	<style type="text/css">
	.hide{
		display: none;
	}
	table{
		width: 100%;
        border-collapse: collapse;
	}
	</style>
	
{% 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 %}
	
	{{ include("mx/forms/tourist-auto-multiquoter-component.html.twig",{form:form, insuredName:insuredName, companyName:companyName, salePerson:salePerson, paymentTypeMode:paymentTypeMode}) }}
	{{ include('mx/step-template.html') }}
	{{ include('mx/modals/incorrect-renewal-alert-modal.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>
	<!--Vue-->
	 {% 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 %}
	<script src="https://unpkg.com/vuejs-datepicker" defer></script>	

	{% 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>
	<!--Api Google-->
	<script src="http://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyArJXJ0pSlScH82NkwMdz5rwJs1fKZWYps" defer></script>
	<!--Alertas-->
	<script src="https://unpkg.com/sweetalert2@7.14.0/dist/sweetalert2.all.js" defer></script>
	<script src="{{asset('js/complements/about-us-list.js')}}" defer></script>
	<script type="text/javascript" src="{{asset('js/products/tourist-auto-qualitas-ws.js')}}" defer></script>
	<script src="{{asset('js/complements/simulateDistChecker.js')}}" defer></script>
	{% if userData.role =='ROLE_DISTRIBUTOR'  %}
   		<script  type="text/javascript" src="{{asset('js/distributors/broker-fee.js')}}" defer></script>
	{% endif %}


{% endblock %}