{% extends "base_site.html" %}
{% load staticfiles %}
{% block title %}Areas - View{% endblock %}

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

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

{% block content %}

    <div class="module">
        <h2>Area - View</h2>
        <table class="full-width">
            <tbody>
            <tr><td>Area Acronym:</td><td>{{ area.acronym }}</td></tr>
            <tr><td>Area Name:</td><td>{{ area.name }}</td></tr>
            <tr><td>Status:</td><td>{{ area.state }}</td></tr>
            <tr><td>Start Date:</td><td>{{ area.start_date|date:"Y-m-d" }}</td></tr>
            <tr><td>Concluded Date:</td><td>{{ area.concluded_date|date:"Y-m-d" }}</td></tr>
            <tr><td>Last Modified Date:</td><td>{{ area.time|date:"Y-m-d" }}</td></tr>
            <tr><td>Comments:</td><td>{{ area.comments}}</td></tr>
            </tbody>
        </table>

        <div class="inline-related">
            <h2>Directors</h2>
            <table  class="full-width">
                <tbody>
                {% for director in directors %}
                    <tr><td><a href="{% url 'ietf.secr.rolodex.views.view' id=director.person.id %}">{{ director.person.name }}</a>{% if director.name.slug == "pre-ad" %} (Incoming){% endif %}</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div> <!-- inline-group -->

        <div class="button-group">
            <ul>
                <!-- <li><button type="button" onclick="window.location='../../'">Back</button></li> -->
                <li><button type="button" onclick="window.location='edit/'">Edit</button></li>
                <li><button type="button" onclick="window.location='people/'">People</button></li>
                <li><button type="button" onclick="window.location='{% url 'ietf.secr.groups.views.search' %}?primary_area={{ area.id }}'">Groups</button></li>
            </ul>
        </div> <!-- button-group -->
    </div> <!-- module -->

{% endblock %}