{% extends "base.html" %}
{% from "_formhelpers.html" import render_field %}
{% block content %}

<p class="lead" align="justify">
    Air temperature data from over 400 communities, reduced to relevant engineering parameters
    (<a href="#info">Additional info</a>)
</p>

<h3>Search</h3>

<form action="" method="post" role="form">
    {{ form.csrf_token }}
    <div class="row">
        <div class="col-md-12">
            <div class="form-group col-md-4">
                <label for="communityinput">Community</label>
                {{ render_field(form.community, class='form-control', id='communityinput') }}
            </div>
            <div class="form-group col-md-4">
                <label for="modelinput">Dataset</label>
                {{ render_field(form.model, class='form-control', id='modelinput') }}
                    <small>Historical (1901-2009) or Projection (2001-2099)<br>
                    <a href="{{ url_for('datatypes') }}" target="_blank">
                    Learn more about the models and scenarios
                </a></small>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="form-group col-md-4">
                <label for="minyearinput">Start Year</label>
                {{ render_field(form.minyear, class='form-control', id='minyearinput') }}
            </div>

            <div class="form-group col-md-4">
                <label for="maxyearinput">End Year</label>
                {{ render_field(form.maxyear, class='form-control', id='maxyearinput') }}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="form-group col-md-4">
                <input type="submit" name="submit" class="btn btn-primary form-control" value="Get Temperatures" >
            </div>
            <div class="form-group col-md-4">
                <input type="button" name="reset" class="btn btn-danger form-control"
                       onclick="window.location.href='{{ url_for('reset') }}'"
                       value="Clear All Data" />
            </div>
        </div>
    </div>
</form>

<h3>Results</h3>
        <div class="table-responsive">
            <table class="table table-hover table-condensed table-bordered">
                <thead>
                    <tr>
                        <th>Community<br>&nbsp;</th>
                        <th>Years<br>&nbsp;</th>
                        <th>T<sub>avg</sub><br>&deg;C</th>
                        <th>ATI<br>&deg;C-days</th>
                        <th>AFI<br>&deg;C-days</th>
                        <th>DTI<br>&deg;C-days</th>
                        <th>DFI<br>&deg;C-days</th>
                        <th>Type<br>&nbsp;</th>
                        <th width="50px">Add/<br>Remove</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="active">
                        <td colspan="9" align="center">
                            Current Search
                        </td>
                    </tr>
                    {% if session['avg_temp'] %}
                    <tr>
                        <td><a href="{{ url_for('details', lat=session['community_data']['latitude'],
                                        lon=session['community_data']['longitude'],
                                        name=session['community_data']['name'],
                                        datasets=session['datasets'],
                                        community_id=session['community_data']['id'],
                                        minyear=session['minyear'],
                                        maxyear=session['maxyear']) }}"
                                        target="_blank">
                                        {{ session['community_data']['name'] }}<br>
                            <small>{{ session['community_data']['latitude'] }}&deg; N,
                            {{ session['community_data']['longitude'] }}&deg; W</small></a></td>
                        <td>{{ session['minyear'] }} - {{ session['maxyear'] }}</td>
                        <td>{{ session['avg_temp']|round(1) }}</td>
                        <td>{{ session['avg_indices'][0] }}</td>
                        <td>{{ session['avg_indices'][1] }}</td>
                        <td>{{ session['des_indices'][0] }}</td>
                        <td>{{ session['des_indices'][1] }}</td>
                        <td>{{ session['ds_name'][0][0] }} ({{ session['ds_name'][0][1] }})</td>
                        <td><button type="button" class="btn btn-success btn-sm"
                                    onclick="window.location.href='{{ url_for('save') }}'"
                                    title="Click to save this search">
                            <span class="glyphicon glyphicon-plus-sign"></span>
                            </button></td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="9" align="center">
                            [no data]
                        </td>
                    </tr>
                    {% endif %}
                    {#
                    <tr>
                        <td colspan="9">&nbsp;</td>
                    </tr>
                    #}
                    <tr class="active">
                        <td colspan="9" align="center">
                            Saved Searches
                        </td>
                    </tr>
                    {% if session.save %}
                    {% for key, value in session.save|dictsort %}
                    <tr>
                        <td><a href="{{ url_for('details', lat=value['community_data']['latitude'],
                                        lon=value['community_data']['longitude'],
                                        name=value['community_data']['name'],
                                        datasets=value['datasets'],
                                        community_id=value['community_data']['id'],
                                        minyear=value['minyear'],
                                        maxyear=value['maxyear']) }}"
                                        target="_blank">
                                        {{ value['community_data']['name'] }}<br>
                            <small>{{ value['community_data']['latitude'] }}&deg; N,
                            {{ value['community_data']['longitude'] }}&deg; W</small></a></td>
                        <td>{{ value['minyear'] }} - {{ value['maxyear'] }}</td>
                        <td>{{ value['avg_temp']|round(1) }}</td>
                        <td>{{ value['avg_indices'][0] }}</td>
                        <td>{{ value['avg_indices'][1] }}</td>
                        <td>{{ value['des_indices'][0] }}</td>
                        <td>{{ value['des_indices'][1] }}</td>
                        <td>{{ value['ds_name'][0][0] }} ({{ value['ds_name'][0][1] }})</td>
                        <td><button type="button" class="btn btn-danger btn-sm"
                            onclick="window.location.href='{{ url_for('delete', record=key) }}'"
                            title="Click to delete this search">
                            <span class="glyphicon glyphicon-trash"></span></button></td>
                    </tr>
                    {% endfor %}
                    {% else %}
                    <tr>
                        <td colspan="9" align="center">
                            [no data]
                        </td>
                    </tr>
                    {% endif %}
                </tbody>
            </table>
        </div>

