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

{% block title %} - Server Error{% endblock %}

{% block content %}
<div class="error-page">
  <h2 class="headline text-red">500</h2>

  <div class="error-content">
    <h3><i class="fas fa-exclamation-triangle text-red"></i> Oops! Something went wrong.</h3>

    <p>
      We track these errors automatically, but if the problem persists feel free to contact us.
      In the meantime, try refreshing, head back to <a href="{% url 'home' %}">homepage</a>, or try using the search form.
    </p>

    <form class="search-form" action="{% url 'search_results' %}" method="GET">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Satellite Name or ID" name="q">

        <div class="input-group-btn">
          <button type="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i>
          </button>
        </div>
      </div>
    </form>
  </div>
</div>
{% endblock content %}
