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

{% block title %} - Page Not found{% endblock %}

{% block top-menu-left %}
<h5 class="mb-0 mr-3">"Houston, we have a problem.."</h5>
{% endblock %}

{% block content %}
  <div class="error-page">
    <h1 class="headline text-yellow">404</h1>
    <div class="error-content">
      <h3><i class="fas fa-exclamation-triangle text-yellow"></i> Oops! Page not found.</h3>

      <p>
        We could not find the page you were looking for.
        Meanwhile, you may visit the <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 %}
