{% extends "layout.html" %}

{% block title %}
  Astrodigenous Resource Search - Results for '{{ search_text }}'
{% endblock %}

{% block content %}
            {% include "partials/search_form.html" %}

            <hr>

            <h3>Results:</h3>
            <div id="search-results-container">
                {% if results %}
                <h4> Found {{ results | length }} result{{ results | length | pluralize }}!</h4>
                {% for result in results %}
                <div class="card" style="margin-top: 15px;">
                    <div class="card-body">
                        <h5 class="card-title">{{ result.title }}</h5>
                        <h6 class="card-subtitle mb-2 text-muted">{{ result.author }}</h6>
                        <p class="card-text">
                          <dl class="row">
                            <dt class="col-sm-2">Formats:</dt>
                            <dd class="col-sm-10">
                              {{ result.formats.all | join:", " }}
                            </dd>
                            <dt class="col-sm-2">Language:</dt>
                            <dd class="col-sm-10">
                              {{ result.languages.all | join:", " }}
                            </dd>
                          </dl>
                        </p>
                        <a href="/resource/{{ result.id }}" class="card-link">View resource</a>
                    </div>
                </div>
                {% endfor %}
                {% else %}
                <span> No Results found for {{ search_text }}, please try again! </span>
                {% endif %}
            </div>
{% endblock %}