
<div class="imoveis-search-container">
    <div class="page-header">
    <!-- Action Buttons -->
        <div class="d-flex float-end">
            <div class="btn-group" role="group">
                <button type="button" class="btn btn-info btn-sm" data-bs-toggle="modal" data-bs-target="#helpModal">
                    <i class="bi bi-question-circle" aria-hidden="true"></i> Ajuda                </button>
                            </div>
        </div>
        <h1><i class="bi bi-search me-2" aria-hidden="true"></i>Busca de Imóveis</h1>


    </div>
<p class="lead text-muted"></p>
    <form action="/imoveis/default.html" method="post" id="adminForm" name="adminForm" class="form-vertical" novalidate>
        <div class="card card-body bg-light p-2 border border-1 rounded-2">
            <fieldset class="filters">
                <legend>Filtros</legend>

                <div class="row">
                    <div class="col-12 col-lg-6">
                        <label for="filter_search" class="form-label">Pesquisar</label>
                        <input type="text" name="filter_search" id="filter_search" class="form-control" value="" placeholder="Pesquisar...">
                    </div>
                    <div class="col-12 col-lg-3">
                        <label for="filter_id_tipo_contrato" class="form-label fw-bold">Tipo de Contrato *</label>
                        <select name="filter_id_tipo_contrato" id="filter_id_tipo_contrato" class="form-control" required="required">
                            <option value="">Tipo de Contrato</option>
                            <option value="tc-02">Aluguel</option>
<option value="tc-03">Temporada</option>
<option value="tc-01">Venda</option>
                        </select>
                    </div>
                    <div class="col-12 col-lg-3">
                        <label for="filter_id_tipo_imovel" class="form-label fw-bold">Tipo de Imóvel *</label>
                        <select name="filter_id_tipo_imovel" id="filter_id_tipo_imovel" class="form-control" required="required">
                            <option value="">Tipo de Imóvel</option>
                            <option value="ti-02">Apartamento</option>
<option value="ti-01">Casa</option>
<option value="ti-07">Casa de Condom&iacute;nio</option>
<option value="ti-08">Cobertura</option>
<option value="ti-05">Comercial</option>
<option value="ti-09">Flat / Studio</option>
<option value="ti-06">Galp&atilde;o / Dep&oacute;sito / Armaz&eacute;m</option>
<option value="ti-10">Loja / Sal&atilde;o</option>
<option value="ti-04">S&iacute;tio / Ch&aacute;cara</option>
<option value="ti-03">Terreno / Lote</option>
                        </select>
                    </div>
                </div>
                <div class="row">

                </div>

                <div class="row">
                    <div class="col-12 col-lg-3">
                        <label for="filter_valor_min" class="form-label">Valor Mínimo R$</label>
                        <input type="text" name="filter_valor_min" id="filter_valor_min" class="form-control" value="" placeholder="Valor Mínimo R$">
                    </div>
                    <div class="col-12 col-lg-3">
                        <label for="filter_valor_max" class="form-label">Valor Máximo R$</label>
                        <input type="text" name="filter_valor_max" id="filter_valor_max" class="form-control" value="" placeholder="Valor Máximo R$">
                    </div>

                    <div class="col-12 col-lg-3">
                        <label for="filter_metragem_min" class="form-label">Metragem mínima (m²)</label>
                        <input type="text" name="filter_metragem_min" id="filter_metragem_min" class="form-control" value="" placeholder="Metragem mínima (m²)">
                    </div>
                    <div class="col-12 col-lg-3">
                        <label for="filter_metragem_max" class="form-label">Metragem máxima (m²)</label>
                        <input type="text" name="filter_metragem_max" id="filter_metragem_max" class="form-control" value="" placeholder="Metragem máxima (m²)">
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 col-lg-2">
                        <label for="filter_estado_uf" class="form-label  fw-bold">Estado *</label>
                        <select name="filter_estado_uf" id="filter_estado_uf" class="form-control w-100" required="required">
                            <option value="">Estado</option>
                            <option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amap&aacute;</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Cear&aacute;</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Esp&iacute;rito Santo</option>
