<?php
/**
 * The template for collapse city search
 *
 * @version 1.0.0
 */

defined( 'ABSPATH' ) || exit;

$unique_id                         = esc_attr( wp_unique_id() );
$GLOBALS['group-info-column'] = 4;

if ( isset( $nobutton ) && $nobutton ) {
	$grid = [
		0 => 7,
		1 => 4,
		2 => 1,
		3 => 0,
	];
} else {
	$grid = [
		0 => 6,
		1 => 3,
		2 => 1,
		3 => 2,
	];
}

$display_more_options = isset( $display_more_options ) ? $display_more_options : true;

$form_classes = [
	'opalestate-search-form',
	'opalestate-search-form--collapse-city',
	isset( $hidden_labels ) && $hidden_labels ? 'hidden-labels' : '',
];

?>

<form class="<?php echo esc_attr( implode( ' ', array_map( 'sanitize_html_class', $form_classes ) ) ); ?>" action="<?php echo esc_url( opalestate_get_search_link() ); ?>" method="GET">
    <div class="opal-row">
        <div class="col-lg-<?php echo esc_attr( $grid[0] ) ?> col-md-<?php echo esc_attr( $grid[0] ); ?> col-sm-<?php echo esc_attr( $grid[0] ); ?> col-xs-12">
			<?php echo opalestate_load_template_path( 'search-box/fields/search-city-text' ); ?>
        </div>

        <div class="col-lg-<?php echo esc_attr( $grid[1] ); ?> col-md-<?php echo esc_attr( $grid[1] ); ?> col-sm-<?php echo esc_attr( $grid[1] ); ?> col-xs-12">
			<?php echo opalestate_load_template_path( 'search-box/fields/status' ); ?>
        </div>

        <div class="col-lg-<?php echo esc_attr( $grid[2] ); ?> col-md-<?php echo esc_attr( $grid[2] ); ?> col-sm-<?php echo esc_attr( $grid[2] ); ?> col-xs-12">
            <button type="button" class="opal-collapse-button opalestate-collapse-btn btn btn-primary" data-collapse="#collapse-city-<?php echo esc_attr( $unique_id ); ?>">
	            <?php echo apply_filters( 'opalestate_search_form_collapse_button', '<i class="fa fa-caret-down" aria-hidden="true"></i>' ); ?>
            </button>
        </div>

		<?php if ( ! isset( $nobutton ) || ! $nobutton ) : ?>
            <div class="col-lg-<?php echo esc_attr( $grid[3] ); ?> col-md-<?php echo esc_attr( $grid[3] ); ?> col-sm-<?php echo esc_attr( $grid[3] ); ?> col-xs-12">
				<?php echo opalestate_load_template_path( 'search-box/fields/submit-button' ); ?>
            </div>
		<?php endif; ?>
    </div>

    <div id="collapse-city-<?php echo esc_attr( $unique_id ); ?>" class="opal-collapse-container collapse-city-inputs">
        <div class="opal-row">
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
				<?php echo opalestate_load_template_path( 'search-box/fields/types' ); ?>
            </div>

			<?php echo opalestate_load_template_path( 'search-box/fields/group-info' ); ?>

            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
				<?php echo opalestate_load_template_path( 'search-box/fields/price' ); ?>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
				<?php echo opalestate_load_template_path( 'search-box/fields/areasize' ); ?>
            </div>
        </div>

	    <?php
	    if ( $display_more_options ) {
		    echo opalestate_load_template_path( 'search-box/fields/more-options' );
	    }
	    ?>
    </div>

	<?php do_action( 'opalestate_after_search_properties_form' ); ?>
</form>
