{% extends "base_site.html" %}
{% load staticfiles %}

{% block title %}Groups - View{% endblock %}

{% block extrahead %}{{ block.super }}
    <script src="{% static 'secr/js/utils.js' %}"></script>
{% endblock %}

{% block breadcrumbs %}{{ block.super }}
    &raquo; <a href="../">Groups</a>
    &raquo; {{ group.acronym }}
{% endblock %}

{% block content %}

    <div class="module group-container">
        <div id="groups-view-col1">
            <h2>Groups - View</h2>
            <table >
                <tbody>
                <tr><td>Group Acronym:</td><td>{{ group.acronym }}</td></tr>
                <tr><td>Group Name:</td><td>{{ group.name }}</td></tr>
                <tr><td>Status:</td><td>{{ group.state }}</td></tr>
                <tr><td>Type:</td><td>{{ group.type }}</td></tr>
                <tr><td>Proposed Date:</td><td>{{ group.proposed_date|date:"Y-m-d" }}</td></tr>
                <tr><td>Start Date:</td><td>{{ group.start_date|date:"Y-m-d" }}</td></tr>
                <tr><td>Concluded Date:</td><td>{{ group.concluded_date|date:"Y-m-d" }}</td></tr>
                {% comment %}
        Here we need to check that group.area_director and group.area_director.area are defined before referencing.
        Otherwise the template would raise errors if the group area director record didn't exist or
        in the case of Area Director = TBD, the area field is NULL
        {% endcomment %}
                <tr><td>Primary Area:</td>
                    <td>{% if not group.parent %}(No Data){% else %}
                        <a href="{% url "ietf.secr.areas.views.view" name=group.parent.acronym %}">{{ group.parent }}</a>
                    {% endif %}
                    </td>
                </tr>
                <tr><td>Primary Area Director:</td>
                    <td>{% if group.ad_role %}
                        <a href="{% url 'ietf.secr.rolodex.views.view' id=group.ad_role.person.id %}">{{ group.ad_role.person }}</a>
                    {% endif %}
                    </td></tr>
                <tr><td>Meeting Scheduled:</td><td>{{ group.meeting_scheduled}}</td></tr>
                <tr><td>Email Address:</td><td>{{ group.list_email }}</td></tr>
                <tr><td>Email Subscription:</td><td>{{ group.list_subscribe }}</td></tr>
                <tr><td>Email Archive:</td><td>{{ group.list_archive }}</td></tr>
                {% if group.liaison_contacts %}
                    <tr><td>Default Liaison Contacts:</td><td>{{ group.liaison_contacts.contacts }}</td></tr>
                {% endif %}
                {% if group.features.has_chartering_process %}
                    <tr><td>Charter:</td><td><a href="{% url 'ietf.secr.groups.views.charter' acronym=group.acronym %}">View Charter</a></td></tr>
                {% else %}
                    <tr><td>Description:</td><td>{{ group.description }}</td></tr>
                {% endif %}
                <tr><td>Comments:</td><td>{{ group.comments }}</td></tr>
                <tr><td>Last Modified Date:</td><td>{{ group.time }}</td></tr>
                </tbody>
            </table>


        </div> <!-- groups-view-col1 -->
        <div id="groups-view-col2">
            <div class="inline-related">
                <h2>Chairperson(s)</h2>
                {% if group.chairs %}
                    <table>
                        {% for role in group.chairs %}
                            <tr><td><a href="{% url 'ietf.secr.rolodex.views.view' id=role.person.id %}">{{ role.person }}</a></td></tr>
                        {% endfor %}
                    </table>
                {% endif %}
            </div> <!-- inline-related -->

            <div class="inline-related">
                <h2>Document Editor(s)</h2>
                {% if group.editors %}
                    <table>
                        {% for role in group.editors %}
                            <tr><td><a href="{% url 'ietf.secr.rolodex.views.view' id=role.person.id %}">{{ role.person }}</a></td></tr>
                        {% endfor %}
                    </table>
                {% endif %}
            </div> <!-- inline-related -->

            <div class="inline-related">
                <h2>Technical Advisor(s)</h2>
                {% if group.techadvisors %}
                    <table>
                        {% for role in group.techadvisors %}
                            <tr><td><a href="{% url 'ietf.secr.rolodex.views.view' id=role.person.id %}">{{ role.person }}</a></td></tr>
                        {% endfor %}
                    </table>
                {% endif %}
            </div> <!-- inline-related -->

            <div class="inline-related">
                <h2>Secretary(ies)</h2>
                {% if group.secretaries %}
                    <table>
                        {% for role in group.secretaries %}
                            <tr><td><a href="{% url 'ietf.secr.rolodex.views.view' id=role.person.id %}">{{ role.person }}</a></td></tr>
                        {% endfor %}
                    </table>
                {% endif %}
            </div> <!-- inline-related -->

        </div> <!-- groups-view-col2 -->

        <div class="button-group">
            <ul>
                <li><button type="button" onclick="window.location='edit/'">Edit</button></li>
                <li><button type="button" onclick="window.location='people/'">People</button></li>
                {% comment %}
          <li><button type="button" onclick="window.location='{% url "sec.ids.views.search" id=group.group_acronym.acronym_id %}'">Drafts</button></li>
          <li><button type="button" onclick="window.location='{% url "sec.rfcs.views.search" id=group.group_acronym.acronym_id %}'">RFCs</button></li>
          {% endcomment %}
            </ul>
        </div> <!-- button-group -->
    </div> <!-- module -->

{% endblock %}