<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=0">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <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="">
    <meta name="robots" content="noindex, nofollow">

    <!--OG-->
    <meta property="og:title" content="Litoral Verde Viagens - Pacotes turísticos, Resorts e Hotéis">
    <meta property="og:description"
          content="Pacotes para os melhores Resorts e Hotéis do Brasil, Caribe e pelo mundo. As melhores ofertas e promoções para você reservar sua viagem estão na Litoral Verde Viagens.">
    <meta property="og:locale" content="pt_BR">
    <meta property="og:url" content="https://www.litoralverde.com.br/">
    <meta property="og:site_name" content="Litoral Verde">
    <meta property="og:image"
          content="https://s3-sa-east-1.amazonaws.com/infotravel-media/b2c/litoralverde/infotravel/images/logo.png">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="800">
    <meta property="og:image:height" content="400">
    <meta property="og:type" content="website">

    {% if iconMedio() %}
        <link rel="shortcut icon" href="{{ iconMedio() }}" sizes="16x16">
    {% endif %}

    {% if iconPequeno() %}
        <link rel="shortcut icon" href="{{ iconPequeno() }}" sizes="32x32">
    {% endif %}

    <base href="{{ getBasePath() }}/"/>

    <!--=============== css  ===============-->

    {% include '_templates/includes/head.twig' %}

    {% block style %}
    {% endblock style %}
</head>

<body data-instant-allow-query-string>


{% if getJsScripts().GoogleTagManager.stAtivo == true %}
    <!-- Google Tag Manager -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=<?= $config_json->GoogelTagManager->userId ?>"
                height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager -->
{% endif %}

<div class="bar_loading"></div>
<div class="toast">
    <div class="icn ti-info-alt"></div>
    <div class="toast-msg msg ibl"></div>
</div>
{% include '_templates/includes/header.twig' %}

<div data-b2c-preloader>
    <div class="loading">
        <div class="container">
            <div style="display: none">
                <div class="title">
                    RESERVE ONLINE OU LIGUE PARA
                </div>
                <div class="fone">
                    0800 021 2020
                </div>
                <div style="font-size: 18.5px;">
                    Segunda a sexta de 9h às 19h | Sábado de 9h às 14h
                </div>
            </div>
            {% if  msg != "" %}
                <div style="font-size: 18.5px;color: #00ECFF;margin-top: 10px;margin-bottom: 10px">
                    <b>{{ msg }}</b>
                </div>
            {% endif %}
            <div class="div-spiner">
                <i class="fas fa-spinner"></i>
                <div>carregando ...</div>
            </div>
        </div>
    </div>
</div>
<div style="min-height: 60vh" class="main">
    <div data-b2c-content style="position: relative;">

        {% block content %}
        {% endblock content %}


        <!-- MODALS -->

        <div   data-b2c-modal-quase-la class="modal fade" id="modalQuaseLa" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="container-fluid">
                            <div class="row ">
                                <div class="col-12 col-md-6">
                                    <h3>   Você ganhou um cupom de desconto!</h3>
                                    <p class="just-one-step">Falta apenas 1 passo</p>
                                    <div class="desc-modal-text">
                                        <p>Prencha seus dados e use seu cupom de boas vindas</p>
                                        <span class="span-welcome">BEM VINDO</span>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6">
                                    <form  method="post"
                                           action="javascript:B2C.checkout.createSSI();$('[data-b2c-modal-quase-la]').modal('hide'); ">

                                        <div class="campo">
                                            <input  class="ipt"  type="text" data-b2c-input="nome" placeholder="{{ __('nome') }}"
                                                   required="">
                                        </div>
                                        <div class="campo">
                                            <input class="ipt" name="email" id="e-mail" type="email"
                                                   data-b2c-input="email"
                                                   placeholder="{{ __('digiteSeuEmail') }}"/>
                                        </div>
                                        <div class="campo">
                                            <input class="ipt" minlength="8" required name="nrTelefone" id="telefone"
                                                   type="text" data-b2c-input="telefone"
                                                   placeholder="{{ __('telefone') }}"/>
                                        </div>
                                        <button class="btn-padrao btn-success pula-botao show-preloader"

                                                type="submit" name="btn-enviar">
                                                <span class="text">
                                                    Garantir meu cupom
                                                </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>
    <div data-b2c-pagina-error style="display: none">
        <div style="text-align: center;width: 100%;font-size: 20px;margin-top: 10%;" class="conteudo" data-message>
            {{ __('nenhumResultadoEncontrado')|raw }}
        </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');

    }
</script>

{% include '_templates/includes/footer.twig' %}

<!--=============== scripts  ===============-->
{% include '_templates/includes/foot.twig' %}



{% block scripts %}
{% endblock %}
</body>
</html>