{% 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">
            Drug -- {{ result.generic_name }}
        </div>
        <div class="section-title text-font">
            Drugbank Access No
        </div>
        <div class="section-text text-font">
            <a href="https://www.drugbank.ca/drugs/{{ result.first_accession_no }}">{{ result.first_accession_no }}</a>
        </div>
        <div class="section-title text-font">
            Drug Type
        </div>
        <div class="section-text text-font">
            {{ result.drug_type }}
        </div>
        <div class="section-title text-font">
            Indication
        </div>
        <div class="section-text text-font">
            {{ result.indication }}
        </div>
        <div class="section-title text-font">
            Pharmacology
        </div>
        <div class="section-text text-font">
            {{ result.pharmacology }}
        </div>
        <div class="section-title text-font">
            Related Targets
        </div>
        {% if result.targets %}
        <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="/tcmid/target/{{ target.id }}/">{{ target.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-text text-font">
            Sorry, there's no related targets information
        </div>
        {% endif %}
    {% endif %}
    </div>

{% endblock %}