{#
This file is part of Polyfemos.

Polyfemos is free software: you can redistribute it and/or modify it under
the terms of the GNU Lesser General Public License as published by the Free
Software Foundation, either version 3 of the License, or any later version.

Polyfemos is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
details.

You should have received a copy of the GNU Lesser General Public License and
GNU General Public License along with Polyfemos. If not, see
<https://www.gnu.org/licenses/>.

Author: Henrik Jänkävaara
Copyright: 2019, University of Oulu, Sodankyla Geophysical Observatory
License: GNU Lesser General Public License v3.0 or later
         (https://spdx.org/licenses/LGPL-3.0-or-later.html)
#}

{% extends 'base.htm' %}

{% block head %}
  {% include 'datepicker.htm' %}
{% endblock %}

{% block title %} Data Coverage Browser {% endblock %}

{% block content %}

<form method="post", action="/datacoveragebrowser">
  <table class="monospace">
    {{ form.csrf_token }}
    <tr>
      <td>{{ form.station_ids(size="9") }}</td>
      <td>{{ form.channel_codes(size="9") }}</td>
      <td valign="top">

        <table>
          <tr>
            <td class="form-cell">
              {{ form.startdate.label }}
            </td>
            <td class="form-cell">
              {{ form.startdate(class_="datepicker", size="10px") }}
            </td>
          </tr>
          <tr>
            <td class="form-cell">
              {{ form.enddate.label }}
            </td>
            <td class="form-cell">
              {{ form.enddate(class_="datepicker", size="10px") }}
            </td>
          </tr>
          <tr>
            <td class="form-cell" colspan="2">
              {{ form.submit }}
            </td>
          </tr>
        </table>

      </td>
    </tr>
  </table>
</form>

<p class="monospace">
  <img src="{{ dcimage }}" width="100%" alt="Data coverage image"/>
</p>

{% endblock %}
