{% extends "control_panel/base.html" %}
{% load i18n %}

{% block title %}{{ zone.name }} - {% trans "Sharing Network Management Console" %} {{ block.super }}{% endblock title %}

{% block headjs %}{{ block.super }}
<script>
    $(function () {
        $("#form_data").hide()
        $("#upload_form").submit(function() {
        // Disable until we get to this stage of the IDOC deployment.
        /*
            // First press: show file entry
            if ($('#form_data').filter(":visible").length==0) {
                $('#form_data').show();
                return false;
            }
            // Second press: submit form (default)
        */
            return false;
        });
    })
</script>
{% endblock headjs %}

{% block headcss %}{{ block.super }}
<style>
    .reports {
        padding-right: 15px;
        white-space: nowrap;
    }
    .demo {
        background-color:#fee;
    }
</style>
{% endblock headcss %}


{% block buttons %}
            {% block upload_button %}
            {% endblock upload_button %}

            {% block download_button %}
                <!--li>
                    <a class="green_button" href="#">{% trans "Sync via USB" %}</a>
                </li-->
            {% endblock download_button %}
            <li>
                <ul id="zone-management-options">
                    {% if not facilities and not devices %}{# can only happen on the central server #}
                        <li>
                            <a class="zone-delete-link" href="{% url delete_zone org_id=org_id zone_id=zone_id %}" onclick="return confirm(gettext('Are you sure you want to delete') + ' {{zone.name}}?');">
                                <i class="icon-trash" title="{% trans 'Delete this sharing network.' %}"></i>
                            </a>
                        </li>
                    {% endif %}
                </ul>
            </li>
{% endblock buttons %}

{% block control_panel_content %}
<div id="zone_container">
    <div class="facilities">
        <h2>{% trans "Facilities" %}</h2>

        {% if not facilities %}
            <p>{% trans "You currently have no facilities that sync data with the central server." %}</p>

        {% else %}

         <table class="simple-table">
            <tr>
                <th width="250px">{% trans "Facility Name" %}</th>
                <th width="120px">{% trans "# Users" %}</th>
                <th width="120px">{% trans "# Groups" %}</th>
                <th width="200px">{% trans "Last Usage" %}</th>
            </tr>

            {% for id,facility in facilities.items %}
                <tr>
                    <td nowrap>
                        <a href="{% url facility_usage org_id=org_id zone_id=zone_id facility_id=id %}">
                            {{ facility.name }}
                        </a>
                    </td>
                    <td nowrap>{{ facility.num_users }}</td>
                    <td nowrap>{{ facility.num_groups }}</td>
                    <td nowrap>
                        {% if not facility.last_time_used %}
                            {% trans "Never" %}
                        {% elif facility.last_time_used.last_activity_datetime %}
                            {{ facility.last_time_used.last_activity_datetime }}
                        {% else %}
                            {{ facility.last_time_used.start_datetime|date }} - {{ facility.last_time_used.end_datetime|date }}
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}

        </table>
        {% endif %}
    </div><!-- facilities -->

    <div class="devices">
        <h2>{% trans "Devices" %}</h2>

        {% if not devices %}
            <p>{% trans "You currently have no devices that sync data with the central server" %}</p>

        {% else %}
            <table class="simple-table">
                <tr>
                    <th width="250px">{% trans "Device name" %}</th>
                    <th width="120px">{% trans "# Times Synced" %}</th>
                    <th width="120px">{% trans "Last Sync" %}</th>
                    <th width="200px">{% trans "Last Usage" %}</th>
                    <!--th width="250px">
                        {% trans "Counter" %}
                        <span class="glossary-link nudge-left" title="{% trans 'The counter is an integer &#39;timestamp&#39; for each update, and tells the last data update synced for a given device.' %}"></span>
                    </th-->
                </tr>
                {% for id,device in devices.items %}
                    <tr class="{% if device.is_demo_device %}demo-device{% else %}real{% endif %}">
                        <td nowrap>
                            {% if device.num_times_synced != None %}<a href="{% url device_management org_id=org_id zone_id=zone_id device_id=id %}">{% endif %}
                                {{ device.name }}
                                {% if device.is_demo_device %}[Demo data]{% endif %}
                            {% if device.num_times_synced != None %}</a>{% endif %}
                        </td>
                        <td>
                            {% if device.num_times_synced != None %}
                                {{ device.num_times_synced }}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                        <td nowrap>
                            {% if device.last_time_synced != None %}
                                {{ device.last_time_synced }}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                        <td nowrap>
                            {% if not device.last_time_used %}
                                {% trans "Never" %}
                            {% elif device.last_time_used.completion_timestamp %}
                                {{ device.last_time_used.completion_timestamp|date }}
                            {% elif device.last_time_used.last_activity_datetime %}
                                {{ device.last_time_used.last_activity_datetime }}
                            {% elif device.last_time_used.start_datetime %}
                                {{ device.last_time_used.start_datetime|date }} - {{ device.last_time_used.end_datetime|date }}
                            {% endif %}
                        </td>
                        <!--td nowrap>{{ device.counter }}</td-->
                    </tr>

                {% endfor %}
            </table>
        {% endif %}
    </div><!-- devices -->
</div><!-- zone_container -->
{% endblock control_panel_content %}