<?php if($modern_view??false){
        e($modern_view);
}?> 

<div class="row container-page-busca">
    <div class="col-md-3 p-0 container-filter-sidebar-left">
        <div class="sidebar-left p-0">
            <div id="accordion">
                <form id="formBuscar" class="container-form-filtro">
                    <div class="container-filtro-fixed">
                        <div class="box-info container-finalidade  d-none-768">
                            <div class="row content-finalidade mb-20">
                                <div class="col-1 pl-0">
                                    <div class="icon">
                                        <i class="material-icons">
                                            <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>
                                        </i>
                                    </div>
                                </div>
                                <div class="col pr-0">
                                    <div class="text item-para-morar">
                                        <span class="act-finalidade cursor-pointer" data-switch="para_morar">Para Morar</span>
                                    </div>
                                </div>
                                <div class="col-2 p-0">
                                    <div id="para_morar" class="f-right switch-click para_morar"></div>
                                </div>
                            </div>
                            <div class="row content-finalidade">
                                <div class="col-1 pl-0">
                                    <div class="icon">
                                        <i class="material-icons">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path fill="none" d="M0 0h24v24H0V0z"/>
                                                <path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"/>
                                            </svg>
                                        </i>
                                    </div>
                                </div>
                                <div class="col pr-0">
                                    <div class="text item-para-trabalhar">
                                        <span class="act-finalidade cursor-pointer" data-switch="para_trabalhar">Para Trabalhar</span>
                                    </div>
                                </div>
                                <div class="col-2 p-0">
                                    <div id="para_trabalhar" class="f-right switch-click para_trabalhar"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="container-header">
                        <div class="d-none-768">
                            <div class="row m-0">
                                <div class="col col-md-5 p-0">
                                    <a href="#filtro" class="collapse-icon collapsed" id="filtro-expand" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="filtro" title="Esconder Filtro">
                                        <i class="material-icons">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path fill="none" d="M0 0h24v24H0V0z"/>
                                                <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>
                                            </svg>
                                        </i> Filtro
                                    </a>
                                </div>
                                <div class="col-md-7 p-0 text-right content-busca-avancada">
                                    <a href="#filtro" class="collapse-icon" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="filtro" title="Esconder Filtro">
                                        Busca avançada
                                        <i class="material-icons">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path fill="none" d="M0 0h24v24H0V0z"/>
                                                <path d="M7 10l5 5 5-5H7z"/>
                                            </svg>
                                        </i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="d-block-768">
                            <div class="row m-0">
                                <div class="col p-0 text-center box-icons-filter filter-list active" id="filtro-expand" data-icon="filtro-list" data-toggle="collapse" data-target="#filtro-list" aria-expanded="true" aria-controls="filtro-list">
                                    Ofertas
                                </div>
                                <div class="col p-0 text-center box-icons-filter" data-icon="filtro" data-toggle="collapse" data-target="#filtro" aria-expanded="false" aria-controls="filtro">
                                    Filtros
                                </div>
                                <div class="col p-0 text-center box-icons-filter" data-icon="filtro-maps" data-toggle="collapse" data-target="#filtro-maps" aria-expanded="false" aria-controls="filtro-maps">
                                    Mapa
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="container-filtro-fixed">
                        <div class="box-info container-finalidade d-block-768">
                            <div class="row content-finalidade mb-20">
                                <div class="col-1 pl-0">
                                    <div class="icon">
                                        <i class="material-icons">
                                            <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>
                                        </i>
                                    </div>
                                </div>
                                <div class="col pr-0">
                                    <div class="text item-para-morar">
                                        <span class="act-finalidade cursor-pointer" data-switch="para_morar">Para Morar</span>
                                    </div>
                                </div>
                                <div class="col-2 p-0">
                                    <div id="para_morar_1" class="f-right switch-click para_morar"></div>
                                </div>
                            </div>
                            <div class="row content-finalidade">
                                <div class="col-1 pl-0">
                                    <div class="icon">
                                        <i class="material-icons">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path fill="none" d="M0 0h24v24H0V0z"/>
                                                <path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"/>
                                            </svg>
                                        </i>
                                    </div>
                                </div>
                                <div class="col pr-0">
                                    <div class="text item-para-trabalhar">
                                        <span class="act-finalidade cursor-pointer" data-switch="para_trabalhar">Para Trabalhar</span>
                                    </div>
                                </div>
                                <div class="col-2 p-0">
                                    <div id="para_trabalhar_1" class="f-right switch-click para_trabalhar"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="filtro" class="container-filtro collapse" aria-labelledby="filtro" data-parent="#accordion">
                        <div class="box-info pb-0">
                            <div class="row">
                                <div class="col"><div class="content-title"><h2>Localização</h2></div></div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <div class="form-group">
                                        <label for="cidade_imovel">Cidade</label>
                                        <select name="cidade_imovel" id="cidade_imovel" class="form-control">
                                            <option value="Brasília" selected="selected">Brasília</option>
                                        </select> 
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <div class="form-group">
                                        <label for="bairro_imovel">Bairro</label>
                                        <select name="bairro_imovel" id="bairro_imovel" class="form-control">
                                            <option value="">Todos</option>
                                            <?php foreach($bairrosImovel as $bairro){ 
                                                echo "<option value='$bairro'>$bairro</option>";
                                             } ?>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="box-info">
                            <div class="row">
                                <div class="col"><div class="content-title"><h2>Detalhes do imóvel</h2></div></div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <div class="form-group custom-control custom-radio">
                                        <input type="radio" id="lancamentos" name="tipo_busca" class="custom-control-input"  value="lancamentos" <?php e($lancamento=="SIM"?"checked=''":''); ?> >
                                        <label class="custom-control-label" for="lancamentos">Lançamentos</label>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group custom-control custom-radio">
                                        <input type="radio" id="all_imoveis" name="tipo_busca" class="custom-control-input" value="all_imoveis" <?php e($lancamento=="SIM"?"":"checked=''"); ?>>
                                        <label class="custom-control-label" for="all_imoveis">Todos os imóveis</label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <div class="form-group">
                                        <label for="tipo_imovel">Tipo de imóvel</label>
                                        <div class="divSelectTipo">
                                            <select name="tipo_imovel" id="tipo_imovel" class="form-control">
                                                <option value="">Todos</option>
                                                <?php
                                                    foreach ($tiposImovel as $grupo=>$options)
                                                    {
                                                        echo("<optgroup label='$grupo'>");
                                                        foreach ($options as $value=>$text)
                                                        {
                                                            echo("<option value='$value'>$text</option>");
                                                        }
                                                        echo("</optgroup>");
                                                    }
                                                ?>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label for="qtd_quartos">Quartos</label>
                                        <select name="qtd_quartos" id="qtd_quartos" class="form-control">
                                            <option value="">Todos</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4+</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-3">
                                    <div class="form-group">
                                        <label for="qtd_quartos">Metros²</label>
                                        <input type="number" name="metro_quadrado" id="metro_quadrado" class="form-control" min="10" max="50000" placeholder="m²">
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label for="valor">Valor médio</label>
                                        <input type="text" name="valor" class="form-control maskMoney" id="valor" placeholder="Valor médio">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <div class="container-button">
                                        <button type="submit" class="btn btn-primary btnBuscar">Procurar imóvel</button>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="container-button">
                                        <button type="reset" class="btn btn-reset">Limpar busca</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="box-button d-none-768">
                            <div class="row m-0">
                                <div class="col">
                                    <a href="#filtro" class="collapse-icon collapsed" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="filtro" title="Esconder Filtro">
                                        <i class="material-icons">arrow_drop_up</i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div><!--fim accordion filtro-->
                </form>
                <div id="filtro-list" class="collapse show" aria-labelledby="filtro-list" data-parent="#accordion">
                    <div class="container-lista-style">
                        <div class="container-lista style-scroll">
                            <?php if(($pesquisa??'') !== ''){ ?>
                                <input id="hiddenPesquisa" type="hidden" name='hiddenPesquisa' value="<?php e($pesquisa); ?>" >
                            <?php } ?>
                            <input id="inputImoveis" type="hidden" name='inputImoveis' data-count_bairro='<?php e($countBairro)?>' data-count_quadra='<?php e($countQuadra)?>' data-count_conjunto='<?php e($countConjunto)?>' data-count_imoveis='<?php e($countImoveis)?>' >
                            <div class="blocoImoveis">
                                <?php if(empty($imoveis)){ ?>
                                <div class="box-item">
                                    <div class="row">
                                        <div class="col">
                                            <?php if(($page??0) == 1){?>
                                                <div class="loading-ico">
                                                    <img src="<?php e(base_url("themes/comdono/img/loading.gif")); ?>">
                                                </div>
                                            <?php } else { ?>
                                                <div class="title-erro">Ops! Imóvel não encontrado.</div>
                                                <div class="descricao-erro">Tente novamente com outros dados de pesquisa e boa sorte! ;)</div>
                                            <?php } ?>
                                        </div>
                                    </div>
                                </div>
                                    
                                
                                <?php } ?>
                                
                                <?php $box_item_first = 1; foreach($imoveis as $id=>$imovel){ ?>
                                <div class="box-item">
                                    <div class="d-none-767">
                                        <div class="row m-0">
                                            <?php $linkRedict = $imovel->lancamento == 'Sim'?base_url('lancamento/'.$imovel->id_imovel):base_url('imovel/'.$imovel->id_imovel); ?>   
                                            <?php $title = $imovel->lancamento == 'Sim'?$imovel->dn_nome_nomefantasia:$imovel->bairro; ?>
                                            <!--desktop-->
                                            <div class="col-md-7 col-lg-7 p-0">
                                                <div class="title">
                                                    <?php if(($imovel->tipo_empreendimento??'') == "lancamento"){ ?>
                                                        <span class="cta-lancamento">Lançamento</span>
                                                    <?php } ?>
                                                    <a href="<?php e($linkRedict)?>" target="_blank">
                                                        <?php 
                                                            
                                                            if($title == 'Guará II') 
                                                                e('Guará II');
                                                            elseif($title == 'Damha II') 
                                                                e('Damha II');
                                                            else
                                                                e(ucwords(strtolower($title)));
                                                        ?>
                                                    </a>
                                                </div>
                                                
                                                <?php if($title == 'Damha II'){ ?>
                                                <div class="sub-title">Setor habitacional Tororó<br><span>Saída Sul</span></div>
                                                <?php }else { ?>
                                                <div class="sub-title"><?php e($imovel->endereco) ?><br/><span><?php e(!empty($imovel->cidade)?$imovel->cidade."-":"") ?><?php e($imovel->estado) ?></span></div>
                                                <?php } ?>
                                                
                                                
                                                
                                                <div class="valor"><?php if($imovel->val_pretendido !== ""){ HValorPretendido::exibe($imovel->val_pretendido); } ?></div>
                                                <div class="descricao">
                                                    <div class="tipo"><?php e($imovel->tipo_imovel); ?></div>
                                                    <?php e(!empty($imovel->area_privativa && $imovel->area_privativa !== "0.00")?$imovel->area_privativa:$imovel->area_total); ?> m²<?php e(($imovel->quartos >= 1 ) ? " <span>|</span> ".$imovel->quartos." Quarto(s)" : ""); ?>
                                                    <?php e(($imovel->suites >= 1 ) ? " <span>|</span> ".$imovel->suites." Suite(s)" : ""); ?>
                                                </div>
                                            </div>
                                            <div class="col-md-5 col-lg-5 p-0 container-img">
                                                <?php if($logado == true){ ?>
                                                    <?php if($box_item_first ==1 && $ppFavorito == '0'){ ?>
                                                        <div class="popup-info-favoritos">
                                                            Salve este imóvel<br/>
                                                            na sua lista de favoritos e veja-o sempre que quiser.<br/>
                                                            <span class="act_entendi">Ok, entendi!</span>
                                                            <div class="arrow-right-popup"></div>
                                                        </div>
                                                    <?php } ?>
                                                
                                                <div class="box-favoritos actFavoritos core_<?php e($imovel->id_imovel); ?> <?php e(isset($favoritos[$imovel->id_imovel]) ? 'btn_descurtir color_red' : 'btn_curtir color_grey'); ?>" title="<?php e(isset($favoritos[$imovel->id_imovel]) ? 'Remover dos favoritos' : 'Adicionar como favorito'); ?>" data-id="<?php e($imovel->id_imovel); ?>">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </div>
                                                <?php }else{ ?>
                                                <div class="box-favoritos color_grey openLogin" title="">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </div>
                                                <?php } ?>
                                                <?php if(($imovel->tipo_empreendimento??'') == "lancamento"){ ?>
                                                    <a href="<?php e($linkRedict)?>" target="_blank" >
                                                    <div class="box-flag">
                                                        <img src="<?php e(base_url('assets/img/comdono/icons/ico-flag-lancamento.png')); ?>" alt="Lançamento">
                                                    </div>
                                                    </a>
                                                <?php } ?>
                                                <?php if(!empty($imovel->imagens) ){ ?>
                                                    <div class="content-img box-img loading-img border-img"><i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i></div>
                                                    <div class="show-imgs">
                                                        <div class="owl-carousel-images owl-carousel owl-theme">
                                                            <?php foreach (array_slice($imovel->imagens, 0, 3)  as $img): ?>
                                                                <a href="<?php e($linkRedict)?>" target="_blank" >
                                                                    <div class="content-img box-img" style="background-image: url('<?php HImg::thumb($img); ?>');"></div>
                                                                </a>
                                                            <?php endforeach;  ?>
                                                        </div>
                                                    </div> 
                                                <?php }else{ ?>
                                                <a href="<?php e($linkRedict)?>" target="_blank" >
                                                    <div class="no-image border-img">
                                                        <img src="<?php e(base_url('themes/comdono/img/no-image.png')); ?>" class="img-fluid" alt="Não há imagens">
                                                    </div>
                                                </a>
                                                <?php }?>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="d-block-767">
                                        <div class="row m-0">
                                            <!--responsive-->
                                            <div class="col-6 p-0">
                                                <div class="title">
                                                    <?php if(($imovel->tipo_empreendimento??'') == "lancamento"){ ?>
                                                    <span class="cta-lancamento">Lançamento</span>
                                                    <?php } ?>
                                                    <a href="<?php e($linkRedict)?>" target="_blank">
                                                        <?php 
                                                        
                                                            if($title == 'Guará II') 
                                                                e('Guará II');
                                                            elseif($title == 'Damha II') 
                                                                e('Damha II');
                                                            else
                                                                e(ucwords(strtolower($title)));
                                                        ?>
                                                    </a>
                                                </div>
                                                
                                                <?php if($title == 'Damha II'){ ?>
                                                <div class="sub-title">Setor habitacional Tororó<br><span>Saída Sul</span></div>
                                                <?php }else { ?>
                                                <div class="sub-title"><?php e($imovel->endereco) ?><br/><span><?php e(!empty($imovel->cidade)?$imovel->cidade."-":"") ?><?php e($imovel->estado) ?></span></div>
                                                <?php } ?>
                                                
                                                
                                                <div class="valor"><?php if($imovel->val_pretendido !== ""){ HValorPretendido::exibe($imovel->val_pretendido);}?></div>
                                                <div class="descricao">
                                                    <div class="tipo"><?php e($imovel->tipo_imovel); ?></div>
                                                    <?php e(!empty($imovel->area_privativa && $imovel->area_privativa !== "0.00")?$imovel->area_privativa:$imovel->area_total); ?> m²<?php e(($imovel->quartos >= 1 ) ? " <span>|</span> ".$imovel->quartos." Quarto(s)" : ""); ?>
                                                    <?php e(($imovel->suites >= 1 ) ? " <span>|</span> ".$imovel->suites." Suite(s)" : ""); ?>
                                                </div>
                                            </div>
                                            <div class="col-6 p-0 container-img">
                                                <?php if($logado == true){ ?>
                                                    <?php if($box_item_first ==1 && $ppFavorito == '0'){ ?>
                                                        <div class="popup-info-favoritos">
                                                            Salve este imóvel<br/>
                                                            na sua lista de favoritos e veja-o sempre que quiser.<br/>
                                                            <span class="act_entendi">Ok, entendi!</span>
                                                            <div class="arrow-right-popup"></div>
                                                        </div>
                                                    <?php } ?>
                                                
                                                <div class="box-favoritos actFavoritos core_<?php e($imovel->id_imovel); ?> <?php e(isset($favoritos[$imovel->id_imovel]) ? 'btn_descurtir color_red' : 'btn_curtir color_grey'); ?>" title="<?php e(isset($favoritos[$imovel->id_imovel]) ? 'Remover dos favoritos' : 'Adicionar como favorito'); ?>" data-id="<?php e($imovel->id_imovel); ?>">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </div>
                                                <?php }else{ ?>
                                                <div class="box-favoritos color_grey openLogin" title="">
                                                    <i class="fa fa-heart" aria-hidden="true"></i>
                                                </div>
                                                <?php } ?>
                                                <?php if(($imovel->tipo_empreendimento??'') == "lancamento"){ ?>
                                                    <a href="<?php e($linkRedict)?>" target="_blank" >
                                                    <div class="box-flag">
                                                        <img src="<?php e(base_url('assets/img/comdono/icons/ico-flag-lancamento.png')); ?>" alt="Lançamento">
                                                    </div>
                                                    </a>
                                                <?php } ?>
                                                <?php if(!empty($imovel->imagens) ){ ?>
                                                    <div class="content-img box-img loading-img border-img"><i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i></div>
                                                    <div class="show-imgs">
                                                        <div class="owl-carousel-images owl-carousel owl-theme">
                                                            <?php foreach (array_slice($imovel->imagens, 0, 3)  as $img): ?>
                                                                <a href="<?php e($linkRedict)?>" target="_blank" >
                                                                    <div class="content-img box-img" style="background-image: url('<?php HImg::thumb($img); ?>');"></div>
                                                                </a>
                                                            <?php endforeach;  ?>
                                                        </div>
                                                    </div> 
                                                <?php }else{ ?>
                                                <a href="<?php e($linkRedict)?>" target="_blank" >
                                                    <div class="no-image border-img">
                                                        <img src="<?php e(base_url('themes/comdono/img/no-image.png')); ?>" class="img-fluid" alt="Não há imagens">
                                                    </div>
                                                </a>
                                                <?php } ?>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <?php $box_item_first++;  } ?>
                            </div>
                        </div>
                    </div>
                </div><!--fim accordion filtro list-->
            </div><!--fim accordion-->
        </div>
    </div>
    <div id="filtro-maps" class="collapse show container-marker col-md-9 p-0" aria-labelledby="filtro-maps" data-parent="#accordion">
        <div id="map" class="content-maps"></div>
        <div class="marker marker_1">
            <div class="marker-title"></div>
            <div class="marker-count"></div>
        </div>
        <div class="marker marker_2">
            <div class="marker-title"></div>
            <div class="marker-count"></div>
        </div>
        <div class="marker marker_3">
            <div class="marker-title"></div>
            <div class="marker-count"></div>
        </div>
        <div class="marker marker_4">
            <div class="marker-title"></div>
            <div class="marker-count"></div>
        </div>
        <div class="imovel-act container-detalhes container-detalhes-imovel">
            <div class="closePpImovel"><i class="fa fa-times" aria-hidden="true"></i></div>
            <div class="divFavorito"></div>
            <div class="ppImovel">
                <div class="img"></div>
                <div class="content-endereco">
                    <div class="bairro"></div>
                    <div class="endereco"></div>
                    <div class="tipo"></div>
                </div>
                <div class="content-valor">R$ <span class="valor"></span></div>
                <div class="info">
                    <span class="metros"></span>
                    <span class="quartos"></span>
                    <span class="suites"></span>
                </div>
                <div class="link text-center"></div>
            </div>
        </div>
        <div class="imovel-act container-detalhes container-detalhes-lancamento">
            <div class="closePpImovel"><i class="fa fa-times" aria-hidden="true"></i></div>
            <div class="divFavorito"></div>
            <div class="ppImovel">
                <div class="img"></div>
                <div class="content-endereco">
                    <div class="bairro"></div>
                    <div class="tipo"></div>
                </div>
                <div class="content-subtitle"></div>
                <div class="content-valor">R$ <span class="valor"></span></div>
                <!--<div class="content-title"></div>
                <div class="content-subtitle"></div>-->
                <div class="link text-center"></div>
            </div>
        </div>
    </div><!--fim accordion maps-->
</div>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAOAGU-4BBR5aS8X31cflK-7bp43EpHXsI"> </script>