<?php $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1; $rowcls = apply_filters( 'opalestate_row_container_class', 'opal-row' ); $slocation = isset( $_GET['location'] ) ? sanitize_text_field( $_GET['location'] ) : opalestate_get_session_location_val(); $stypes = isset( $_GET['types'] ) ? sanitize_text_field( $_GET['types'] ) : -1; $sstatus = isset( $_GET['status'] ) ? sanitize_text_field( $_GET['status'] ) : -1; $search_min_price = isset( $_GET['min_price'] ) ? sanitize_text_field( $_GET['min_price'] ) : opalestate_options( 'search_min_price', 0 ); $search_max_price = isset( $_GET['max_price'] ) ? sanitize_text_field( $_GET['max_price'] ) : opalestate_options( 'search_max_price', 10000000 ); $showareasize = opalestate_options( OPALESTATE_PROPERTY_PREFIX . 'areasize_opt', 1 ); $showprice = opalestate_options( OPALESTATE_PROPERTY_PREFIX . 'price_opt', 1 ); $fields = OpalEstate_Search::get_setting_search_fields( '_v' ); ?> <div class="ajax-map-search full-width"> <div class="inner"> <div class="ajax-search-form" data-parent=".ajax-map-search"> <div class="<?php echo $rowcls; ?>"> <form id="opalestate-search-form" class="opalestate-search-form ajax-form" method="get"> <div class="col-lg-2 col-md-3 col-sm-4 ajax-change"> <?php Opalestate_Taxonomy_Status::dropdown_list( $sstatus ); ?> </div> <div class="col-lg-2 col-md-3 col-sm-4 ajax-change"> <?php Opalestate_Taxonomy_Location::dropdown_list( $slocation ); ?> </div> <div class="col-lg-2 col-md-3 col-sm-4 ajax-change"> <?php Opalestate_Taxonomy_Type::dropdown_list( $stypes ); ?> </div> <input type="hidden" name="paged" value="1"> </form> <form id="opalestate-more-search-form" class="opalestate-more-search-form pull-left" method="get"> <div class="opalestate-popup"> <div class="popup-head"><span><?php esc_html_e( 'More', 'opalestate-pro' ); ?></span><i class="fa"></i></div> <div class="popup-body"> <div class="popup-close"><i class="fa fa-times" aria-hidden="true"></i></div> <div class="ajax-advanded-search"> <?php if ( $fields ): ?> <?php foreach ( $fields as $key => $label ): ?> <div class="form-group"> <label><?php echo $label; ?></label> <?php opalestate_property_render_field_template( $key, esc_html__( "Any", 'opalestate-pro' ) ); ?> </div> <?php endforeach; ?> <?php endif; ?> <?php if ( $showprice ): ?> <div class="form-group"> <div class="cost-price-content"> <?php $data = [ 'id' => 'price', 'unit' => opalestate_currency_symbol() . ' ', 'ranger_min' => opalestate_options( 'search_min_price', 0 ), 'ranger_max' => opalestate_options( 'search_max_price', 10000000 ), 'input_min' => $search_min_price, 'decimals' => opalestate_get_price_decimals(), 'input_max' => $search_max_price, ]; opalesate_property_slide_ranger_template( esc_html__( "Price:", 'opalestate-pro' ), $data ); ?> </div> </div> <?php endif; ?> <?php if ( $showareasize ): ?> <div class="form-group"> <div class="area-range-content"> <?php opalestate_property_areasize_field_template(); ?> </div> </div> <?php endif; ?> <button type="submit" class="btn btn-danger btn-sm btn-search btn-3d btn-block"> <?php esc_html_e( 'Apply', 'opalestate-pro' ); ?> </button> </div> </div> </div> </form> <div class="col-lg-1 col-md-2 col-sm-3 col-xs-12"> <?php echo opalestate_load_template_path( 'user-search/render-form' ); ?> </div> <div class="col-lg-3 col-md-5 col-sm-6 col-xs-12"> <?php do_action( 'opalestate_before_render_search_properties_result' ); ?> </div> </div> </div> </div> <hr> <div class="<?php echo esc_attr( $rowcls ); ?>"> <div class="col-lg-6 col-md-12"> <div class="opalesate-properties-ajax opalesate-properties-results" data-mode="html"> <?php echo opalestate_load_template_path( 'shortcodes/ajax-map-search-result' ); ?> </div> </div> <div class="col-lg-6 col-md-12"> <div class="opalestate-sticky" data-parent=".ajax-map-search"> <div id="opalestate-map-preview" style="min-height:800px;" data-page="<?php echo esc_attr( $paged ); ?>"> <div id="mapView"> <div class="mapPlaceholder"> <div class="sk-folding-cube"> <div class="sk-cube1 sk-cube"></div> <div class="sk-cube2 sk-cube"></div> <div class="sk-cube4 sk-cube"></div> <div class="sk-cube3 sk-cube"></div> </div> </div> </div> </div> </div> </div> </div> </div>