{% extends "index_page.html" %}
{% block title %}View Collection{% endblock %}
{% block content %}
<!-- Start of body -->
    {% if uc %}
        {{ header(uc.name,
            'This collection has {}.'.format(numify(trait_obs|count, "record", "records"))) }}
    {% else %}
        {{ header('Your Collection',
            'This collection has {}.'.format(numify(trait_obs|count, "record", "records"))) }}
    {% endif %}
    <div class="container">
        <div class="page-header">
            <h1>Your Collection</h1>
            {% if uc %}
            <h2>{{ uc.name }}</h2>
            {% endif %}

            <div class="form-group">
            <form action="/collections/delete" method="post">
                {% if uc %}
                <input type="hidden" name="uc_id" id="uc_id" value="{{ uc.id }}" />
                {% endif %}
                <div class="col-xs-3 controls">
                    <input type="submit" class="btn btn-danger" value="Delete this collection" />
                </div>
            </form>
            <form action="/corr_matrix" method="post">
                {% if uc %}
                <input type="hidden" name="uc_id" id="uc_id" value="{{ uc.id }}" />
                {% endif %}
                <input type="hidden" name="trait_list" id="trait_list" value= "
                {% for this_trait in trait_obs %}
                    {{ this_trait.name }}:{{ this_trait.dataset.name }},
                {% endfor %}" >
                <div class="col-xs-2 controls">
                    <input type="submit" class="btn btn-primary" value="Correlation Matrix" />
                </div>
            </form>
            <form action="/heatmap" method="post">
                {% if uc %}
                <input type="hidden" name="uc_id" id="uc_id" value="{{ uc.id }}" />
                {% endif %}
                <input type="hidden" name="trait_list" id="trait_list" value= "
                {% for this_trait in trait_obs %}
                    {{ this_trait.name }}:{{ this_trait.dataset.name }},
                {% endfor %}" >
                <div class="col-xs-2 controls">
                    <input type="submit" class="btn btn-primary" value="Heatmap" />
                </div>
            </form>
            </div>

            <!--
            <form action="/corr_matrix" method="post">
                {% if uc %}
                <input type="hidden" name="uc_id" id="uc_id" value="{{ uc.id }}" />
                {% endif %}
                <input type="hidden" name="trait_list" id="trait_list" value= "
                {% for this_trait in trait_obs %}
                    {{ this_trait.name }}:{{ this_trait.dataset.name }},
                {% endfor %}" >
                <input type="submit"
                       class="btn btn-small"
                       value="Correlation Matrix" />
            </form>
            <form action="/heatmap" method="post">
                {% if uc %}
                <input type="hidden" name="uc_id" id="uc_id" value="{{ uc.id }}" />
                {% endif %}
                <input type="hidden" name="trait_list" id="trait_list" value= "
                {% for this_trait in trait_obs %}
                    {{ this_trait.name }}:{{ this_trait.dataset.name }},
                {% endfor %}" >
                <input type="submit"
                       class="btn btn-small"
                       value="Heatmap" />
            </form>
            -->
        </div>



        <div class="bs-docs-example">
        <table class="table table-hover" id='trait_table'>
            <thead>
                <tr>
                    <th></th>
                    <th>Record</th>
                    <th>Description</th>
                    <th>Location</th>
                    <th>Mean</th>
                    <th>Max LRS</th>
                    <th>Max LRS Location</th>
                </tr>
            </thead>

            <tbody>
                {% for this_trait in trait_obs %}
                <TR id="trait:{{ this_trait.name }}:{{ this_trait.dataset.name }}">
                    <TD>
                        <INPUT TYPE="checkbox" NAME="searchResult" class="checkbox trait_checkbox"
                               VALUE="{{ data_hmac('{}:{}'.format(this_trait.name, this_trait.dataset.name)) }}">
                    </TD>
                    <TD>
                        <a href="{{ url_for('show_trait_page',
                                trait_id = this_trait.name,
                                dataset = this_trait.dataset.name
                                )}}">
                            {{ this_trait.name }}
                        </a>
                    </TD>

                    <TD>{{ this_trait.description_display }}</TD>
                    <TD>{{ this_trait.location_repr }}</TD>
                    <TD>{{ this_trait.mean }}</TD>
                    <TD>{{ this_trait.LRS_score_repr }}</TD>
                    <TD>{{ this_trait.LRS_location_repr }}</TD>

                </TR>
            {% endfor %}
            </tbody>

        </table>

        <br />

        <button class="btn" id="select_all"><i class="icon-ok"></i> Select All</button>
        <button class="btn" id="deselect_all"><i class="icon-remove"></i> Deselect All</button>
        <button class="btn" id="invert"><i class="icon-resize-vertical"></i> Invert</button>
        <button class="btn" id="add" disabled="disabled"><i class="icon-plus-sign"></i> Add Record to Other Collection</button>
        <button class="btn" id="remove" disabled="disabled"><i class="icon-minus-sign"></i> Remove Record</button>
        <button class="btn btn-primary pull-right"><i class="icon-download icon-white"></i> Download Table</button>
        </div>
    </div>

<!-- End of body -->

{% endblock %}

{% block js %}
    <script type="text/javascript" src="/static/new/javascript/search_results.js"></script>
{% endblock %}