{% extends "base.html" %}
{% load static %}

{% block title %} - Search Results{% endblock %}

{% block css %}
<link rel="stylesheet" href="{% static 'lib/admin-lte/plugins/flag-icon-css/css/flag-icon.min.css' %}">
{% endblock css %}

{% block content %}
  <div class="container-fluid m-2">
    {% if results.count > 0 %}
    <h4>Your search returned multiple results:</h4>

    {% else %}
    <h4>No results found</h4>
    <blockquote>
      <p>Don't panic.</p>
      <small>-<cite>The Hitchhiker's Guide to the Galaxy</cite></small>
    </blockquote>
    <div>
      If you are looking for a satellite that we don't seem to have, please <a href="https://wiki.satnogs.org/Get_In_Touch" target="_blank">let us know</a>!
    </div>
    {% endif %}
    <div class="d-flex justify-content-center">
      <div class="w-75">
        {% for satellite in results %}
          {% include 'includes/cards/satellite_card.html' with satellite=satellite %}
        {% endfor %}
      </div>
    </div>
  </div>
{% endblock content %}
