{% 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>Name</th><th>Formula</th></tr>
                {% for result in results %}
 				<tr><td><a href="/tcmid/ingredient/{{ result.id }}/">{{ result.name }}</a></td><td>{{ result.formula }}</td></tr>
                {% endfor %}
            </table>
           </div>
        {% else %}
            <h2>Sorry, there's no result match.</h2>
        {% endif %}
    {% endif%}
</div>
{% endblock %}