{% set layout = userData.role != 'ROLE_DISTRIBUTOR' ? 'base.html.twig' : 'layout-distributors.html.twig' %}
{% extends layout %}
{% block title %}Boat Full Coverage - NIS{% endblock %}
{% block stylesheets %} 
	{{ parent() }}
	{{encore_entry_link_tags('mainCSS')}}
	{{encore_entry_link_tags('stepyCSS')}}
	{{encore_entry_link_tags('bfcCSS')}}
	<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
	<style type="text/css">
		{% if userData.role =='ROLE_USER_US' %}
			main{padding-left: 0px !important;}
		{% endif %}
	</style>
{% endblock %}
{% block body %}
	{{ include("mx/forms/boat-full-coverage-component.twig",{form:form}) }}
{% 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 %}
	<!--Validate-->	
	<script  type="text/javascript" src="{{asset('js/libraries/jquery-validate.js')}}" defer></script>
	<script type="text/javascript" src="{{asset('js/complements/jquery.stepy.min.js')}}" defer></script>
    <script src="{{asset('js/complements/validInformationService.js')}}"></script>
	<script src="{{asset('js/complements/about-us-list.js')}}" defer></script>	
	<script src="{{ asset('js/libraries/jquery-mask.js') }}" defer></script>
	<script src="{{asset('js/complements/jquery-number.js')}}" defer></script>
	<script src="{{ asset('js/products/boat-full-coverage.js')}}"></script>
{% endblock %}