@extends('layouts.template')
@section('conteudo')
<title>Dinâmica Sul - Imobiliária em Blumenau</title>
<link href="https://www.dinamicasul.com.br/styles/multiselect.css" rel="stylesheet"/>
    <script src="https://www.dinamicasul.com.br/multiselect.min.js"></script>
	<style>
		/* example of setting the width for multiselect */
		#testSelect1_multiSelect {
			width: 100%;
		}
	</style>
    
  </div>
  <div class="home-banner uk-section-default uk-position-relative">
        <div style="background-image: url(&quot;/images/bannernovo.jpg&quot;); box-sizing: border-box; min-height: calc(100vh - 77.55px); height: calc(100vh - 77.55px);" class="uk-background-norepeat uk-background-cover uk-background-top-center uk-section uk-section-large uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 5">
                <div class="uk-position-cover" style="background-color: rgba(0, 0, 0, 0.32);"></div>
                <div class="uk-width-1-1">
                        <div class="uk-container uk-position-relative">
                <div class="uk-flex-middle uk-margin uk-grid uk-grid-stack" uk-grid="">
    <div class="uk-width-1-1@m uk-first-column">
    <h1 class="uk-visible@m uk-margin-remove-bottom uk-text-center uk-h3 uk-text-muted">
        <br><span style="font-size: 110%;">Compre ou alugue seu imóvel</span>    </h1>
<h2 class="uk-visible@m uk-margin-remove-top uk-text-center uk-h3 uk-text-muted">
        <span style="font-size: 70%;">Encontre apartamentos, casas e imóveis comerciais</span>    </h2>
<h2 class="uk-hidden@m uk-text-center uk-h5 uk-text-muted">
        BUSCAR IMÓVEL    </h2>
<div class="uk-text-center uk-panel">

<form method="get" action="buscar">
<div class="search_home">
<div class=" search-slide uk-align-center">
		<div class="uk-grid" style="padding: 0 20px;">
		<div class="uk-width-5-6@m uk-width-1-1">
		<div class="uk-grid">
			<div class="uk-width-1-3@m uk-width-1-1 select-terco">
            <i class="fa fa-tag select-icon"></i>
				<select id="tipoNegocio" name="tipoNegocio" style="width:150px !important;" class="input-medium chosen" >
<option value="" selected="selected">Negócio</option>
</select>
			</div>
			<div class="uk-width-2-3@m uk-width-1-1 select-terco">
			<div class="uk-grid">
			<div class="uk-width-1-3@m uk-width-1-1">
            <i class="fa fa-home select-icon"></i>
				<select id="tipoImovel" name="tipoImovel" style="width: 150px !important;" class="input-medium chosen">
	<option value="" selected="selected">Tipo de Im&oacute;vel</option>
	</select>
			</div>
			<div class="uk-width-1-3@m uk-width-1-1 select-in">
            <i class="fa fa-map-marker select-icon"></i>
							<span id="country_state_search_module117">
                            <select class="form-control" onpageshow="buscar()" autocomplete="off" name="cidade" onchange="carrega(this.value);">
                <option value="" selected>Cidade</option>
                            </select>
</span>
                        </div>


			<div class="uk-width-1-3@m uk-width-1-1 select-in">
            <i class="fa fa-map-pin select-icon"></i>
			<span id="city_div_search_module117">
            <div>
            <select class="form-control" autocomplete="off" required  name="bairro" id="testSelect1"  >
                <option value="">Selecione Cidade</option>
            </select>
            </div>
			</span>
			</div>
            <script src="https://code.jquery.com/jquery-latest.js"></script>
        <script>
        function carrega(id){
            
            var parametros = 'id='+id;
            action = 'arquivo3.php';
            $.ajax({
                type: "POST",
                url: action,
                data: parametros,
                beforeSend: function() {
                    $('#testSelect1').empty().append('<option value="0">Aguarde...</option>');
                },        
                success: function(txt) {  
                    $('#testSelect1').empty().append(txt);
                },
                error: function(txt) {
                    $('#testSelect1').empty().append('<option value="0">Erro!</option>');
                }
            });
        }
        </script>
		</div>
		</div>
		</div>

			<div class="uk-grid" style="margin-top:0;">
			<div class="uk-width-1-3@m uk-width-1-1 select-terco">
            <i class="fa fa-bed select-icon"></i>
				<select class="input-medium chosen" name="dormitorios">
    <option value="">Dormitórios</option>
    <option value="1">1 Dormitório</option>
    <option value="2">2 Dormitórios</option>
    <option value="3">3 Dormitórios</option>
    <option value="4">4 Dormitórios</option>
    <option value="7">7 Dormitórios</option>		
