{% extends 'layouts/base.html' %}

{% block title %}
SRCT Bookshare • Latest Listings
{% endblock title %}

{% block content %}

<div class="page-header" id="banner">
  <div class="row">
    <div class="col-lg-12">
      <h1 class="text-center"><strong>SRCT</strong>&#8203;BOOKSHARE</h1>
      <p class="lead text-center"><strong>Latest Listings</strong></p>
    </div>
  </div>
</div>

{% if listings %}

  <div class="row">
    <div class="col-md-10 col-md-offset-1 text-center">
      <h4><p>Want to instead <strong><a href="/search">search</a></strong> for something specific?</p></h4>
    </div>
  </div>

  <legend></legend>

  <div class="row">
    <div class="col-md-10 col-md-offset-1 text-center bottom-padding">
      <small><em>New listings may take a few moments to appear.</em></small>
    </div>
    {% for listing in listings %}
      <div class="col-md-6">
        {% include 'listing_preview_panel.html' %}
      </div>
      {% if forloop.counter|divisibleby:2 %}
     </div>
     <div class="row">
      {% endif %}
    {% endfor %}
  </div>

  {% if is_paginated %}
  <nav>
    <ul class="pager">
      {% if page_obj.has_next %}
        <li class="next">
          <a href="/share/all/?page={{ page_obj.next_page_number }}"><strong>next &rarr;</strong></a>
        </li>
      {% endif %}
      {% if page_obj.has_previous %}
        <li class="previous">
          <a href="/share/all/?page={{ page_obj.previous_page_number }}"><strong>&larr; previous</strong></a>
        </li>
      {% endif %}
    </ul>
  </nav>
  {% endif %}

{% else %}

  <div class="row">
    <div class="col-md-10 col-md-offset-1 text-center">
      <div class="panel panel-warning">
        <div class="panel-body">
          <h3>There aren't any open listings in the database right now!</h3>
          <p>
            You can be the first to <a href="{% url 'create_listing' %}">create one</a>.
          </p>
        </div>
      </div>
    </div>
  </div>

{% endif %}

{% endblock content %}