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

   <link rel="stylesheet" href="/static/tcmdb/dist/css/bootstrap.css" type="text/css" media="all">
	<link rel="stylesheet" href="/static/tcmdb/dist/css/bootstrap-table.css" type="text/css" media="all">
	
	<link rel="stylesheet" type="text/css" href="/static/tcmdb/css/tabdisplay.css" />
	<link rel="stylesheet" type="text/css" href="/static/css/style.css" />
	
{% endblock %}

{% block content %}
<div class="main2">
    <h1>Search Result</h1>

    {% if error %}
        <h2>{{ error }}</h2>
    {% else %}
        {% if results %}
        <div class="content entry-table">
            <table class='table table-striped table-bordered table-hover'>
                <tr><th>Pinyin Name</th><th>English Name</th><th>Chinese Name</th></tr>
                {% for result in results %}
                <tr><td><a href="/tcmid/herb/{{ result.id }}/">{{ result.pinyin }}</a></td><td>{{ result.english_name }}</td><td>{{ result.chinese_name }}</tr>
                {% endfor %}
            </table>
         </div>
        {% else %}
            <h2>Sorry, there's no result match.</h2>
        {% endif %}
    {% endif%}

</div>

{% endblock %}