</select>
			</div>
			<div class="uk-width-2-3@m uk-width-1-1 select-terco">
			<div class="uk-grid">
			<div class="uk-width-1-3@m uk-width-1-1">
            <i class="fa fa-car select-icon"></i>
				<select class="input-medium chosen" name="vagas">
    <option value="">Vagas</option>
    <option value="1">1 garagem</option>
    <option value="2">2 garagens</option>
    <option value="3">3 garagens</option>
    <option value="4">4 garagens</option>
    <option value="6">6 garagens</option>
    <option value="8">8 garagens</option>
    <option value="9">9 garagens</option>
    <option value="10">10 garagens</option>		
</select>
			</div>
			<div class="uk-width-1-3@m uk-width-1-1 select-in">
                            <input type="text" class="valor_min" name="valor_min" id="valor_min" style="margin-top: 5px;border-radius: 0px;float: left;" placeholder="Valor Mínimo" value="" />
						</div>
			<div class="uk-width-1-3@m uk-width-1-1 select-in">
            <input type="text" class="valor_max" name="valor_max" id="valor_max" style="margin-top: 5px;border-radius: 0px;float: left;" placeholder="Valor Máximo" value=""/>
</select>
			</div>
            <input id="suites" name="suites" type="hidden">
            <input id="banheiros" name="banheiros" type="hidden">
		</div>
		</div>
		</div>
		</div>
		<div class="uk-width-1-1 uk-width-1-6@m uk-align-center" style="padding-left: 20px;margin: 5px 0;">
        <button id="btnSearchP" class="uk-button uk-button-default" type="submit">Buscar</button><br>
 
        </form>
        <form method="get" action="referencia">
        <div style="margin-top: 10px;">
		 <input type="text" id="referencia" name="referencia" class="input-medium" style="max-width: 75%;float: left;border-top-right-radius: 0px;border-bottom-right-radius: 0px;" value=""  placeholder="Buscar Código">
         <button type="submit" class="btn btn-primary btn-block" style="max-width: 25%;float: left;height: 50px;padding: 10px 10px;border-radius: 3px;background-color: #d83135;border-top-left-radius: 0px;border-bottom-left-radius: 0px;"><i class="osicon-search icon-search"></i></button>
         </div>
         </form>
         
         <script>
        document.multiselect('#testSelect1')
            .setCheckBoxClick("checkboxAll", function(target, args) {
                console.log("Checkbox 'Selecionar Todos' was clicked and got value ", args.checked);
            })
            .setCheckBoxClick("1", function(target, args) {
                console.log("Checkbox for item with value '1' was clicked and got value ", args.checked);
            });
    
        function enable() {
            document.multiselect('#testSelect1').setIsEnabled(true);
        }
    
        function disable() {
            document.multiselect('#testSelect1').setIsEnabled(false);
        }
    </script>
    <script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
    <SCRIPT language="javascript">
     $(document).ready(function () {
        $('.valor_max').mask('#.##0,00', {reverse: true});
        $('.valor_min').mask('#.##0,00', {reverse: true});
        return false;
    });
    </SCRIPT>

    </div>
	</div>
		</div>
		</div>
	</div>

 
</ul></div>


</div>
</div>
</div>
                        </div>
                </div>
<!-- Finaliza Busca -->


