{% extends "base.html"%}
{% load i18n %}
			
{% load i18n %}
{% block extrahead %}



<script type="text/javascript" src="/fodstatic/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="/fodstatic/js/datatables_bootstrap.js"></script>

<style>
.tab-content {
    overflow: visible;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
{% if users %}
var oTableU = $('#usertable').dataTable({
	"sPaginationType": "bootstrap",
	"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
	"aoColumns": [{
        "bSearchable": true,
        "bSortable": true
    }, {
        "bSearchable": true,
        "bSortable": true
    }, {
        "bSearchable": true,
        "bSortable": true
    }, {
        "bSearchable": true,
        "bSortable": true
    }, {
        "bSearchable": true,
        "bSortable": true
    }],
    "aaSorting": [[0, 'desc']],
    "iDisplayLength": 25,
    "oSearch": {"bSmart": false, "bRegex":true},
    "oLanguage": {
    	"sLengthMenu": '{% trans "Display" %} <select><option value="25">25</option><option value="50">50</option><option value="-1">{% trans "All" %}</option></select> {% trans "users" %}',
        "sProcessing":   "Processing...",
        "sZeroRecords": '{% trans "No records to display" %}',
        "sInfo":         "Showing _START_ to _END_ of _TOTAL_ entries",
        "sInfoEmpty":    "{% trans "Showing 0 to 0 of 0 entries" %}",
        "sInfoFiltered": "(filtered from _MAX_ total entries)",
        "sInfoPostFix":  "",
        "sSearch":       '{% trans "Search:" %}',
        "sUrl":          "",
        "oPaginate": {
            "sFirst":    '{% trans "First" %}',
            "sPrevious": '{% trans "Previous" %}',
            "sNext":     '{% trans "Next" %}',
            "sLast":     '{% trans "Last" %}'
        }
    }
});

oTableU.fnDraw();
{% endif %}
{% if routes %}
var oTableI =  $('#routes_table').dataTable({
        "sPaginationType": "bootstrap",
        "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
        "aoColumns": [{
            "bVisible": false,
            "bSearchable": false,
            "bSortable": false
        }, {
            "bSearchable": true,
            "bSortable": true
        }, {
            "bSearchable": true,
            "bSortable": true
        }, {
            "bSearchable": true,
            "bSortable": true
        }, {
            "bSearchable": true,
            "bSortable": true
        }, {
            "bSearchable": true,
            "bSortable": true
        }, {
            "bSearchable": true,
            "bSortable": true
        }, {
            "bSearchable": true,
            "bSortable": true
        }],
        "aaSorting": [[0, 'desc']],
        "iDisplayLength": 25,
        "oSearch": {"bSmart": false, "bRegex":true},
        "oLanguage": {
            "sLengthMenu": '{% trans "Display" %} <select><option value="25">25</option><option value="50">50</option><option value="-1">{% trans "All" %}</option></select> {% trans "rules" %}',
            "sProcessing":   "Processing...",
            "sZeroRecords": '{% trans "No records to display" %}',
            "sInfo":         "Showing _START_ to _END_ of _TOTAL_ entries",
            "sInfoEmpty":    "{% trans "Showing 0 to 0 of 0 entries" %}",
            "sInfoFiltered": "(filtered from _MAX_ total entries)",
            "sInfoPostFix":  "",
            "sSearch":       '{% trans "Search:" %}',
            "sUrl":          "",
            "oPaginate": {
                "sFirst":    '{% trans "First" %}',
                "sPrevious": '{% trans "Previous" %}',
                "sNext":     '{% trans "Next" %}',
                "sLast":     '{% trans "Last" %}'
            }
        }
    });

oTableI.fnDraw();
{% endif %}
});
</script>
{% endblock %}
{% block brcrmb_container %}
<ul class="breadcrumb"><li><a href="{% url overview %}">{% trans "Overview" %}</a></li>
                </ul>
{% endblock %}
{% block content %}
<div class="container-fluid">
	<div class="row-fluid">

	</div>
	<div class="row-fluid">
		<div class="span12">
			<div class="row-fluid">
				<!--/span-->
				<div class="span12">
				{% if violation %}
			  	<table class="table table-condensed">
					    <tr class="error"><td>You have no rights to access this area. Please contact your administrator<td></tr>
					</table>
				{% else %}
				   {% block subcontent %}
              <h4>{% trans "Users - Rules" %}</h4>
              <hr>
              
              
                <ul class="nav nav-tabs">
				    <li class="active"><a href="#users" data-toggle="tab">{% trans "Users" %}</a></li>
				    <li><a href="#routes" data-toggle="tab">{% trans "Rules" %}</a></li>
			    </ul>
    
    <div class="tab-content">
             
              <div class="tab-pane active" id="users">
              {% if users %}
               <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" width="100%" id="usertable">
	               <thead>
					<tr>
					<th>{% trans "Username" %}</th>
					<th>{% trans "Email" %}</th>
					<th>{% trans "Name" %}</th>
					<th>{% trans "Status" %}</th>
					<th>{% trans "Peer" %}</th>
					</tr>
					</thead>
					<tbody>
	                {% for user in users %}
	              	<tr class="GradeC">
	                	<td>{{user.username}}</td>
	                	<td>{{user.email}}</td>
	                	<td>{{user.first_name}} {{user.last_name}}</td>
	                	<td>{% if user.registrationprofile_set.all %}{% if user.registrationprofile_set.all.0.activation_key == "ALREADY_ACTIVATED" %}{% trans "Active" %}{% else %}{% trans "Inactive" %} or {% trans "Key Expired" %}{% endif %}{% else %}-{% endif %}</td>
	                	<td>{% if user.get_profile.peer %}{{user.get_profile.peer}}{% endif %}</td>
	                </tr>
	              	{% endfor %}
	              	</tbody>
	              </table>
	              {% endif %}
				  </div>
				  <div class="tab-pane" id="routes">
	              {% if routes %}
               <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" width="100%" id="routes_table">
	               <thead>
