{% extends "common.html" %}


{% block content %}

<div class="content-wrapper">
    <div class="content">
        <div class="pure-g">
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-5">

            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
                <table id="flowerlist" class="flowerlist pure-table pure-table-horizontal">
                    {% for flower in flowers %}
                    <tr class="flowerlist">
                        <td class="flowerlist">
                        <a href="javascript:DoSubmit('show', '{{flower.organization}}', '{{flower.dateCreated}}' , '')">
                        {{ flower.organization }}, {{ flower.myID }}
                        </a>
                        </td>
                        <td class="right"><span style="white-space: nowrap;">{{ flower.dateCreated[:10] }}</span></td>
                    </tr>
                    {% endfor %}
                </table>

            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-5">

            </div>
        </div>
    </div>

</div>

<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();

</script>

{% endblock content %}