{% 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">
            Disease -- {{ result.name }}
        </div>
        <div class="section-title text-font">
            OMIM ID
        </div>
        <div class="section-text text-font">
            {{ result.omim_id }}&nbsp;&nbsp;&nbsp;<a href="http://omim.org/entry/{{ result.omim_id }}">Link to OMIM</a>
        </div>
        
       {% if result.alternative_name %}
        
		        <div class="section-title text-font">
		            Alternative Name(s):
		        </div>
		        <div class="section-text text-font">
			        <ul>
			        {% for result in result.alternative_name %}
	               	<li>{{result}}</li>
	                {% endfor %}
	                </ul>
		        </div>
		       {% else %}
		       <div class="section-title text-font">
		           Sorry, there's no description information
		       </div>
       {% endif %}
        
         {% if result.description %}
         
	        <div class="section-title text-font">
	            Disease Description
	        </div>
	        <div class="section-text text-font">
	            {{ result.description }}
	        </div>
        {% else %}
        <div class="section-title text-font">
            Sorry, there's no description information
        </div>
        {% endif %}
        
        
        {% if result.clinical_feature %}
        <div class="section-title text-font">
            Clinical Feature Information
        </div>
        <div class="section-text text-font">
	            {{ result.clinical_feature }}
	    </div>
        {% else %}
        <div class="section-title text-font">
            Sorry, there's no clinical feature information
        </div>
        {% endif %}
        

        
        {% if result.targets %}
        <div class="section-title text-font">
            Related Targets
        </div>
        <div>
            <table class="table table-striped table-bordered table-hover">
                <tr>
                    <td class="table-title">Target Name</td>
                    <td class="table-title">Uniprot ID</td>
                </tr>
                {% for target in result.targets %}
                <tr>
                    <td class="table-text"><a href="/target/{{ target.id }}/">{{ target.protein_name }}</a></td>
                    <td class="table-text"><a href="http://www.uniprot.org/uniprot/{{ target.uniprot }}">{{ target.uniprot }}</a></td>
                </tr>
                {% endfor %}
            </table>
        </div>
        {% else %}
        <div class="section-title text-font">
            Sorry, there's no related targets information
        </div>
        {% endif %}
    {% endif %}
    </div>
    </div>
{% endblock %}