{% extends "base.html" %}
{% block page_content %}
    <div class="multiple-pets">
        {% if pets %}
            <table>
                {% for pet in pets %}
                    {% if not pet.should_hide %}
                        <tr>
                            <th valign="top">
                                <a href="/pet/{{ pet.slugline }}"
                                  ><img src="{{ pet.main_image }}" /></a>
                            </th>
                            <td valign="top">
                                <h2>
                                    {% if pet.slugline %}
                                        <a href="/pet/{{ pet.slugline }}">
                                    {% endif pet.slugline %}
                                    {% if pet.name %}
                                        {{ pet.name }}
                                    {% else %}
                                        Anonymous
                                    {% endif %}
                                    {% if pet.breed_or_type %}
                                        - <span class="breed-or-type"
                                          >{{ pet.breed_or_type }}</span>
                                    {% endif %}
                                    {% if pet.slugline %}
                                        </a>
                                    {% endif pet.slugline %}
                                    {% if pet.shelter %}
                                        {% if pet.shelter.website %}
                                            (available from <a
                                              href="{{ pet.shelter.website }}">
                                        {% elif pet.shelter.slugline %}
                                            (available from <a
                                              href="/shelter/{{
                                              pet.shelter.slugline }}">
                                        {% endif %}
                                        {% if pet.shelter.name %}
                                            {{ pet.shelter.name }}
                                        {% else %}
                                            {% if pet.shelter.website or
                                              pet.shelter.slugline %}
                                                this shelter
                                            {% endif pet.shelter.website %}
                                        {% endif %}
                                        {% if pet.shelter.name or
                                          pet.shelter.website %}
                                            </a>)
                                        {% endif pet.shelter.name %}
                                    {% endif pet.shelter %}
                                </h2>
                                {% if pet.snippet %}
                                    {{ pet.snippet }}
                                {% endif %}
                            </td>
                        </tr>
                    {% endif pet.should_hide %}
                {% endfor pet %}
            </table>
        {% else %}
            <p><strong>There seem not to be any pets here.</strong></p>
        {% endfor pets %}
    </div>
{% endblock page_content %}