<!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) %}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');
        $('[data-b2c-modal-quase-la]').find('input')[0].focus()
    }

    $(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  ===============-->

{% include '_templates/includes/foot.twig' %}

{% block scripts %}
{% endblock %}
</body>
</html>