<option value="GO">Goi&aacute;s</option>
<option value="MA">Maranh&atilde;o</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Par&aacute;</option>
<option value="PB">Para&iacute;ba</option>
<option value="PR">Paran&aacute;</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piau&iacute;</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rond&ocirc;nia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">S&atilde;o Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
                        </select>
                    </div>
                    <div class="col-12 col-lg-2">
                        <label for="filter_id_cidade" class="form-label  fw-bold">Cidade *</label>
                        <select name="filter_id_cidade" id="filter_id_cidade" class="form-control w-100" required="required">
                            <option value="">Cidade</option>
                                                    </select>
                    </div>
                    <div class="col-12 col-lg-2">
                        <label for="filter_quartos_min" class="form-label">Mínimo de Quartos</label>
                        <select name="filter_quartos_min" id="filter_quartos_min" class="form-control w-100">
                            <option value="">Tudo</option>
                            <option value="1" >1+</option>
                            <option value="2" >2+</option>
                            <option value="3" >3+</option>
                            <option value="4" >4+</option>
                        </select>
                    </div>
                    <div class="col-12 col-lg-2">
                        <label for="filter_garagens_min" class="form-label">Vagas de garagem</label>
                        <select name="filter_garagens_min" id="filter_garagens_min" class="form-control w-100">
                            <option value="">Tudo</option>
                            <option value="0" selected>Sem</option>
                            <option value="1" >1+</option>
                            <option value="2" >2+</option>
                            <option value="3" >3+</option>
                            <option value="4" >4+</option>
                        </select>
                    </div>
                    <div class="col-12 col-lg-2">
                        <label for="filter_suites_min" class="form-label">Suítes</label>
                        <select name="filter_suites_min" id="filter_suites_min" class="form-control">
                            <option value="">Tudo</option>
                            <option value="0" selected>Sem</option>
                            <option value="1" >1+</option>
                            <option value="2" >2+</option>
                            <option value="3" >3+</option>
                            <option value="4" >4+</option>
                        </select>
                    </div>
                    <div class="col-12 col-lg-2">
                        <label for="filter_banheiros_min" class="form-label">Banheiros</label>
                        <select name="filter_banheiros_min" id="filter_banheiros_min" class="form-control">
                            <option value="">Tudo</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 class="form-actions mt-5" style="text-align: right;">
                    <!--<button type="button" class="btn" onclick="clearImoveisFiltersAndSubmit();"><i class="bi bi-x-circle"></i> Limpar</button>-->
                    <a class="btn btn-secondary" href="/buscar-imóveis.html"><i class="bi bi-filter-square"></i> Busca Simplificada</a>
                    <button type="submit" class="btn btn-primary"><i class="bi bi-search" aria-hidden="true"></i> Busca</button>
                </div>
            </fieldset>
        </div>
        <input type="hidden" name="Itemid" value="101" />
        <input type="hidden" name="limitstart" value="0" />
        <input type="hidden" name="filter_order" id="filter_order" value="a.created" />
        <input type="hidden" name="filter_order_Dir" id="filter_order_Dir" value="DESC" />
        <input type="hidden" name="layout_mode" id="layout_mode" value="cards" />
        <input type="hidden" name="tracking" value="08cced5e-8e34-f8df-e28e-fd6c94de5606" />
        <input type="hidden" name="ea7d8ad529fb9da563989e82725759f5" value="1">        <div class="d-flex justify-content-end">
            <select id="limit" name="limit" class="form-select" onchange="this.form.submit()">
	<option value="5">5</option>
	<option value="10">10</option>
	<option value="15">15</option>
	<option value="20">20</option>
	<option value="25">25</option>
	<option value="30">30</option>
	<option value="50">50</option>
	<option value="100">100</option>
	<option value="200">200</option>
	<option value="500">500</option>
	<option value="0" selected="selected">Tudo</option>
</select>
        </div>
    </form>

        <div class="d-flex justify-content-end gap-2 mb-3">
                    </div>
    
    <div id="imoveis-results">
        
        <div class="row p-1" >
            <div class="col-12 col-sm-6 form-group text-start">
                <label for="ordering_select" class="form-label" style="display:block;">
                    Ordenar por                </label>
                <select id="ordering_select" class="form-control">
                    <option value="valor_asc" >Valor (Menor para Maior)</option>
                    <option value="valor_desc" >Valor (Maior para Menor)</option>
                    <option value="views_desc" >Mais vistos (Relevância)</option>
                    <option value="created_desc" selected>Mais Recentes</option>
                    <option value="created_asc" >Mais Antigos</option>
                </select>
            </div>
            <div class="col-12 col-sm-6 form-group text-end mt-3">
                <div class="btn-group" role="group" aria-label="Modo de visualização">
                    <button class="btn btn-sm btn-view-mode btn-primary active" data-mode="cards" title="Cards">
                        <i class="bi bi-grid"></i> Cards                    </button>
                    <button class="btn btn-sm btn-view-mode " data-mode="list" title="Lista">
                        <i class="bi bi-list"></i> Lista                    </button>
                </div>
            </div>
        </div>

                    <div class="alert alert-info">
                Nenhum imóvel foi encontrado com os seus critérios.            </div>
                <div class="mb-11 text-center">
                        </div>
    </div>
</div>