<!-- Começa imóveis -->
                
                
</div>
                                          </div>
                  </div>
  
              
              
              <div id="tm-main" class="tm-main uk-section uk-section-default" uk-height-viewport="expand: true">
                  <div class="uk-container">
  
                      
                      <div class="uk-grid uk-grid-large uk-grid-divider" uk-grid>
                          <div class="uk-width-expand@m">
  
                              
              
              
                      <div class="clearfix"></div>
          <div class="row-fluid">
              <div class="span12">
                      <div class="row-fluid" id="ospropertyadvsearch" >
              <div class="">
                                  <div class="tab-content" style="margin-top:10px;">
                      <div class="tab-pane active" id="general-information" >
                          <fieldset>
                              <div class="row-fluid">
                                                                  <div style="display:none;" class="span4">
                                      <strong>
                                          Categoria0
                                      </strong>
                                      <div class="clearfix"></div>
                                      
                                                                      </div>
                                                                  <div style="display:none;" class="span4">
                                      <strong>
                                          Tipo de Transação									</strong>
                                      <div class="clearfix"></div>
                                      
                                  </div>
                                                                                                                                  <div style="display:none;" class="span4">
                                      <strong>
                                          Price range									</strong>
                                      <BR />
                                     
                                  </div>
                                                                                                      </div>
                                      <div class="row-fluid">
                                                                      <div style="display:none;" class="span4">
                                      <strong>
                                          Keyword									</strong>
                                      <div class="clearfix"></div>
                                      <input type="text" class="input-large" value="" name="keyword" style="width:180px !important;" />
                                  </div>
                                                                                                  <!--<div class="span4">
                                      <strong>
                                          Sort by									</strong>
                                      <div class="clearfix"></div>
                                      <select id="sortby" name="sortby" class="input-medium" onchange="document.getElementById('ordenar').value=this.value; document.getElementById('btnSearch').click();">
      <option value="relevancia">Relev&acirc;ncia</option>
      <option value="preco" selected="selected">Pre&ccedil;o (menor - maior)</option>
      <option value="preco-maior">Pre&ccedil;o(maior - menor)</option>
  </select>
                                  </div>-->
                                                                  
  
                                  <!--<div class="span4">
                                      <strong>
                                          Order by									</strong>
                                      <div class="clearfix"></div>
                                      <select id="orderby" name="orderby" class="input-medium">
      <option value="desc">Decrescente</option>
      <option value="asc" selected="selected">Crescente</option>
  </select>
                                  </div>-->
                                                                                                      </div>
                                      <div class="row-fluid">
                                                                  </div>
                          </fieldset>
                      </div>
                                      </div>
                   
              </div>
              <!-- 			<div class="clearfix"></div>
              <div class="span12" style="text-align:right;margin-left:0px;">
                                      <strong>
                                          Ordernar por
                                      </strong>
                                      <select id="sortby" name="sortby" class="input-medium" onchange="document.getElementById('ordenar').value=this.value; document.getElementById('btnSearch').click();">
      <option value="relevancia">Relev&acirc;ncia</option>
      <option value="preco" selected="selected">Pre&ccedil;o (menor - maior)</option>
      <option value="preco-maior">Pre&ccedil;o(maior - menor)</option>
  </select>
                                      <select id="orderby" name="orderby" class="input-medium">
      <option value="desc">Decrescente</option>
      <option value="asc" selected="selected">Crescente</option>
  </select>
                                      <input type="submit" class="uk-button-default uk-button" value="Ordenar" />
                                  
                  <!-- <input type="button" onclick="javascript:document.ftForm.reset();" class="btn btn-warning" value="Reset" /> -->
                              <!-- </div> -->
          </div>
          
                      </div>
              <div id="search_list_div"></div>
              <div class="clearfix"></div>
                              <div class="clearfix"></div>
                                          <div class="aba-loading">
                              <div class="aba-loading-gif">
                              <div class="uk-text-center;"><img src="/images/loading-list.gif"> Carregando imóveis</div>
                              </div>
                              </div>
                  <div id="listings">
                      <a href="https://marketing.dinamicasul.com.br/bella-cyntra-exclusive?utm_source=site&utm_medium=banner&utm_campaign=site%20banner%20exclusive" target="_blank">
                  <img src="/manutencao2/images/banner-capa01.jpg" alt="01" style="width: 100%; height: auto;margin-bottom: 55px;">
                        </a>
                  <!-- ABAS -->
                      <div class="abas-topo">
                                              <div class="uk-grid">
                              
  
                              
                          </div>
                                      
                      <!-- ABA TITULO FIM -->
                      </div>
                      <!-- ABAS FIM -->
                      
  <div id="notice" style="display:none;">
  
  </div>
  
  <style>
  .os-propertytitle {
      color:#03b4ea !important;
  }
  
  .span12 {
      display: none!important;
  }
  </style>
  <div id="listings">
              <input type="hidden" name="currency_item" id="currency_item" value="" />
          <input type="hidden" name="live_site" id="live_site" value="https://www.dinamicasul.com.br/" />
                  <div class="latestproperties latestproperties_right uk-grid" style="margin-left: -20px;">
                           
                    <!-- Aqui vai os Imóveis -->
                                        
                    <!-- Fim do Imóvel-->
                      </div>
                     
              </div>
  <input type="hidden" name="process_element" id="process_element" value="" />

                  </div>
                              </div>
                              
  
          
      
  
              
              
                          </div>
  
                                             
                          
                      </div>
  
                  </div>
              </div>
@endsection