<?php

/**
 * @file content-archive.php
 * Archive single property template.
 *
 * @var Es_Property $es_property
 * @var Es_Settings_Container $es_settings
 */

global $es_settings;
$es_property = es_get_property( get_the_ID() );
$area = es_the_formatted_area( '', '', false);
$bedrooms = es_get_the_formatted_bedrooms();
$bathrooms = es_get_the_formatted_bathrooms();
?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <div class="es-property-inner">
        <div class="es-property-thumbnail">
            <div class="es-thumbnail">
                <a href="<?php the_permalink(); ?>">
                    <?php if ( ! empty( $es_property->gallery ) ) : ?>
                        <?php es_the_post_thumbnail( 'property-archive-thm' ); ?>
                    <?php elseif ( $image = es_get_default_thumbnail( 'property-archive-thm' ) ) : ?>
                        <?php echo $image; ?>
                    <?php else: ?>
                        <div class="es-thumbnail-none">
                            <?php if ( ! $es_property->get_labels_list() ) : ?>
                                <?php _e( 'No image', 'es-plugin' ); ?>
                            <?php endif; ?>
                        </div>
                    <?php endif; ?>

                    <?php if ( $es_settings->show_labels ) : ?>
                        <ul class="es-property-label-wrap">
                            <?php foreach ( $es_property->get_labels_list() as $label ) : $value = $es_property->{$label->slug}; ?>
                                <?php if ( ! empty( $value ) ) : ?>
                                    <li class="es-property-label es-property-label-<?php echo $label->slug; ?>"
                                        style="color:<?php echo es_get_the_label_color( $label->term_id ); ?>"><?php _e( $label->name, 'es-plugin' ) ; ?></li><br>
                                <?php endif; ?>
                            <?php endforeach; ?>
                        </ul>
                    <?php endif; ?>
                    <div class="es-thumbnail-bottom"><?php echo count( $es_property->gallery ); ?></div>
                </a>
            </div>
        </div>
        <div class="es-property-description">
            <div class="es-property-data">
                <h2>
                    <a href="<?php the_permalink(); ?>"><?php es_the_title(); ?></a>
                </h2>
                <?php es_the_formatted_price(); ?>

                <div class="es-property-excerpt">
                    <?php the_excerpt() ?>
                </div>
            </div>
            <div class="es-bottom-info">

                <?php if ( !empty( $area ) || !empty( $bedrooms ) || !empty( $bathrooms ) ):?>
                    <div class="es-bottom-icons">
                        <?php if ( !empty( $area ) ):?>
                            <span class="es-bottom-icon"><i class="es-icon es-squirefit" aria-hidden="true"></i> <?php es_the_formatted_area(); ?></span>
                        <?php endif;?>
                        <?php if ( !empty( $bedrooms ) ):?>
                            <?php es_the_formatted_bedrooms( '<span class="es-bottom-icon"><i class="es-icon es-bed" aria-hidden="true"></i> ', '</span>', true ); ?>
                        <?php endif;?>
                        <?php if ( !empty( $bathrooms ) ):?>
                            <?php es_the_formatted_bathrooms( '<span class="es-bottom-icon"><i class="es-icon es-bath" aria-hidden="true"></i> ', '</span>', true ); ?>
                        <?php endif;?>
                    </div>
                <?php endif;?>
            </div>
        </div>
        <div class="es-footer-hover">

	        <?php do_action( 'es_wishlist_add_button', get_the_ID() ); ?>

            <span class="es-read-wrap">
                <a href="<?php the_permalink(); ?>"
                   class="theme-button es-read"><?php _e( 'Details', 'es-plugin' ); ?></a>
             </span>
            <?php if ( ! empty( $es_property->latitude ) && ! empty( $es_settings->google_api_key ) ) : ?>
                <div class="es-map-link-wrap">
                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                    <a href="#" class="es-map-view-link"
                       data-longitude="<?php echo $es_property->longitude; ?>"
                       data-latitude="<?php echo $es_property->latitude; ?>"><?php _e( 'View on map', 'es-plugin' ); ?></a>
                </div>
            <?php endif; ?>
        </div>
    </div>
</article>