<div id="toTop" class="container-page-landingpage">
    <div class="row">
        <div class="col-md-12 p-0">
            <div class="container-lp-header">
                <div class="banner" style="background-image: url('<?php if (!empty($imovel->imagens)){HImg::ref($imovel->imagens[0]); }else{e(base_url("themes/comdono/img/no-image-gallery.png"));} ?>');">
                    <div class="layer">
                        <div class="banner-info">
                            <div class="row d-flex justify-content-center m-0">
                                <div class="col-md-12 col-lg-9">
                                    <h1>
                                        <?php if($imovel->dn_img??false) { ?>
                                        <span class="mb-30"><img src="<?php e($imovel->dn_img_uri.$imovel->dn_img)?>" class="img-fluid"></span>
                                        <?php }else{ ?>
                                        <span class="mb-30"><img src="<?php e(base_url("themes/comdono/img/no-image-gallery.png")); ?>" class="img-fluid"></span>
                                        <?php } ?>
                                        
                                        <span><?php e($imovel->dn_nome_nomefantasia); ?></span>
                                    </h1>
                                    <p>Na COMDONO, quem anuncia são os proprietários. Com os lançamentos, o comprador negocia diretamente com construtoras e/ou incorporadoras. Os lançamentos imobiliários são empreendimentos que comportam mais de uma unidade em um mesmo local, facilitando a busca e a comparação de preços. Aproveite!</p>
                                    <div class="box-cta text-center">
                                        <a href="#unidades" class="btn btn-primary btn-cta linkAnchor m-0">Veja as unidades agora</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-----------INI Visualizar como admin-------------->
