{% extends layout %}

{% block heading %}<a id="target-popup" href="/vcs_info/log_list/?layout=window">target</a>{% endblock %}

{% block toolbar %}

{% endblock %}


{% block content %}
<style>
	.demo {
		width:70%;
		border:1px ridge #6AB5FF;
        margin-left: auto;
        margin-right: auto;
		border-spacing:4px;
		padding:2px;
    }
	.demo th {
        padding:2px;
		background:#6AB5FF;
	}
    .demo th text{
        font-family: "Times New Roman", "serif", "Bold";
		font-size: large;
	}
	.demo td {
		border:1px ridge #6AB5FF;
		padding:2px;
		background:#FFFFFF;
	}
    .demo td text{
        font-family: "Times New Roman", "serif", "Bold";
		font-size: large;
	}
</style>

<br><br>
<table class="demo">
      <tr>
          <th align="center" style="background-color: #E4F3FC; font-size: larger"><text>Category</text></th>
          <th align="center" style="background-color: #E4F3FC; font-size: larger"><text>Detail</text></th>
      </tr>

        <tr align="center">
            <td><text>PrismERP</text></td>
            <td><text>Version: {{ vcs_information.prism_version }}</text></td>
        </tr>

        <tr align="center">
            <td><text>Branch</text></td>
            <td><text>{{ vcs_information.branch }}</text></td>
        </tr>


        <tr align="center">
            <td><text>Revision</text></td>
            <td><text>{{ vcs_information.revision }}</text></td>
        </tr>

        <tr align="center">
            <td><text>Last Updated</text></td>
            <td><text>{{ vcs_information.last_update_date }}</text></td>
        </tr>

</table>

{% endblock %}

{% block north_content %}
    <div id="target" style="height: 100%;" data-init-closed="0" data-size="100"></div>
{% endblock %}

<script>
{% zblock js_ready %}
$('#target-popup').smartpopup({target: '#target'});
{% endblock %}
</script>