import React from 'react';

export default class Listings extends React.Component {
  onListingClick() {
    if (this.props.onListingClick) {
      this.props.onListingClick();
    }
  }
  render() {

    return (
      <div className="listings">
        <div className="listings-header">
          <div className="select-container">
            <div className="select-group">
              <select name="listings-type" id="listings-type">
                <option value="cijena">Cijena: od najmanje</option>
              </select>
            </div>
          </div>
          <div className="listings-count">
            322 rezultata
          </div>
        </div>

        <div className="listings-items">
          <div className="property-list-item" onClick={this.onListingClick.bind(this)}>
            <div className="pli-image">
              <img src="https://d37lj287rvypnj.cloudfront.net/150225204/medium" alt=""></img>
              </div>
              <div className="pli-details">
                <div className="price">12 000 KM</div>
                <div className="description">4 sobe, 111m2</div>
                <div className="address">
                  <div className="street">
                    Hakije Turajlica 2/2
                  </div>
                  <div className="location">
                    Sarajevo, Novi Grad
                  </div>
                </div>
                <div className="hours-ago">Prije 2 sata</div>
              </div>
            </div>
            <div className="property-list-item">
              <div className="pli-image">
                <img src="https://d37lj287rvypnj.cloudfront.net/151086207/medium" alt=""></img>
                </div>
                <div className="pli-details">
                  <div className="price">12 000 KM</div>
                  <div className="description">4 sobe, 111m2</div>
                  <div className="address">
                    <div className="street">
                      Hakije Turajlica 2/2
                    </div>
                    <div className="location">
                      Sarajevo, Novi Grad
                    </div>
                  </div>
                  <div className="hours-ago">Prije 2 sata</div>
                </div>
              </div>
        </div>
      </div>)
  }
}