<tr>
    <th>Id</th>
    <th>{% trans "Name" %}</th>
    <th>{% trans "Match" %}</th>
    <th style="text-align: center;">{% trans "Then" %}</th>
    <th style="text-align: center; ">{% trans "Status" %}</th>
    {% comment %}<th style="text-align: center;">{% trans "Details" %}</th>{% endcomment %}
    <th style="text-align: center;">{% trans "Applier" %}</th>
    <th style="text-align: center;">{% trans "Expires" %}</th>
    <th style="text-align: center;">{% trans "Response" %}</th>
</tr>
</thead>

<tbody>
{% for route in routes %}

<tr class="GradeC" >
    <td>{{ route.pk }}</td>
    
    <td {% if route.comments %}style="color: #0088CC;"{% endif %}>{% if route.comments %}<span rel="tooltip" data-placement="top" title="{{route.comments}}">{{ route.name }}</span>{% else %}{{ route.name }}{% endif %}</td>
    
    <td>{{ route.get_match|safe|escape }}</td>
    
    <td style="text-align: center;">{{route.get_then|safe|escape}}</td>
    
	<td style="text-align: center; ">{% if route.status == 'EXPIRED' or route.status == 'ADMININACTIVE' or route.status == 'INACTIVE' or route.status == 'OUTOFSYNC'%}
		{% if route.status == 'EXPIRED' or route.status == 'ADMININACTIVE' or route.status == 'INACTIVE' %}<span class="label">DEACTIVATED</span>{% else %}{% if route.status == 'OUTOFSYNC' %}<span class="label label-important">ERROR</span>{% else %}{{route.status}}{% endif %}{% endif %}{% else %}{% if route.status == 'ACTIVE' %}<span class="label label-success">{{route.status}}</span>{% else %}{% if route.status == 'PENDING' %}<span class="label label-info">{{route.status}}</span>{% else %}<span class="label label-important">{{route.status}}</span>{% endif %}{% endif %}{% endif %}</td>

    {% comment %}<td style="text-align: center;">{{ route.response }}</td>{% endcomment %}
    
    <td style="text-align: center;">{{ route.applier }}</td>
    
    <td style="text-align: center;" nowrap>
        <span {% if route.status == 'EXPIRED' or route.status == 'ADMININACTIVE' or route.status == 'INACTIVE' or route.status == 'OUTOFSYNC'%}{% else %}{% if route.days_to_expire %}
        data-placement="top"
        rel = 'tooltip'
        style="border-bottom:1px dashed red;" 
        title="Expires {% ifequal route.days_to_expire '0' %}today{% else%}in {{route.days_to_expire}} day{{ route.days_to_expire|pluralize }}{% endifequal %}"
        {% endif %}{% endif %}>{{ route.expires|date:"d M y" }}</span></td>
        
    <td style="text-align: center; {% if route.status == 'EXPIRED' %} color: #0088CC; {% endif %}">
        {% if route.status == 'EXPIRED' %}
        <span rel="tooltip"  {% if route.status == 'EXPIRED' or route.status == 'ADMININACTIVE' or route.status == 'INACTIVE' or route.status == 'OUTOFSYNC'%}  
            data-placement="top" 
            title = "{% ifequal route.status 'INACTIVE' %}
                        {% trans 'Suspended by user' %}
                     {% else %}
                        {% ifequal route.status 'ADMININACTIVE' %}
                            {% trans 'Suspended by administrator' %}
                        {% else %}
                            {% ifequal route.status 'EXPIRED' %}
                                {% trans 'Suspended due to expiration' %}
                            {% else %}
                                {% ifequal route.status 'OUTOFSYNC' %}
                                    {% trans 'Syncronization error. Configuration in device deffers from rule' %}
                                {% endifequal %}
                            {% endifequal %}
                        {% endifequal %}
                     {% endifequal %}"
            {% endif %}>{% trans "Rule expired" %}</span>{% else %}{% if route.status == 'ADMININACTIVE' %}{% trans "Suspended by administrator" %}{% else %}{% if route.status == 'INACTIVE' %}{% trans "Suspended by user" %}{% else %}{{ route.response }}{% if route.status == 'PENDING' %}<img src="/fodstatic/dots.gif">{% endif %}{% endif %}{% endif %}{% endif %}
            </td>

</tr>

{% endfor %}
</tbody>
	              </table>
	              {% endif %}
	              </div>
	             </div>
              
		{% endblock %}
				  {% endif %}
				  
				</div><!--/span-->
				<!--/span-->
			</div><!--/row-->
		</div><!--/span-->
	</div><!--/row-->
</div><!--/.fluid-container-->
{% endblock %}