{% set layout = userData.role != 'ROLE_DISTRIBUTOR' ? 'base.html.twig' : 'layout-distributors.html.twig' %}
{% extends layout %}
{% block title %}Tourist Auto - NIS
{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    {{encore_entry_link_tags('mainCSS')}}
    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/touristsquote_styles.css' media='all' rel='stylesheet' type='text/css'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/tablas_cotizador.css' rel='stylesheet'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/botones_cotizador.css' rel='stylesheet'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/font-awesome.min.css' rel='stylesheet'>
    {# <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/fonts.css' media='all' rel='stylesheet' type='text/css'> #}
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/nav-right.css' media='all' rel='stylesheet' type='text/css'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/default.css' media='all' rel='stylesheet' type='text/css'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/fixed-1024.css' media='only screen and (min-width: 1024px) and (max-width: 90000px)' rel='stylesheet' type='text/css'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/fixed-768.css' media='only screen and (min-width: 768px) and (max-width: 1023px)' rel='stylesheet' type='text/css'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/fixed-480.css' media='only screen and (min-width: 480px) and (max-width: 767px)' rel='stylesheet' type='text/css'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/fixed-320.css' media='only screen and (min-width: 0px) and (max-width: 479px)' rel='stylesheet' type='text/css'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/Responsivo/stack.css' media='only screen and (min-width: 0px) and (max-width: 479px)' rel='stylesheet' type='text/css'>
    <link href='https://auto-insurance-ana.com/Turistas/Styles/blitzer/jquery-ui-1.10.3.custom.css' rel='stylesheet'/>
    <style>
    .f1{width:95%!important;text-align: center;}
    .f4{padding-right:120px!important;}
    .container-fluid {
    margin-left: -120px;
    margin-right: 15px;
    padding-left: 110px;
}
div#divCoberturas {
    margin-right: 10%!important;
}
.f4 .four {
    width: 173px!important;}
.f4 .three-four {width: 424px;}
.f4 .two-four {width: 676px;}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) {
.row .col.m12 {
    width: 135%!important;}
    .container-fluid {
    margin-left: -134px;
    margin-right: 115px;
    padding-left: 80px;
}
.side-nav.fixed {display: none!important;}
.main{padding-left:0px!important;} 
  
}
select {
    display: block!important;
}
</style>
{% endblock %}
{% block body %}
    {{ include("mx/nav_menu.twig",{option:'new_record'}) }}
    <div class="clearfix"></div><br>
    <main>
        <div class="row" id="main">
            <div class="col-12" v-show="showForm">
                <div class="white z-depth-1" style="border-top:4px solid orange;">
                    <div class="container-fluid ">
                        <h5 class="center-align">Tourist Auto Form</h5>
                        <div id='PnlTuristas' class="w3-row"></div>
                    </div>
                </div>
            </div>
        </div>
    </main>
{% endblock %}
{% block javascripts %}
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" defer></script>
    {# <script defer>
        var oldJQuery = jQuery.noConflict(true);
    </script> #}
    <script defer src="https://auto-insurance-ana.com/Turistas/Scripts/jQuery/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
    <script defer src="https://auto-insurance-ana.com/Turistas/Scripts/ASHT/jQuery.ASHT_CORE.js" type="text/javascript"></script>
    <script defer src="https://auto-insurance-ana.com/Turistas/Scripts/TopZindex/jquery.topzindex.js" type="text/javascript"></script>
    <script defer src="https://auto-insurance-ana.com/Turistas/Scripts/Turistas/Script.js" type="text/javascript"></script>
   
    {# <script type="text/javascript" src="{{ app.asset_path }}/assets/js/products/turistas.js" defer></script> #}
 
     <script  type="text/javascript" src="{{asset('js/products/turistas.js')}}" defer></script>
        <script defer>
        $(document).ready(function () {
            Login.Parametros.name = "PnlTuristas";
            Login.Parametros.Negocio = "gt462nwfrq34Hhc843756HK1AS45u3vD";
            Login.Iniciar();
        });
    </script>
{% endblock %}