{% extends 'base.html.twig' %}
{% block title %}Mexican Home Insurance - Novamar Insurance Mexico{% endblock %}
{% block metas %}    
<meta name="description" content="Our Mexican Home Insurance program offers the only insurance product that protects the buyer's investment and lender's interest in the event of total loss." />
    <meta name="keywords" content="mexican home insurance, mexico home insurance, home insurance in mexico, mexican insurance" />
    {# {{app.robots|raw}} #}
    <meta property="og:title" content="Mexican Home Insurance - Novamar Insurance Mexico" />
    <meta property="og:description" content="Our Mexican Home Insurance program offers the only insurance product that protects the buyer's investment and lender's interest in the event of total loss.">
    {# <meta property="og:image" content="{{ app.root }}web/assets/img/mx/Banner/Banner712x242Home.jpg" />
    <meta property="og:image:secure_url" content="{{ app.root }}web/assets/img/mx/Banner/Banner712x242Home.jpg" />
    <meta property="og:image:type" content="image/jpg" />
    <meta property="og:image:width" content="712" />
    <meta property="og:image:height" content="242">
    <meta property="og:url" content="{{ app.root }}"> #}
{% endblock %}
{% block css %}

     {{encore_entry_link_tags('stepsCSS')}}
       {# Para select de phone number #}
    
    {{encore_entry_link_tags('homeFullRaterCSS')}}
    {# {{encore_entry_link_tags('intlTelInputCSS')}} #}
    {{encore_entry_link_tags('pricesTableCSS')}}
      <!-- TrustBox script -->
	<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
    {{encore_entry_link_tags('animationPageLoaderCSS')}}
    {{encore_entry_link_tags('trustpilotWidgetsCSS')}}

    {# {% if distributor != 'mexico' %}
    <link rel="canonical" href="{{ app.root }}insurance-services/homeowners-insurance-mexico">
    {% endif %}    
    <link rel="stylesheet" href="{{ app.asset_path }}/assets/update/css/product/homeowners-full-rater.css?v{{"now"|date("dmYHis")}}"> #}
    <style>
    
        a[href="#finish"] {
            background: #f36e03 !important;
        }
        .jumbotron.home {
            height: calc(100vh - 133px);
            position: relative;
        }
        #banner_HO{
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        #specialAigPlanName{
            position: absolute;
            left: 0;
            top: 0;
            padding: 5px 10px;
            color: white;
            font-size: 18px;
            font-weight: bold;
            background:#1E88E5;
            border-radius: 0 0 5px 0;
        }
        .plan-button-aig-special {
            font-size: 18px;
            line-height: 49px;
            background: #1E88E5;
            border-color: #0D47A1;
            cursor: pointer;
        }
        .plan-button-aig-special{
            position: relative;
            display: block;
            font-weight: 500;
            color: #fff;
            text-align: center;
            text-decoration: none;
            border-bottom: 2px solid #0D47A1;
            width: 100%;
        }
        @media(max-width: 991px){
            .jumbotron.home{
                height: calc(100vh - 113px);
            }
           
        }
         @media(max-width: 576px){
            .jumbotron-text{
                top:-120px;
            }
             .img-flex{
                max-height:130px;
            }
        }
        #form_entranceDateAux{
            cursor: pointer;
        }#form_entranceDateAux_label{
            font-weight: bold;
        }
        .img-flex{
            height:160px;
        }
    </style>
{% endblock %}
{% block body %}
    <div id="full-loading" class="d-none text-center">
       <img src="{{asset('img/load75x75.gif')}}" alt="loading" loading="lazy">
    </div>
    <div class="container mb-5 quoteForm">        
        <div class="row">
            <div class="col-12 text-center">
                 {% if distributorLink != 'mexico' %}
                    <input type="hidden" id="isDistributor" value="true"> 
                    {# solo se visualiza cuando la bandera se solo ver form esta en false #}
                    <div class="row" data-page-config="WOMAF.FANDL">
                        <div class="col-md-12 text-center">
                            <img id="distributorLogo" src="" class="img-flex">
                        </div>
                    </div>
                {% else %}
                    <input type="hidden" id="isDistributor" value="false">
                {% endif %}
                <div class="row mt-lg-4 mt-3" >
                    <div data-page-config="WMAF.WOMAF">
                        {{ include('components/trust-pilot-ranking.html.twig', { option : '' } ) }}
                    </div>
                    <div class="col-md-12 text-center">
                        <h2 class="" >Get Your Mexican Home Insurance</h2>
                        <div class="line-orange"></div>
                    </div>       
                </div>         
                <form class="form-inline" id="search-quote-number">
                    <input type="hidden" name="action" value="refill">
                    <div class="form-group d-inline-flex row col-12 mb-2">
                        <div class="col-12 col-md-6 d-flex">
                            <label for="refill">If you have your quote number use it here to fill the form again</label>
                            <a ><i class="fas fa-question-circle mx-2"></i></a>
                            {# data-bs-toggle="modal" data-bs-target="#modalQuote"  #}
                        </div>
                        <div class="col-7 col-md-4">
                            <input type="text" name="id_ho" id="refill" class="form-control input-sm">
                        </div>
                        <button type="button" class="btn btn-novamar input-sm col-4  col-md-2" id="search-quote" style="background-color:rgb(204, 74, 0)!important;">Fill</button>
                    </div>
                </form>               
            </div>            
        </div>
        <div class="row">                        
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <form id="form-home">
                    <div id="wizard">
                        <h2>User Information</h2>
                        <section>
                            <div class="row mb-2">
                                <div class="form-group col-12">
                                    <label class="subLabel">If you want to include additional insured, you must add it in the second step of the form</label><br>
                                    <small class="officialName ml-3">Alert: You must use your complete name as it appears on your passport</small>
                                </div>
                            </div>                            
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_firstName">Applicant´s First Name <span class="required">*</span></label>
                                    {{ form_widget(form.firstName,{'attr': {'class': 'form-control', 'placeholder' : 'First Name'} } ) }}
                                </div>
                                <div class="form-group col-xl-6" id="content_last_name">
                                    <label class="control-label" for="form_lastName">Applicant´s Last Name <span class="required">*</span></label>
                                    {{ form_widget(form.lastName,{'attr': {'class': 'form-control', 'placeholder' : 'Last Name'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_birthday">Date of Birth(mm/dd/yyyy) <span class="required">*</span></label>
                                    {{ form_widget(form.birthday,{'attr': {'class': 'form-control', 'placeholder':'mm/dd/yyyy', 'maxlength': '10', 'oninput': 'formatDate(this)'} } ) }}
                                </div>
                                <div class="form-group col-xl-6">
                                    <label for="form_phone">Phone<span class="required">*</span> </label><br>
                                        {{ form_widget(form.phone,{'attr': {'class': 'form-control phone-format', 'placeholder' : '10 digits - (000) 000-0000'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_email">Email <span class="required">*</span></label>
                                    {{ form_widget(form.email,{'attr': {'class': 'form-control' , 'placeholder' : 'example@domain.com'} } ) }}
                                </div>
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_occupation">Occupation <span class="required">*</span></label>
                                    {{ form_widget(form.occupation,{'attr': {'class': 'form-control', 'placeholder': 'Occupation'} } ) }}                                    
                                </div>
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_nationality">Nationality <span class="required">*</span></label>
                                    {{ form_widget(form.nationality,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                            </div>
                        </section>
                        <h2>Property Information</h2>
                        <section>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_address">Address <span class="required">*</span></label> 
                                    {{ form_widget(form.address,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_buildingNumber">Building Number <span class="required">*</span></label> 
                                    {{ form_widget(form.buildingNumber,{'attr': {'class': 'form-control', 'placeholder' : 'Building Number'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_unitNumber">Unit Number</label> 
                                    {{ form_widget(form.unitNumber,{'attr': {'class': 'form-control', 'placeholder' : 'Unit Number'} } ) }}
                                </div>
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_postalCode">Zip Code <span class="required">*</span></label> 
                                    {{ form_widget(form.postalCode,{'attr': {'class': 'form-control', 'placeholder':'Mexican Zip Code (5 digits)'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_county">Neighborhood <span class="required">*</span></label> 
                                    {{ form_widget(form.county,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_city">City/Municipality <span class="required">*</span></label> 
                                    {{ form_widget(form.city,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_state">State <span class="required">*</span></label> 
                                    {{ form_widget(form.state,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_numberStories"># of Stories<span class="required">*</span></label> 
                                    {{ form_widget(form.numberStories,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label class="control-label" for="form_yearConstruction">Year of Construction</label> 
                                    {{ form_widget(form.yearConstruction,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                                <div class="form-group col-xl-3">
                                    <label class="control-label" for="form_additionalInsured">Add other Insured? <span class="required">*</span></label>
                                    {{ form_widget(form.additionalInsured, {'attr' : { 'class':'form-control' }} ) }}
                                </div>
                                <div class="form-group col-xl-3 additionalInsuredsArea">
                                    <label class="control-label" for="form_cuantityAdditionalInsureds">How many insureds?<span class="required">*</span> </label>
                                    {{ form_widget(form.cuantityAdditionalInsureds,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-12 additionalInsuredsArea" id="additionalInsuredsContainer">                                    
                                </div>
                            </div>
                            <div class="row mb-2 d-none">
                                <div class="form-group col-xl-12">
                                    <label class="control-label">Applicant´s Other Insured</label>
                                    {{ form_widget(form.otherInsured,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label for="form_beneficiary">Lienholder/beneficiary (optional)</label>
                                </div>
                                <div class="form-group col-xl-6">
                                    {{ form_widget(form.beneficiary,{'attr': {'class': 'form-control', 'placeholder':'Lienholder/beneficiary'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label for="form_commercial">Is there any commercial or business activity inside your own house/condo(store, restaurant, shop, bar storage, etc) different from office?<span class="required">*</span></label>
                                </div>
                                <div class="form-group col-xl-6">
                                    {{ form_widget(form.commercial,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label for="form_premises" >Is there any construction in progress inside the premises?<span class="required">*</span> </label>
                                </div>
                                <div class="form-group col-xl-6">
                                    {{ form_widget(form.premises,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label for="form_motorhome">Is your property a motorhome or a mobile home converted in to a house? <span class="required">*</span> </label>
                                </div>
                                <div class="form-group col-xl-6">
                                    {{ form_widget(form.motorhome,{'attr': {'class': 'form-control'} } ) }}                                    
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label for="form_typeConstruction">Type of Construction? <span class="required">*</span> </label>
                                </div>                                
                                <div class="form-group col-xl-6">
                                    {{ form_widget(form.typeConstruction,{'attr': {'class': 'form-control'} } ) }}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="form-group col-xl-6">
                                    <label for="form_typeProperty">Home owner or Lessee? <span class="required">*</span> </label>
                                </div>
                                <div class="form-group col-xl-6">
                                    {{ form_widget(form.typeProperty,{'attr': {'class' : 'form-control'} } ) }}
                                </div>
                            </div>
                        </section>
                        <h2>Property Damage</h2>
                        <section>                            
                            <div id="property" style="display:none;">
                                <div class="row mb-2">
                                    <div class="form-group col-xl-6" id="building">
                                        <label class="control-label" for="form_buildingValue">Building Replacement Value <span class="required">*</span></label>
                                        <a data-toggle="modal" data-target="#modalBuilding"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                        <div class="input-group">
                                            <span class="input-group-addon"></span>
                                            {{ form_widget(form.buildingValue,{'attr': {'class' : 'form-control number-format' } } ) }}
                                            <span class="input-group-addon">USD</span>
                                        </div>
                                    </div>                                
                                    <div class="form-group col-xl-6">
                                        <label class="control-label" for="form_contentsValue">Contents Replacement Value <span class="required">*</span></label>
                                        <div class="input-group">
                                            <span class="input-group-addon"></span>
                                            {{ form_widget(form.contentsValue,{'attr': {'class' : 'form-control contents number-format' } } ) }}
                                            <span class="input-group-addon">USD</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class=" col-xl-6">
                                        <label class="control-label" for="form_hurricane">Hydro Metereological Phenomena*</label>
                                        {{ form_widget(form.hurricane,{'attr': {'class' : 'form-control','value' : 'hydro' } } ) }}
                                    </div>
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_earthquake">Earthquake and Volcanic Eruption*</label>
                                        {{ form_widget(form.earthquake,{'attr': {'class':'form-control' ,'value' : 'quake' } } ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="form-group col-xl-6" id="outdoors">
                                        <label class="control-label" for="form_outdoorsConstruction">Outdoor Construction</label>
                                        <a data-toggle="modal" data-target="#modalOutdoors"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                        {{ form_widget(form.outdoorsConstruction,{'attr': {'class' : 'form-control' } } ) }}
                                    </div>
                                    <div class="form-group col-xl-6" id="outdoorsDescription">
                                        <label class="control-label" for="form_outdoorsDescription">Outdoor Const. Description</label>
                                        <a data-toggle="modal" data-target="#modalOutdoorsDesc"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                        {{ form_widget(form.outdoorsDescription,{'attr':{'class' : 'form-control'} } ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="form-group col-xl-6">
                                        <label class="control-label" for="form_extraExpenses">Extra Expenses/Lost of Rent</label>
                                        <a data-toggle="modal" data-target="#modalExpenses"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                        {{ form_widget(form.extraExpenses,{'attr': {'class' : 'form-control' } } ) }}
                                    </div>
                                    <div class="form-group col-xl-6">
                                        <label class="control-label" for="form_bodyWaterNear">Near beach, river, lake, lagoon, les than 500 mts <span class="required">*</span></label>
                                        {{ form_widget(form.bodyWaterNear,{'attr': {'class' : 'form-control' }} ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div id="storm_shutters" class="col-xl-6">
                                        <label class="control-label" for="form_stormShutters">Do you have storm shutters installed?*</label>
                                        {{ form_widget(form.stormShutters, {'attr': {'class' : 'form-control' }} ) }}
                                    </div>
                                    <div class="col-xl-6" style="display:none;" id="betterments">                                        
                                        <label class="control-label" for="form_bettermentsValue">Betterments &amp; Improvements</label>
                                        {{ form_widget(form.bettermentsValue,{'attr': {'class' : 'form-control' }} ) }}                                        
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-lg-12 title-property-values">
                                        <label>Liability</label>
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_liabilityValue">Liability<span class="required">*</span></label>
                                        {{ form_widget(form.liabilityValue,{'attr':{'class' : 'form-control'} } ) }}
                                    </div>
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_employeLiability" >Domestic Employee Liability</label>
                                         {{ form_widget(form.employeLiability,{'attr':{'class' : 'form-control'} } ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-xl-6 usa d-none">
                                        <label class="control-label" for="form_liabilityUSA">USA Lawsuit Liability<span class="required">*</span></label>
                                        {{ form_widget(form.liabilityUSA, {'attr': {'class': 'form-control'}} ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-lg-12 title-property-values">
                                        <label>Miscellaneous</label>
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_glassValue">Glass Breakage</label>
                                        <a data-toggle="modal" data-target="#modalGlass"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                        {{ form_widget(form.glassValue,{'attr': {'class' : 'form-control'} } ) }}
                                    </div>
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_theftValue">Robbery</label>
                                        {{ form_widget(form.theftValue,{'attr':{'class' : 'form-control'} } ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-xl-6 theft-section d-none">
                                        <label class="control-label" for="form_assault">Assault <span class="required">*</span></label> 
                                        <a data-toggle="modal" data-target="#modalAssault"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                        {{ form_widget(form.assault,{'attr': {'class':'form-control'} } ) }}
                                    </div>
                                    <div class="col-xl-6 theft-section d-none">
                                        <label class="control-label" for="form_.moneySecurities">Money and Securities<span class="required">*</span></label> 
                                        <a data-toggle="modal" data-target="#modalMoney"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                        {{ form_widget(form.moneySecurities,{'attr':{'class' : 'form-control'} } ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-xl-6 theft-section d-none">
                                        <label class="control-label" for="form_jewelryValue">Jewelry</label>
                                        {{ form_widget(form.jewelryValue,{'attr':{'class':'form-control'} } ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-lg-12 title-property-values">
                                        <label class="">Machinery Breakdown</label>
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_electronicValue">Electronic/Electrodomestic</label>
                                        <a data-toggle="modal" data-target="#modalElectronic"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                         {{ form_widget(form.electronicValue,{'attr':{'class' : 'form-control'} } ) }}
                                     </div>
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_machineryValue">Machinery Breakdown</label>
                                        <a data-toggle="modal" data-target="#modalMachinery"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                         {{ form_widget(form.machineryValue,{'attr':{'class' : 'form-control'} } ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_boilerValue">Boiler and Pressurized Vessels</label>
                                        <a data-toggle="modal" data-target="#modalBoiler"> <span class="glyphicon glyphicon-question-sign"></span> </a>
                                         {{ form_widget(form.boilerValue,{'attr':{'class' : 'form-control'} } ) }}
                                     </div>
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_golfCartsValue" >Golf Carts</label>
                                        {{ form_widget(form.golfCartsValue,{'attr':{'class' : 'form-control'} } ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_entranceDate">Coverage Inception Date: <span class="required">*</span></label>
                                        {{ form_widget(form.entranceDate,{'attr' : {'class':'form-control', 'placeholder':'Entrance Date', 'readonly' : 'readonly'} } ) }}
                                        <span id="entranceDateNotes" class="text-warning" style="display:none; font-size: 14px; margin-left: 3px;"></span>
                                    </div>
                                    <div class="col-xl-6">
                                        <label class="control-label" for="form_airBnb" >Are you going to be renting your property?<span class="required">*</span></label>
                                        {{ form_widget(form.airBnb,{'attr': {'class' : 'form-control'} } ) }}
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-md-offset-6 col-lg-offset-6 col-xl-6" style="display:none;">
                                        <label class="control-label" for="form_airBnbSurvey" >How many days per year? <span class="required">*</span> </label>
                                        {{ form_widget(form.airBnbSurvey,{'attr': {'class' : 'form-control'} } ) }}
                                    </div>
                                </div>
                            </div>
                        </section>
                        <h2>Summary</h2>
                        <section>
                            <div class="container">                                
                                <div class="row">
                                    <div class="col-xl-12">
                                        <label id="selectOption">Select an Option:</label>
                                    </div>
                                </div>
                                <div class="row justify-content-center">                                    
                                    <div class="col-xl-6 col-12" id="priceContainerGmx">
                                        <div id="GMX" class="plan col-12">
                                             <img src="{{asset(imgCompaniesPath~'gmx.jpg')}}" alt="GMX Seguros" id="imgInsuranceCompanyGMX">
                                            <br>                                                
                                            <p class="plan-price">
                                                <span id="gmx-price">0.00</span>
                                                <span class="plan-unit">USD for 1 Year</span>
                                            </p>
                                            <label for="form_policyTerm_0" id="gmx-button" class="plan-button">Choose Plan</label>
                                            <div id="GMX-download-quote" class="text-center"></div>
                                            <div class="alert alert-warning" id="gmx-price-not-available">
                                                <b>Price not available</b><br>
                                                <b>Your property requires special treatment, please contact Scarlett at <a href="mailto:pl.executive@novamar.net">pl.executive@novamar.net</a></b><br>
                                                <b><span><i class="glyphicon glyphicon-earphone"></i> US 949 274 4111</span></b>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6" id="priceContainerAig">
                                        <div id="AIG" class="plan col-12">
                                            <img src="{{asset(imgCompaniesPath~'aig.jpg')}}" alt="AIG Seguros"  id="imgInsuranceCompanyAIG">
                                            <br>
                                            <p class="plan-price">
                                                <span id="aig-price">0.00</span>
                                                <span class="plan-unit">USD for 1 Year</span>
                                            </p>
                                            <label for="form_policyTerm_1" id="aig-button" class="plan-button">Choose Plan</label>
                                            <div id="AIG-download-quote" class="text-center"></div>
                                            <div class="alert alert-warning" id="aig-price-not-available">
                                                <b>Price not available</b><br>
                                                <b>Your property requires special treatment, please contact Scarlett at <a href="mailto:pl.executive@novamar.net">pl.executive@novamar.net</a></b><br>
                                                <b><span><i class="glyphicon glyphicon-earphone"></i> US 949 274 4111</span></b>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 d-none" id="priceContainerAigSpecials">
                                        <div class="plan col-12">
                                            <span id="specialAigPlanName"></span>
                                           <img src="{{asset(imgCompaniesPath~'aig.jpg')}}" alt="AIG Seguros"  id="imgInsuranceCompanyAIG">
                                            <br>
                                            <p class="plan-price">
                                                <span id="aig-special-price">0.00</span>
                                                <span class="plan-unit">USD for 1 Year</span>
                                            </p>
                                            <label for="form_policyTerm_2" id="aig-special-button" class="plan-button-aig-special">Choose Plan</label>
                                            <div class="alert alert-warning" id="aig-special-price-not-available">
                                                <b>Price not available</b><br>
                                                <b>Your property requires special treatment, please contact Scarlett at <a href="mailto:pl.executive@novamar.net">pl.executive@novamar.net</a></b><br>
                                                <b><span><i class="glyphicon glyphicon-earphone"></i> US 949 274 4111</span></b>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 d-none" id="dateContainerAigSpecials">
                                        <div class="plan col-12">
                                            <label class="control-label"><b>New entrance date</b></label>
                                            <input type="text" name="form[entranceDateAux]" id="form_entranceDateAux" class="form-control" placeholder="mm/dd/yyyy"><br>
                                            <label id="quote-aig-pack-new-entrance-date" class="plan-button-aig-special">Quote</label>
                                        </div>
                                    </div>
                                    {{ form_widget(form.price, {'attr': { 'required' : 'required' }} ) }}
                                </div>           
                                <div class="row" id="bottomLabels">                     
                                    <div class="col-xl-12">
                                        <div class="alert alert-warning text-center mt-4">
                                            There is a 15 days waiting period for catastrophic risks: Earthquake, Volcanic Eruption and Hydrometeorological Phenomena
                                        </div>
                                        <div class="container-fluid d-flex justify-content-center align-items-center mt-2 mb-2">
                                            <span>We accept: </span><img src="{{asset('img/visa_mcard2.jpeg')}}" alt="logo visa and master card" style="height:30px !important; width: auto;">
                                        </div>
                                        <div id="conditions" class="col-lg-12 text-center">
                                            <a  href="" data-bs-toggle="modal" data-bs-target="#termConditions"><b>Terms and Conditions</b></a><br>
                                            {{ form_widget(form.conditions) }}
                                            <label for="form_conditions">
                                                I agree, I have read and accept the terms and conditions on this page
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>                    
                    <input type="hidden" name="form[product]" value="HO">
                    <input type="hidden" name="form[distributorCode]" value="{{ distributorCode }}">
                    <input type="hidden" name="form[distributor]" value="{{ distributor }}">
                    <input type="hidden" name="form[distributorLink]" value="{{ distributorLink }}">
                    <input type="hidden" name="form[netPremium]" value="" id="netPremium">
                    <input type="hidden" name="form[policyFee]" value="" id="policyFee">
                    <input type="hidden" name="form[tax]" value="" id="tax">
                    <input type="hidden" name="form[whitOutCharge]" id="form_whitOutCharge" value="">
                    <input type="hidden" name="form[renewData]" id="form_renewData" value="{{renewData}}">
                     <input type="hidden" name="form[beforePayDataReference]" id="form_beforePayDataReference" value="">
                    <input type="hidden" name="form[id_client]" id="form_id_client" value="">
                    {# bandera para paquetes aig especiales en la renovacion #}
                    <input type="hidden" name="form[aigSpecialsFlag]" id="aigSpecialsFlag">
                    {# contenedor de la lista de aboutUs #}
                    <div class="d-none">
                        {{ form_widget(form.aboutUsList, {value: 'Sales Representative'}) }}
                        {{ form_widget(form.reference) }}
                        {{ form_widget(form.auxAboutUs, {value: distributor}) }}
                    </div>
                    <input type="hidden" name="form[pageConfig]" id="form_pageConfig" value="">
                    <input type="hidden" name="form[isPackages]" id="form_isPackages" value= "false">
                    <input type="hidden" name="form[quoteNumber]" id="form_quoteNumber" value="">
                    <input type="hidden" name="form[prospect]" id="form_prospect" value="">
                    <input type="hidden" name="form[prospectSicas]" id="form_prospectSicas" value="">
                    <input type="hidden" name="form[contactSicas]" id="form_contactSicas" value="">
                    <input type="hidden" name="form[source]" id="form_source" value=""> 
                    <input type="hidden" name="form[referer]" id="form_referer" value="{{referer}}">
                    <input type="hidden" name="form[campaign]" id="form_campaign" value=" {{ campaign }}">
                    <input type="hidden" name="form[issuingStatus]" id="form_issuingStatus" value="">
                    {{ form_rest(form) }}
                 </form>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-12 text-center">
                <b>Underwritten By:</b><br>
                <img src="{{asset(imgCompaniesPath~'aig.jpg')}}" alt="AIG Seguros" class="img-flex">
                 <img src="{{asset(imgCompaniesPath~'gmx.jpg')}}" alt="GMX Seguros" class="img-flex">
            </div>
        </div>
        <div id="container-text" class="row-fluid" data-page-config="WOMAF.WMAF">
            <div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1 col-sm-12 col-xl-12 row-divisor">
                <h2>Unique Homeowners Insurance Programs for Mexico</h2>
                <p> We designed the <b>AIG Novamar MX HO Policy</b> to give you peace of mind that your investments are properly protected in Mexico. Our easy to use online policy issuing system means you are just minutes away from protection against damage from fire, lightning, hurricane, tsunami, flood, mudslide, tidal wave, earthquake, third party liability, glass breakage, <b>by a policy that meets USA and international standards of quality.</b></p>
                <p> This policy is easy to buy online or by calling Novamar offices in Mexico. You will need only the physical address of your property, or the house you are renting, the Zip Code in Mexico, and the values you want to insure.</p>
                <p > Here are some of the benefits included in this great policy:</p>
                <h3>Building &amp; Contents</h3>
                <ul>
                    <li>Value and sum insured selected by the insured.</li>
                    <li>Hydro meteorological coverage included.</li>
                    <li>Hurricane coverage for beach front locations included.</li>
                    <li>Earthquake and volcanic eruption coverage included.</li>
                    <li>Betterments and Improvements investment covered, special for condos.</li>
                    <li>Solar panels included in the building section.</li>
                    <li>Outdoor construction and underground equipment included.</li>
                    <li>Debris removal included.</li>
                    <li>Remodeling added value for building included.</li>
                    <li>Additional new acquisitions for contents included.</li>
                    <li>Golf carts covered as a household good including third-party liability coverage.</li>
                    <li>Loss of rents included.</li>
                    <li>Extra living expenses included.</li>
                    <li>Inflation endorsement to protect against racing cost.</li>
                    <li>It is granted under the general conditions of the product Hogar Flex.</li>
                </ul>
                <h3>Liability</h3>
                <ul>
                    <li>Family liability in and out of the House.</li>
                    <li>Landlord liability.</li>
                    <li>Tenants liability.</li>
                    <li>Sports liability as an amateur.</li>
                    <li>Bicycles, roller blades, kayaks and motorless vehicles liability.</li>
                    <li>Pet liability.</li>
                    <li>Domestic employees medical expenses included.</li>
                    <li>Legal defense expenses included.</li>
                    <li>Automatic third property damage payment without legal process up to US&#38;200.</li>
                    <li>It is granted under the general conditions of the product Hogar Flex.</li>
                </ul>
                <h3>Robbery</h3>
                <ul>
                    <li>Household goods</li>
                    <li>Jewelry, art, and difficult to replace objects*</li>
                    <li>Robbery outside of the house.</li>
                    <li>Money and securities covered in and out of the house.</li>
                </ul>
                <p> <i>*Coverage with specified sub limits per item</i></p>
                <h3>Glass Breakage</h3>
                <ul>
                    <li>Glass breakage, inside and outside - all risk coverage.</li>
                </ul>
                <h3>Electronic &amp; Electrodomestic</h3>
                <ul>
                    <li>TV´s, computers, refrigerators, dishwashers, microwaves, electric ovens, washers,dryers, sound equipment, etc.</li>
                </ul>
                <h3>Machinery Breakdown</h3>
                <ul>
                    <li>Pumps, engines, pool equipment, transformers, elevators, heaters, boilers, etc.</li>
                </ul>
                <h3>Premium Coverage &amp; Benefits</h3>
                <ul>
                    <li>Car keys or house keys, lost or damaged: replacement expenses.</li>
                    <li>Locksmith, plumber, electrical, glass breakage assistance services.</li>
                    <li>Repair expenses to stop further damages.</li>
                    <li>Removal expenses to stop further damages.</li>
                    <li>Additional repair expenses required by authorities.</li>
                    <li>Policyholder life insurance due to an accident.</li>
                    <li>Dental services.</li>
                    <li>Optical services.</li>
                    <li>Pet medical assistance.</li>
                    <li>Ambulance services.</li>
                    <li>Additional living expenses due to a catastrophic event.</li>
                    <li>Loss of official documents; replacement expenses.</li>
                    <li>Fraudulent charges to credit or debit card.</li>
                    <li>Expenses for loss of identity.</li>
                </ul>
                <h3>AIG Claims Service Guaranty</h3>
                <ul>
                    <li>Adjuster assistance in 24 hours or less.</li>
                    <li>Loss payment in 72 hours for claims up to US&#38;2,000.</li>
                    <li>Down payment for 50% of the claim in 72 hours.</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="alertModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">                    
                    <h4 class="modal-title" id="alertModalTextTitle"></h4>                    
                    {# <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button> #}
                </div>
                <div class="modal-body" id="alertModalText">                    
                </div>
                <div class="modal-footer">                    
                    <button type="button" class="btn btn-orange btn-close" data-bs-dismiss="modal"></button>
                </div>
            </div>
        </div>
    </div>
    {{ include('./modals/purchase-terms-conditions.html.twig') }}
    {{ include('./components/ecommerce-mit.twig') }}
{% endblock %}
{% block scripts %}
    <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.min.js"></script>
    {% endif %}
    {{script_tag("libraries/intl-tel-input.js")}}
    {{script_tag("libraries/modernizr.js")}}
    {{script_tag('libraries/sweet-alert.js') }}
    {{script_tag("components/tools.js")}}
    {{script_tag("libraries/jquery-validate.js")}}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation/1.19.3/additional-methods.min.js"></script>
    {{script_tag('components/jquery-steps.js')}}
    {{script_tag('components/jquery-number.js') }}
    {{script_tag('libraries/jquery-mask.js') }}
    {{script_tag("components/nationality-list.js")}}
    {{script_tag("components/about-us-list.js")}}
    {{script_tag("components/prospect.js")}}
    {{script_tag("components/entities.js")}}
    {{script_tag("components/MIT-payment/mitPay.js")}}
    {{script_tag("components/addMethod.js")}}
    {{script_tag("products/homeowner.js")}}
  
    <script>
        if("{{ distributorLink }}" == '')
            var distributor = 'mexico'
        else{
            var distributor = "{{ distributorLink }}"
        }
        let distObj = {
            pageConfig: "{{ viewOptions }}",
            distLogo: "",
            distLink: "",
            distCode: "",
        }
        const prod = "HO"
    </script>
	{{script_tag('components/page-config.js')}}
    <script>
    $(function() {
        $("#form_policyTerm").parent().find('label').html('');
    });
    </script>
{% endblock %}