{% extends "base.html" %}
{% block css %}
    <style type="text/css">
        table tbody th {
            width: 18em;
        }


        table tbody th,
        table tbody td {
            padding: 3px;
        }

        table {
            margin-left: 1em;
            max-width: 60em !important;
        }
    </style>
{% endblock %}
{% block content %}
    {{ flash_me() }}
    <div class = "container container-fluid">
        <h2 class="text-info">GeneWiki Entry History</h2>
        <h3 class="text-info">
            <strong>Most Recent Version:</strong>
        </h3>
        <table class="table table-responsive table-bordered">
            <tbody>
                <tr>
                    <th>Gene Symbol:</th>
                    <td>{{ most_recent["symbol"] }}</td>
                </tr>
                {% if most_recent["species"] %}
                    <tr>
                        <th>Species:</th>
                        <td>{{ most_recent["species"] }}</td>
                    </tr>
                {% endif %}
                {% if most_recent["pubmed_ids"] %}
                    <tr>
                        <th>PubMed IDs:</th>
                        <td>
                            {% for id in most_recent["pubmed_ids"] %}
                                <a href="http://www.ncbi.nlm.nih.gov/entrez/query.fcgi?cmd=Retrieve&db=PubMed&list_uids={{ id }}&dopt=Abstract">{{ id }}</a>&nbsp;
                            {% endfor %}
                        </td>
                    </tr>
                {% endif %}
                {% if most_recent["web_url"] %}
                    <tr>
                        <th>Web URL:</th>
                        <td>{{ most_recent["web_url"] }}</td>
                    </tr>
                {% endif %}
                <tr>
                    <th>Entry:</th>
                    <td>{{ most_recent["comment"] }}</td>
                </tr>
                {% if most_recent["categories"] %}
                    <tr>
                        <th>Category:</th>
                        <td>{{ '; '.join(most_recent["categories"]) }}</td>
                    </tr>
                {% endif %}
                <tr>
                    <th>Add Time:</th>
                    <td>{{ most_recent["created"] }}</td>
                </tr>
                {% if most_recent["reason"] %}
                    <tr>
                        <th>Reason for Modification:</th>
                        <td>{{ most_recent["reason"] }}</td>
                    </tr>
                {% endif %}
            </tbody>
        </table>
        <h3 class="text-info">
            <strong>Previous Version:</strong>
        </h3>
        {% for version in previous_versions %}
            <table class="table table-responsive table-bordered">
                <tr>
                    <th>Gene Symbol:</th>
                    <td>{{ version["symbol"] }}</td>
                </tr>
                {% if version["species"] %}
                    <tr>
                        <th>Species:</th>
                        <td>{{ version["species"] }}</td>
                    </tr>
                {% endif %}
                {% if version["pubmed_ids"] %}
                    <tr>
                        <th>PubMed IDs:</th>
                        <td>
                            {% for id in version["pubmed_ids"] %}
                                <a href="http://www.ncbi.nlm.nih.gov/entrez/query.fcgi?cmd=Retrieve&db=PubMed&list_uids={{ id }}&dopt=Abstract">{{ id }}</a>&nbsp;
                            {% endfor %}
                        </td>
                    </tr>
                {% endif %}
                {% if version["web_url"] %}
                    <tr>
                        <th>Web URL:</th>
                        <td>{{ version["web_url"] }}</td>
                    </tr>
                {% endif %}
                <tr>
                    <th>Entry:</th>
                    <td>{{ version["comment"] }}</td>
                </tr>
                {% if version["categories"] %}
                    <tr>
                        <th>Category:</th>
                        <td>{{ '; '.join(version["categories"]) }}</td>
                    </tr>
                {% endif %}
                <tr>
                    <th>Add Time:</th>
                    <td>{{ version["created"] }}</td>
                </tr>
                {% if version["reason"] %}
                    <tr>
                        <th>Reason for Modification:</th>
                        <td>{{ version["reason"] }}</td>
                    </tr>
                {% endif %}
            </table>
        {% endfor %}
    </div>
{% endblock %}