{% extends 'base.html.twig' %}
{% block title %}Novamar Insurance Mexico{% endblock %}
{% block metas %}    
    <meta name="robots" content="noindex,nofollow "/>
{% endblock %}
{% block css %}
    <link href="{{ app.asset_path }}/assets/css/main.css" rel="stylesheet" media="all" />
    <!--[if (lt IE 9) & (!IEMobile)]>
    <link rel="stylesheet" href="{{ app.asset_path }}/assets/css/ie.css">
    <![endif]-->
    <style>body{background-color:#eee}#full-spiner{padding-top:15%!important;position:absolute;z-index:1}.button-container{padding-top:25px;padding-right:25px;padding-bottom:25px}.checkout-container{margin-top:3%;margin-bottom:3%;padding:30px 15px 45px 15px;background:#fff}.product-image>.icon{font-size:78px;color:#084a7a}.product-description,.product-price{padding-top:15px}.product-name,.product-price{font-size:18px}.grey-text{color:#9e9e9e}.z-depth{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}</style>
{% endblock %}
{% block body %}
<div id="outer-wrap">
    <div id="inner-wrap">
        <div id="full-spiner" class="text-center hidden"> {{ include('frontend/preloader.twig') }}</div>
        <div class="container">
            <div class="row-fluid">
                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-sm-12 col-xl-12">
                    <div class="checkout-container z-depth">
                        <center>
                            <img src="{{ app.asset_path }}/assets/img/Novamar-Insurance-Mexico-BWithe.jpg" alt="Novamar Insurance Mexico">
                        </center>
                        <div class="line-orange"></div>
                        <h3 class="text-center">Thank you for your purchase, an executive will contact you in a period of no more than 72 hours.</h3>                                                
                        <div class="clearfix"></div>
                        <div class="row">                            
                            <div class="col-lg-6 col-md-6 col-sm-6">
                                <div class="text-center product-description"> <b class="product-name">Full name</b><br> <span>{{data.creditCardResponse.client_name}}</span></div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6">
                                <div class="text-center product-description">
                                    <b class="product-name">
                                        {% if data.product == 'TT' %}Terra Wind - Nova Platinum{% endif %}
                                    </b>
                                    <br>
                                    <span>{{data.term}} days</span>
                                </div>
                            </div>                            
                        </div>
                        <div class="row">                            
                            <div class="col-lg-6 col-md-6 col-sm-6">
                                <div class="text-center product-description"> <b class="product-name">Order ID</b><br> <span>{{data.creditCardResponse.EM_OrderID}}</span></div>
                            </div>                            
                            <div class="col-lg-6 col-md-6 col-sm-6">
                                <div class="text-center product-price"> <b>Total</b><br> <span>$ {{data.creditCardResponse.amount}}</span> <span>{{data.currency}}</span></div>
                            </div>                            
                        </div>                        
                        <div class="line-orange"></div>
                        <center>                                
                            <a href="/contact-us" target="_blank">
                                <u>
                                    Back to Novamar Insurance México
                                </u>
                            </a>
                        </center>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}