{% extends "base.html" %}
{% load bcfg2_tags %}

{% block title %}Bcfg2 - Client {{client.name}}{% endblock %}

{% block extra_header_info %}
<style type="text/css">
.node_data {
	border: 1px solid #98DBCC;
	margin: 10px;
	padding-left: 18px;
}
.node_data td {
	padding: 1px 20px 1px 2px;
}
span.history_links {
	font-size: 90%;
	margin-left: 50px;
}
span.history_links a {
	font-size: 90%;
}
</style>
{% endblock %}

{% block body_onload %}javascript:clientdetailload(){% endblock %}

{% block pagebanner %}Client Details{% endblock %}

{% block content %}
  <div class='detail_header'>
    <h2>{{client.name}}</h2>
    <a href='{% url reports_client_manage %}#{{ client.name }}'>[manage]</a>
  <span class='history_links'><a href="{% url reports_client_history client.name %}">View History</a> | Jump to&nbsp;
    <select id="quick" name="quick" onchange="javascript:pageJump('quick');">
    <option value="" selected="selected">--- Time ---</option>
    {% for i in client.interactions.all|slice:":25" %}
        <option value="{% url reports_client_detail_pk hostname=client.name, pk=i.id %}">{{i.timestamp}}</option>
    {% endfor %}
  </select></span>
  </div>

  {% if interaction.isstale %}
  <div class="warningbox">
    This node did not run within the last 24 hours &#8212; it may be out of date.
  </div>
  {% endif %}
  <table class='node_data'>
    <tr><td>Timestamp</td><td>{{interaction.timestamp}}</td></tr>
    {% if interaction.server %}
    <tr><td>Served by</td><td>{{interaction.server}}</td></tr>
    {% endif %}
    {% if interaction.repo_rev_code %}
    <tr><td>Revision</td><td>{{interaction.repo_rev_code}}</td></tr>
    {% endif %}
    <tr><td>State</td><td class='{{interaction.state}}-lineitem'>{{interaction.state|capfirst}}</td></tr>
    <tr><td>Managed entries</td><td>{{interaction.totalcount}}</td></tr>
    {% if not interaction.isclean %}
    <tr><td>Deviation</td><td>{{interaction.percentbad|floatformat:"3"}}%</td></tr>
    {% endif %}
  </table>

  {% if interaction.bad_entry_count %}
  <div class='entry_list'>
    <div class='entry_list_head dirty-lineitem' onclick='javascript:toggleMe("bad_table");'>
      <h3>Bad Entries &#8212; {{ interaction.bad_entry_count }}</h3>
      <div class='entry_expand_tab' id='plusminus_bad_table'>[+]</div>
    </div>
    <table id='bad_table' class='entry_list'>
      {% for e in interaction.bad|sortwell %}
        <tr class='{% cycle listview,listview_alt %}'>
          <td class='entry_list_type'>{{e.entry.kind}}:</td>
          <td><a href="{% url reports_item "bad",e.id %}">
              {{e.entry.name}}</a></td>
        </tr>
      {% endfor %}
    </table>
  </div>
  {% endif %}

  {% if interaction.modified_entry_count %}
  <div class='entry_list'>
    <div class='entry_list_head modified-lineitem' onclick='javascript:toggleMe("modified_table");'>
      <h3>Modified Entries &#8212; {{ interaction.modified_entry_count }}</h3>
      <div class='entry_expand_tab' id='plusminus_modified_table'>[+]</div>
    </div>
    <table id='modified_table' class='entry_list'>
      {% for e in interaction.modified|sortwell %}
        <tr class='{% cycle listview,listview_alt %}'>
          <td class='entry_list_type'>{{e.entry.kind}}:</td>
          <td><a href="{% url reports_item "modified",e.id %}">
              {{e.entry.name}}</a></td>
        </tr>
      {% endfor %}
    </table>
  </div>
  {% endif %}

  {% if interaction.extra_entry_count %}
  <div class='entry_list'>
    <div class='entry_list_head extra-lineitem' onclick='javascript:toggleMe("extra_table");'>
      <h3>Extra Entries &#8212; {{ interaction.extra_entry_count }}</h3>
      <div class='entry_expand_tab' id='plusminus_extra_table'>[+]</div>
    </div>
    <table id='extra_table' class='entry_list'>
      {% for e in interaction.extra|sortwell %}
        <tr class='{% cycle listview,listview_alt %}'>
          <td class='entry_list_type'>{{e.entry.kind}}:</td>
          <td><a href="{% url reports_item "extra",e.id %}">{{e.entry.name}}</a></td>
        </tr>
    {% endfor %}
    </table>
  </div>
  {% endif %}

  {% if entry_list %}
  <div class="entry_list recent_history_wrapper">
    <div class="entry_list_head" style="border-bottom: 2px solid #98DBCC;">
      <h4 style="display: inline"><a href="{% url reports_client_history client.name %}">Recent Interactions</a></h4>
    </div>
    <div class='recent_history_box'>
      {% include "widgets/interaction_list.inc" %}
      <div style='padding-left: 5px'><a href="{% url reports_client_history client.name %}">more...</a></div>
    </div>
  </div>
  {% endif %}
{% endblock %}