<div align="justify">
<a name="info"></a>
<h3>Info</h3>
<dl class="dl-horizontal">
  <dt>What</dt>
  <dd>SNAPIndices provides basic engineering climate parameters that are commonly used for engineering and
      site-development purposes. These parameters include:
        <ul>
            <li><strong>T<sub>avg</sub>:</strong> The average (arithmetic mean) air temperature, based on all of
                the monthly air temperautures for the specified range of years.
            </li>
            <li><strong>ATI:</strong> The average (arithmetic mean) annual thawing index. The thawing index is the
                total number of degree-days above the freezing point. The number displayed by SNAPIndices is the
                average of the annual indices for the specified range of years.
            </li>
            <li><strong>AFI:</strong> The average (arithmetic mean) annual freezing index. The freezing index is the
                total number of degree-days below the freezing point. The number displayed by SNAPIndices is the
                average of the annual indices for the specified range of years.
            </li>
            <li><strong>DTI:</strong> The design thawing index. The number displayed by SNAPIndices is the
                arithmetic mean of the three warmest thawing indices for the specified range of years. If less
                than three years are displayed, the DTI is listed as 'None.' Typically, the DTI is calculated
                over a 30-year or 10-year time span.
            </li>
            <li><strong>DFI:</strong> The design freezing index. The number displayed by SNAPIndices is the
                arithmetic mean of the three coolest freezing indices for the specified range of years. If less
                than three years are displayed, the DFI is listed as 'None.' Typically, the DFI is calculated
                over a 30-year or 10-year time span.
            </li>
        </ul>
  </dd>
  <dt>Why</dt>
  <dd>SNAPIndices provides quick and simple access to the massive amounts of data released by the SNAP
      group. It does not aim to replace, modify, or build on SNAP's work, but rather provide an alternative
      means for users to explore and understand the data.</dd>
  <dt>How</dt>
  <dd>SNAPIndices is built with <a href="http://www.python.org">python</a>. Check out the GitHub pages for
      <a href="http://github.com/thermokarst/snapextract">SNAPExtract</a> and
      <a href="http://github.com/thermokarst/snapindices">SNAPIndices</a> for more info
      on how to install on your own machine, fork the project, or submit bug reports.
  </dd>
  <dt>Who</dt>
  <dd>This project would not exist without <a href="http://www.snap.uaf.edu">SNAP</a> &ndash; take a look at their
      page to learn about the science and the methods behind their products. On that note, SNAPIndices is not endorsed or supported by SNAP in any way. Similarly, this product is provided as-is, with
      no warranty express or implied. Use at your own risk.
  </dd>
</dl>
</div>

{% endblock %}