{% 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="content">
    {% if result %}
    <div class="entry-table">
        <div class="title text-font">
            Prescription -- {{ result.pinyin_name }}
        </div>
        <div class="section-title text-font">
            Chinese Name
        </div>
        <div class="section-text text-font">
            {{ result.chinese_name }}
        </div>
        <div class="section-title text-font">
            Composition
        </div>
        <div class="section-text text-font">
            {{ result.composition }}
        </div>
        <div class="section-title text-font">
            Use Method
        </div>
        <div class="section-text text-font">
            {{ result.use_method }}
        </div>
        <div class="section-title text-font">
            Indication
        </div>
        <div class="section-text text-font">
            {{ result.indication }}
        </div>
        <div class="section-title text-font">
           Reference 
        </div>
        <div class="section-text text-font">
            {{ result.ref }}
        </div>
        <div class="section-title text-font">
            Related Herbs 
        </div>
        {% if result.herbs %}
            {% for herb in result.herbs %}
                <span class="section-text text-font"><a href="/tcmid/herb/{{ herb.id }}/">{{ herb.pinyin_name }}  ({{herb.latin_name}})</a></span>
            {% endfor %}
        {% else %}
        <div class="section-text text-font">
            Sorry, there's no related herbs information
        </div>
        {% endif %}
       
       {% endif%}
    
    {% if result.pi_lists %}
            <div class="section-title text-font">
                Prescription Ingredients
            </div>
            <div>
                <table class="table table-striped table-bordered table-hover">
                    <tr>
                        
                        <td class="table-title">Formula Ingredient</td>
                        <td class="table-title">Source</td>
                    </tr>
                    {% for pi_list in result.pi_lists %}
                    <tr>
                        
                        
                        <td class="table-text"><a href="/tcmid/ingredient/{{ pi_list.ingredient_id }}/">{{ pi_list.formula_ingredient }}</a></td>
                        <td class="table-text">{{ pi_list.source }}</td>
                    </tr>
                    {% endfor %}
                </table>
            </div>
            {% else %}
            <div class="section-title text-font">
                Sorry, there's no prescription ingredients information
            </div>
            {% endif %}
        
    </div>
    
    
    </div>
{% endblock %}