{% 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" />
    <link rel="stylesheet" type="text/css" href="/static/tcmdb/ui-dialog.css" />
    
    <script type="text/javascript" src="/static/tcmdb/jquery-1.11.2.js"></script>
    <script type="text/javascript" src="/static/tcmdb/dialog-plus.js"></script>
    <script>
     
     function show_picture(e)
	{
	var data_picture=e.getAttribute("url");
	var title=e.getAttribute("title");
	//alert(data_tissue);
	var d=dialog({
		title: "picture",
		content:"<img src='"+data_picture+"' style='text-align:center;' data-halign='center' style='height:120%;width:120%'>",
		align: 'right top',
		
		
		});
	
	//d.setDialogCenter() ;
	d.show();
    }
     
     
    </script>
    
    
    
{% endblock %}


{% block content %}
    <div class="content">
        {% if result %}
        <div class="entry-table">
            <div class="title text-font">
                    Herb -- {{ result.pinyin }}
            </div>
            <div class="section-title text-font">
                    Names
            </div>
            <div>
                <table class="table table-striped table-bordered table-hover">
                    <tr>
                        <td class="table-title">Pinyin Name</td>
                        <td class="table-text">{{ result.pinyin }}</td>
                    </tr>
                    <tr>
                        <td class="table-title">Chinese Name</td>
                        <td class="table-text">{{ result.chinese_name }}</td>
                    </tr>
                    <tr>
                        <td class="table-title">English Name</td>
                        <td class="table-text">{{ result.english_name }}</td>
                    </tr>
                    <tr>
                        <td class="table-title">Latin Name</td>
                        <td class="table-text">{{ result.latin_name }}</td>
                    </tr>
                </table>
            </div>
            <div class="section-title text-font">
                Properties
            </div>
            <div class="section-text text-font">
                {{ result.properties }}
            </div>
            <div class="section-title text-font">
                Meridians
            </div>
            <div class="section-text text-font">
                {{ result.meridians }}
            </div>
            <div class="section-title text-font">
                Used Part
            </div>
            <div class="section-text text-font">
                {{ result.use_part }}
            </div>
            <div class="section-title text-font">
               Effect 
            </div>
            <div class="section-text text-font">
                {{ result.effection }}
            </div>
            <div class="section-title text-font">
                Indication
            </div>
            <div class="section-text text-font">
                {{ result.indication }}
            </div>
            {% if result.ingredients %}
            <div class="section-title text-font">
                Ingredients
            </div>
            <div>
                <table class="table table-striped table-bordered table-hover">
                    <tr>
                        <td class="table-title">Ingredient Name</td>
                        <td class="table-title">Reference</td>
                    </tr>
                    {% for ingredient in result.ingredients %}
                    <tr>
                        <td class="table-text"><a href="/tcmid/ingredient/{{ ingredient.id }}/">{{ ingredient.name }}</a></td>
                        <td class="table-text">
                            {% if ingredient.ebook %}<a href="http://www.springer.com/biomed/pharmaceutical+science/book/978-3-642-17733-0" target="_blank">Book</a>{% endif %}
                            {% if ingredient.tcmid %}TCM-ID({{ingredient.tcmid}}){% endif %}
                            {% if ingredient.taiwan %}TCM@Taiwan({{ingredient.taiwan}}){% endif %}
                            {% if ingredient.hit %}HIT({{ ingredient.hit }}){% endif %}
                            {% if ingredient.zh %}<p>{{ingredient.zh}}</p>{% endif %}
                    </tr>
                    {% endfor %}
                </table>
            </div>
            {% else %}
            <div class="section-title text-font">
                Sorry, there"s no ingredient information
            </div>
            {% endif %}
            
            
            
            {% if result.zhuputu_results %}
            <div class="section-title text-font">
                Spectrums
                <div class="text-font" >move the mouse over the word "pic" to view the MS spectrum </div>
            </div>
            <div>
                <table class="table table-striped table-bordered table-hover" >
                    <tr>
                        <td class="table-title">spectrum name</td>
                        <td class="table-title">产地</td>
                        <td class="table-title">herb origin</td>
                        <td class="table-title">spectrum description</td>
                        <td class="table-title">source</td>
                        <td class="table-title">picture</td>
                    </tr>
                    {% for zhuputu_result in result.zhuputu_results %}
                    <tr>
                        <td class="table-text">{{ zhuputu_result.spectrum_name }}</td>
                        <td class="table-text">{{ zhuputu_result.herb_origin }}</td>
                        <td class="table-text">{{ zhuputu_result.herb_origin_pinyin }}</td>
                        <td class="table-text">{{ zhuputu_result.spectrum_description }}</td> 
                        <td class="table-text">{{ zhuputu_result.source }}</td>
                        <td class="table-text"><a onmouseover="show_picture(this)" style='width:10px;height:10px'  url="/static/ZHIPU1_2016_7_13_result/{{ zhuputu_result.picture_path }}" >pic</a></td>
                    </tr>
                    {% endfor %}
                </table>
            </div>
            {% else %}
            <div class="section-title text-font">
                Sorry, there's no spectrums information
            </div>
            {% endif %}
            
            
            
 
            
            <div class="section-title text-font">
                Herb-Target-Disease Network
            </div>
            {% if result.ingredients %}
            <div class="section-text text-font">
	        <a href="/tcmid/ingredient_target_disease/{{ offset }}" target="_blank">Network Display</a>
            </div>
            {% else %}
            <div class="section-title text-font">
                Sorry, there's no  herb-target-disease network
            </div>
            {% endif %}
	</div>
	{% endif%}
    </div>

{% endblock %}