{% extends 'base.html' %}
{% block content %}

<h1> Welcome to {{ config.SITE_NAME }}! </h1>

{% if config.ABOUT_TEXT %}
<p class='pre-wrap'>{{ config.ABOUT_TEXT|safe }}</p>
<hr>
{% endif %}

<form action='/' method='get'>
<label for='search'>
  {{translate('Search')}}: <br><input type='text' id='search' name='search'>
</label>
</form>

<h2 class='no-margin-bottom'> {% if  search_term %} {{translate('Results for')}} <span class='emphasis'> {{ search_term }} </span><br><a class='smaller' href='/'>{{translate('Clear search results')}}</a> {% else %} {{translate('Latest listings')}}: {% endif %}</h2>

{% if not listings %}
<p class='emphasis'> {{translate('Nothing here!')}}</p>
{% else %}
<ul class='listings-preview'>
  {% for listing in listings %}
    <li>
      <a href='/listing/{{ listing.id }}'>
        <p class='listing-title'> {{ listing.title }}</p>
        {% if listing.primary_image_path %}
        <img class='listing-image' src='/static/images/thumbnail-{{ listing.primary_image_path }}'>
        {% endif %}
        <p class='listing-description smaller'>{{ listing.description }} </p>
      </a>
    </li>
  {% endfor %}
</ul>
{% endif %}

{% endblock content %}