{% extends "base.html" %}
{% load static %}
{% block content %}
  <h1 class="title">Welcome to search, {{ user.first_name }}!</h1>

  <div class="container">
    <div class="row vertical-offset-100">
      <div class="col-md-4 col-md-offset-4">
        <div class="panel panel-default">
          <div class="panel-heading">
            {% if query is not None %}
              <h3 class="panel-title">Searching for {{ query }}</h3>
            {% else %}
              <h3 class="panel-title">Search our database</h3>
            {% endif %}
          </div>
          <div class="panel-body">
            {% if query is None %}
              <form method="POST">
                <fieldset>
                  {% csrf_token %}
                  <input class="textinput textInput form-control" type="text" name="query">
                  <input class="btn btn-lg btn-dark btn-block" type="submit" value="Search">
                </fieldset>
              </form>
            {% endif %}
          </div>
        </div>
      </div>
    </div>
  </div>

{% endblock %}