<?php if ($navAdmin??false){ ?>
<div class="container-alert">
    <div class="row">
        <div class="col-12 p-0">
            <div class="alert <?php e(HImovel::getStatus($imovel->status_lancamento)->bg); ?> alert-effect">
                <strong>Status: <?php e(HImovel::getStatus($imovel->status_lancamento)->text); ?>.</strong> Visualização apenas para o dono e administradores.
            </div>
        </div>
    </div>
</div>
<?php } ?>
<!-----------FIM Visualizar como admin-------------->
    <?php if ($imoveisLancamento??false){ ?>
    <div id="unidades" class="row">
        <div class="col-md-12 p-0">
            <div class="container-body-listas bg-white ptb-50">
                <div class="row d-flex justify-content-center m-0">
                    <div class="col-md-12 col-lg-9">
                        <div class="title">
                            <h2>Unidades disponíveis</h2>
                        </div>
                        
                        <div>Bairro: <span><?php e($imovel->bairro); ?></span></div>
                        <div>Endereço: <span><?php e($imovel->endereco); ?></span></div>
                        
                        <div class="table-container table-responsive">
                            <table class="table table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>Valor</th>
                                        <th>Tipo do imóvel</th>
                                        <th>Área privativa</th>
                                        <th>Quartos</th>
                                        <th>Suítes</th>
                                        <th>Ação</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <?php foreach ($imoveisLancamento as $unidade) { ?>
                                <tr>
                                    <td><?php e('R$ '.number_format($unidade->val_pretendido, 2, ',', '.')); ?></td>
                                    <td><?php e($imovel->tipo_imovel); ?></td>
                                    <td><?php e($unidade->area_privativa); ?> m²</td>
                                    <td><?php e($unidade->quartos); ?></td>
                                    <td><?php e($unidade->suites); ?></td>
                                    <td><a href="<?php e(base_url('busca/imovel/'.$unidade->id_imovel))?>" target="_blank">Ver unidade</a></td>
                                </tr>
                                <?php } ?>
                                </tbody>
                            </table>
                        </div>  
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php } ?>
        
                        
    <?php if($imovel->caracteristicas !== ""){ ?>
    <div id="sobre" class="row">
        <div class="col-md-12 p-0">
            <div class="container-sobre ptb-50">
                <div class="row d-flex justify-content-center m-0">
                    <div class="col-md-7 col-lg-5">
                        <div class="title">
                            <h2>Sobre o <span>Empreendimento</span></h2>
                        </div>
                        <div class="leia_mais" data-mrc>
                            <?php e($imovel->caracteristicas); ?>
                        </div>
                        <div class="box-control-more open-text"><a href="javascript:;">Mais informações <i class="material-icons">arrow_drop_down</i></a></div>
                        <div class="box-control-more close-text"><a href="javascript:;">Fechar <i class="material-icons">arrow_drop_up</i></a></div>
                    </div>
                    <div class="col-md-5 col-lg-4 text-center">
                        <img src="<?php if (!empty($imovel->imagens)){HImg::ref($imovel->imagens[1]); }else{e(base_url("themes/comdono/img/no-image-gallery.png"));} ?>" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php } ?>
    
    <?php  if(isset($imagens)){ ?>
    <div id="galeria-lp" class="row">
        <div class="col-md-12 p-0">
            <div class="container-galeria-lp ptb-50">
                <div class="row d-flex justify-content-center m-0">
                    <div class="col-md-12 col-lg-9">
                        <div class="title">
                            <h2 class="c-white">Galeria</h2>
                        </div>
                        <div class="galeria-unidades">
                            <div class="loading-img"><i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i></div>
                            <div class="show-imgs">
                                <div id="mygallery" >
                                    <?php 
                                        foreach ($imagens as $img) {
                                    ?>
                                    <a data-fancybox="images" href="<?php HImg::ref($img); ?>">
                                        <img class="img-fluid" src="<?php HImg::ref($img); ?>">
                                    </a>
                                    <?php } ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 p-0">
            <div class="container-cta">
                <div class="banner" style="background-color: #000;">
                    <div class="layer">
                        <div class="row d-flex justify-content-center m-0 h-100">
                            <div class="col-md-12 col-lg-9">
                                <div class="banner-info">
                                    <div class="row d-flex justify-content-center w-100 h-100">
                                        <div class="col-md-6 banner-info">
                                            <div class="box-cta">
                                                <div class="title text-center"><h3>Você pode falar diretamente com o proprietário</h3></div>
                                                <div class="box-cta text-center mt-15">
                                                    <a href="#unidades" class="btn btn-primary btn-cta linkAnchor">Veja as unidades agora</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php } ?>
    
    <div id="vantagens" class="row">
        <div class="col-md-12 p-0">
            <div class="container-vantagens bg-white ptb-50">
                <div class="row d-flex justify-content-center m-0">
                    <div class="col-md-12 col-lg-9">
                        <div class="title">
                            <h2>Negociação</h2>
                        </div>
                        <p>Para oferecer mais praticidade aos usuários ao longo da negociação, a COMDONO possui um chat que aproxima compradores e vendedores e agiliza os trâmites burocráticos ao longo do processo. Além de contar com o suporte da COMDONO, o chat permite o envio e recebimento de documentos. E não se preocupe! Para garantir a segurança dos usuários, todas as conversas são gravadas.</p>
                        <p>O chat é realizado em seis etapas: visita, acordos, contrato, agendamento em cartório, brinde e entrega das chaves com vistoria. Conheça cada uma delas:</p>
                        <div class="row">
                            <div class="col-md-6 col-lg-4">
                                <div class="box-text">
                                    <div class="title">
                                        <div class="ico">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path fill="none" d="M0 0h24v24H0V0z"></path><path d="M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z"></path>
                                            </svg>
                                        </div>
                                        <div class="text">1 - Visita</div>
                                    </div>
                                    <div class="content">
                                        <p>Achou um imóvel que se adeque às suas necessidades e preferências? Agora é só agendar a visita direto com o proprietário. Este também é o momento em que ele deve entregar a Certidão de Ônus Reais.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-4">
                                <div class="box-text">
                                    <div class="title">
                                        <div class="ico">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_2_copy" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
                                                <style type="text/css">
                                                	.st0{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
                                                </style>
                                                <polyline class="st0" points="0,5 4,5 4,16 0,16 "/>
                                                <polyline class="st0" points="24,5 20,5 20,16 24,16 "/>
                                                <line class="st0" x1="4" y1="6.6" x2="10" y2="6.6"/>
                                                <path class="st0" d="M20,7l-3-2h-6l-4,5l0.5,0.3c1.5,1,3.4,0.8,4.7-0.5L13,9h4"/>
                                                <polyline class="st0" points="4,14 5,14 8,19 16,18 18,16 14,9 "/>
                                                <line class="st0" x1="22" y1="16" x2="18" y2="16"/>
                                                <circle cx="1" cy="13" r="1"/>
                                                <circle cx="23" cy="13" r="1"/>
                                            </svg>
                                        </div>
                                        <div class="text">2 - Acordos</div>
                                    </div>
                                    <div class="content">
                                        <p>Hora de acertar os detalhes: valores, sinal, datas de compra e pagamento. É nesta etapa também que, caso precise, poderá fazer as suas simulações de financiamento.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-4">
                                <div class="box-text">
                                    <div class="title">
                                        <div class="ico">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                <path d="M7 15h7v2H7zm0-4h10v2H7zm0-4h10v2H7zm12-4h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-.14 0-.27.01-.4.04-.39.08-.74.28-1.01.55-.18.18-.33.4-.43.64-.1.23-.16.49-.16.77v14c0 .27.06.54.16.78s.25.45.43.64c.27.27.62.47 1.01.55.13.02.26.03.4.03h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7-.25c.41 0 .75.34.75.75s-.34.75-.75.75-.75-.34-.75-.75.34-.75.75-.75zM19 19H5V5h14v14z"></path>
                                            </svg>
                                        </div>
                                        <div class="text">3 - Contrato<span>padrão</span></div>
                                    </div>
                                    <div class="content">
                                        <p>A COMDONO oferece um modelo de contrato padrão para que todas as partes envolvidas na negociação façam os ajustes necessários.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-4">
                                <div class="box-text">
                                    <div class="title">
                                        <div class="ico">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                <path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V9h14v10zm0-12H5V5h14v2zM7 11h5v5H7z"></path>
                                            </svg>
                                        </div>
                                        <div class="text">4 - Agendamento<span>cartório</span></div>
                                    </div>
                                    <div class="content">
                                        <p>Acordos realizados e registrados, este é o momento de agendar a ida ao cartório para assinatura do contrato.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-4">
                                <div class="box-text">
                                    <div class="title">
                                        <div class="ico">
                                            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="gift" class="svg-inline--fa fa-gift fa-w-16" role="img" viewBox="0 0 512 512"><path fill="currentColor" d="M32 448c0 17.7 14.3 32 32 32h160V320H32v128zm256 32h160c17.7 0 32-14.3 32-32V320H288v160zm192-320h-42.1c6.2-12.1 10.1-25.5 10.1-40 0-48.5-39.5-88-88-88-41.6 0-68.5 21.3-103 68.3-34.5-47-61.4-68.3-103-68.3-48.5 0-88 39.5-88 88 0 14.5 3.8 27.9 10.1 40H32c-17.7 0-32 14.3-32 32v80c0 8.8 7.2 16 16 16h480c8.8 0 16-7.2 16-16v-80c0-17.7-14.3-32-32-32zm-326.1 0c-22.1 0-40-17.9-40-40s17.9-40 40-40c19.9 0 34.6 3.3 86.1 80h-86.1zm206.1 0h-86.1c51.4-76.5 65.7-80 86.1-80 22.1 0 40 17.9 40 40s-17.9 40-40 40z"/>
                                            </svg>
                                        </div>
                                        <div class="text">5 - Brinde</div>
                                    </div>
                                    <div class="content">
                                        <p>Parabéns pelo negócio! A forma COMDONO de comemorar essa conquista com você é oferecendo um brinde. Mas a gente só conta depois, ok? Ninguém aqui quer estragar a surpresa!</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-4">
                                <div class="box-text">
                                    <div class="title">
                                        <div class="ico">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                <path d="M22 19h-6v-4h-2.68c-1.14 2.42-3.6 4-6.32 4-3.86 0-7-3.14-7-7s3.14-7 7-7c2.72 0 5.17 1.58 6.32 4H24v6h-2v4zm-4-2h2v-4h2v-2H11.94l-.23-.67C11.01 8.34 9.11 7 7 7c-2.76 0-5 2.24-5 5s2.24 5 5 5c2.11 0 4.01-1.34 4.71-3.33l.23-.67H18v4zM7 15c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"></path>
                                            </svg>
                                        </div>
                                        <div class="text">6 - Entrega das chaves<span>e vistoria</span></div>
                                    </div>
                                    <div class="content">
                                        <p>Finalmente! Chegou a hora de marcar o melhor dia e horário para vistoria do imóvel e entrega das chaves.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-md-12 p-0">
            <div class="container-cta">
                <div class="banner" style="background-image: url('<?php if ($imovel->imagens[1]??false){HImg::ref($imovel->imagens[1]); }else{e(base_url("themes/comdono/img/no-image-gallery.png"));} ?>');">
                    <div class="layer">
                        <div class="row d-flex justify-content-center m-0 h-100">
                            <div class="col-md-12 col-lg-9">
                                <div class="banner-info">
                                    <div class="row d-flex justify-content-center w-100 h-100">
                                        <div class="col-md-6 banner-info">
                                            <div class="box-cta">
                                                <div class="title text-center"><h3>Você pode falar diretamente com o proprietário</h3></div>
                                                <div class="box-cta text-center mt-15">
                                                    <a href="#unidades" class="btn btn-primary btn-cta linkAnchor">Veja as unidades agora</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div id="localizacao" class="row">
        <div class="col-lg-12 p-0">
            <div class="container-localizacao ptb-50">
                <div class="row d-flex justify-content-center m-0">
                    <div class="col-md-12 col-lg-9">
                        <div class="title">
                            <h2>Localização</h2>
                        </div>
                    </div>
                </div>
                <div class="row d-flex justify-content-center m-0">
                    <div class="col-md-12 col-lg-9">
                        <iframe src="https://maps.google.com/maps?q=<?php e($imovel->latitude)?>,<?php e($imovel->longitude)?>&hl=es;z=14&amp;output=embed" width="100%" height="600" frameborder="0" style="border:0; border-radius: 4px" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<a href="#toTop" class="toTop toTopAct linkAnchor">
    <i class="fa fa-chevron-up"></i>
</a>
<input type="hidden" name="id_imovel" class="form-control" id="id_imovel" value="<?php e($imovel->id_imovel); ?>" >

<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAOAGU-4BBR5aS8X31cflK-7bp43EpHXsI"> </script>

<script> var galeria = <?php e($galeriaJson); ?></script>