{% extends "base.html" %}
{% block content %}

<table id="flowerlist">
    {% for flower in flowers %}
    <tr class="flowerlist">
        <td class="flowerlist">
        <a href="javascript:DoSubmit('{{flower[0]}}')">
        {{ flower[1] }}, {{ flower[2] }}, {{ flower[3] }}
        </a>
        </td>
        <td class="right"><span style="white-space: nowrap;">{{ flower[4][:10] }}</span></td>
    </tr>
    {% endfor %}
</table>

<form id="gotopage" action="{{ url_for('data-record-show') }}" method="POST">
    <input type="hidden" id="_io" name="id" value="">
</form>

<script language="javascript">
    var $rows = $('#flowerlist tr');
    $('#search').keyup(function() {
        var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

        $rows.show().filter(function() {
            var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
            return !~text.indexOf(val);
        }).hide();
    });

    $('#search').keyup();

    function DoSubmit(id) {
        $('#_id').val(id);
        $('#gotopage').submit();
    }
</script>

{% endblock %}