<!DOCTYPE HTML>
<html lang="pt_BR">
<head>
    <!--=============== basic  ===============-->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="creator" content="">
    <meta name="author" content="">
    <meta name="copyright" content="">
    <base href="{{ getBasePath() }}/"/>
    <meta name="robots" content="noindex, nofollow">

    <meta name="theme-color" content="var(--azul-1)">

    <!--OG-->
    {# <meta property="og:title" content="####" >
    <meta property="og:description" content="" >
    <meta property="og:locale" content="pt_BR">
    <meta property="og:url" content="####">
    <meta property="og:title" content="####">
    <meta property="og:site_name" content="####">
    <meta property="og:description" content="####">
    <meta property="og:image" content="####">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:width" content="800">
    <meta property="og:image:height" content="400">
    <meta property="og:type" content="website"> #}

    {% block head %}
    {% endblock %}

    <!--=============== css  ===============-->
    {% include '_templates/includes/head.twig' %}

    <!--=============== favicons ===============-->
    {% if iconMedio() %}
        <link rel="shortcut icon" href="{{ iconMedio() }}" sizes="16x16">
    {% endif %}
    {% if iconPequeno() %}
        <link rel="shortcut icon" href="{{ iconPequeno() }}" sizes="32x32">
    {% endif %}

    {% block style %}
    {% endblock %}

    {{ getCustomEndBodyScriptsTagHead()|raw }}

    {% if 'reservas.costadosauipe.com.br' in page.page_domain %}
        <script>
            (function(h,o,t,j,a,r){
                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
                h._hjSettings={hjid:3101774,hjsv:6};
                a=o.getElementsByTagName('head')[0];
                r=o.createElement('script');r.async=1;
                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
                a.appendChild(r);
            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
        </script>
    {% endif %}

</head>
<body {{ idUnidade and 'I' in idUnidade ? 'style="padding-bottom: 20px;"' : '' }}
        class="animate__animated animate__fadeIn">

{% if getJsScripts().GoogleTagManager.stAtivo == true %}
    <!-- Google Tag Manager -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id={{ getJsScripts().GoogleTagManager.userId }}"
                height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager -->
{% endif %}

{% if getJsScripts().Konduto.stAtivo == true %}

    <script type="text/javascript">
        var __kdt = __kdt || [];
        __kdt.push({"public_key": "{{ getJsScripts().Konduto.userId }}"}); // A chave pública identifica a sua loja
        (function () {
            var kdt = document.createElement('script');
            kdt.id = 'kdtjs';
            kdt.type = 'text/javascript';
            kdt.async = true;
            kdt.src = 'https://i.k-analytix.com/k.js';
            var s = document.getElementsByTagName('body')[0];
            s.parentNode.insertBefore(kdt, s);
        })();
    </script>
{% endif %}

{{ getCustomEndBodyScriptsTagBodyStart()|raw }}

<div class="bar_loading"></div>

<div id="main" style="opacity: 1">
    <div>
        {% block content %}
        {% endblock content %}
    </div>
    <!-- Modal -->
    <div data-b2c-modal-quase-la class="modal fade-scale" id="modalQuaseLa" tabindex="-1" role="dialog"
         aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document" style="top: 15%;">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <div class="col-xs-12 col-md-12 col-sm-6 col-lg-6 titulo">
                                <h3>
                                    {{ __('quaseLa') }}
                                </h3>
                                <p>
                                    {% if getStOrcamento() %}
                                        {{ __('preenchaSeusDadosParaReceberOrcamento') }}
                                    {% else %}
                                        {{ __('inicieSeuCadastroParaContinuarmos') }}
                                    {% endif %}
                                </p>
                            </div>
                            <div class="col-xs-12 col-md-12 col-sm-5 col-lg-5">
                                <form method="post"
                                      action="javascript:void(0)"
                                      name="frmQuaseLa">
                                    {# {% if getStOrcamento() %} #}
                                    <input type="text" data-b2c-input="nome" placeholder="{{ __('nome') }}"
                                           required="">
                                    {# {% endif %} #}
                                    <input type="email" data-b2c-input="email" placeholder="{{ __('email') }}"
                                           required="">
                                    {% if getStModalQuaseLaTelefone() or getStOrcamento() %}
                                        <input type="text" data-b2c-input="telefone" name="nrTelefone"
                                               placeholder="{{ __('whatsapp') }}" required="">
                                    {% endif %}

				    <button {% if getStOrcamento()  and (getJsScripts().GoogleAds.stAtivo == true or (getJsScripts().GoogleGTag.stAtivo == true and getJsScripts().GoogleGTag.userId is not empty)) %}onclick="ga('send', 'event', 'orcamento', 'clique');"{% endif %}
                                            data-b2c-btn-submit-form-quasela class="button" type="submit">
                                        <span class="text">{% if getStOrcamento() %}{{ __('solicitar') }}{% else %} {{ __('enviar') }} {% endif %}</span>
                                        <span class="spinner">
                                                <div class="lds-ellipsis"><div></div><div></div><div></div><div></div>
                                            </div>
                                        </span>
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const B2CShowModalQuaseLa = function () {
        {% if getStModalQuaseLaTelefone() or getStOrcamento() %}
        new IMask($('[data-b2c-modal-quase-la]').find('[data-b2c-input="telefone"]')[0], {
            mask: '(00) [0]0000-0000'
        });
        {% endif %}
        $('[data-b2c-modal-quase-la]').modal('show');
setTimeout(function(){
            $('[data-b2c-modal-quase-la]').find('input')[0].focus();
        },500);
    }

    $(document).on('click', '[data-b2c-btn-submit-form-quasela]', function (event) {
        event.preventDefault();
        var resp = B2C.checkout.createSSI();

        if (resp) {
            $('[data-b2c-modal-quase-la]').modal('hide');
        }
    })
</script>
<!--=============== scripts  ===============-->
{% if getShowWhatsApp() %}
    {% if page.whatsapp is defined and page.whatsapp is not null %}
        <a id="b2cw-whatsapp-button" target="_blank"
           href="https://wa.me/+55{{ page.whatsapp.nrDDD }}{{ page.whatsapp.nrTelefone }}?text=Ola estou com dúvida no portal B2C, pode me ajudar?">
            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                 xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                 viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve">
                    <style type="text/css">
                        .st0 {
                            fill: #FFFFFF;
                        }
                    </style>
                <path class="st0" d="M0,34l2.38-8.45c-1.53-2.6-2.34-5.55-2.34-8.59C0.04,7.61,7.66,0,17.02,0S34,7.61,34,16.96
                        c0,9.35-7.62,16.96-16.98,16.96c-2.92,0-5.77-0.75-8.3-2.16L0,34z M9.17,28.67l0.52,0.32c2.2,1.34,4.74,2.05,7.34,2.05
                        c7.77,0,14.1-6.32,14.1-14.08c0-7.77-6.32-14.08-14.1-14.08S2.92,9.19,2.92,16.96c0,2.71,0.77,5.33,2.23,7.6L5.5,25.1l-1.37,4.87
                        L9.17,28.67z M9.17,28.67"/>
                <path class="st0" d="M12.25,9.07l-1.1-0.06c-0.35-0.02-0.69,0.1-0.95,0.32c-0.53,0.46-1.39,1.36-1.65,2.53
                        c-0.39,1.74,0.21,3.87,1.78,6c1.56,2.13,4.48,5.54,9.64,7c1.66,0.47,2.97,0.15,3.98-0.49c0.8-0.51,1.35-1.33,1.55-2.26l0.18-0.82
                        c0.06-0.26-0.08-0.53-0.32-0.64l-3.72-1.71c-0.24-0.11-0.53-0.04-0.69,0.17L19.47,21c-0.11,0.14-0.3,0.2-0.47,0.14
                        c-1-0.35-4.35-1.75-6.19-5.29c-0.08-0.15-0.06-0.34,0.05-0.47l1.4-1.61c0.14-0.16,0.18-0.4,0.09-0.6l-1.6-3.75
                        C12.66,9.21,12.47,9.08,12.25,9.07L12.25,9.07z M12.25,9.07"/>
            </svg>
        </a>
    {% endif %}
{% endif %}

{% include '_templates/includes/foot.twig' %}

{% block scripts %}
{% endblock %}
</body>
</html>
