DjNRO

    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

{% block subcontent %} <h4>eduroam CAT enroll</h4>

            {% block subcontent %}

{% block subcontent %} <h4>{% if edit %}{{form.instance.name}} ({% trans "edit" %}){% else %}{% trans "Add Contact" %}{% endif %}</h4>

{% block extrahead %}

	<style type="text/css">

		.control-label{

			padding-top: 0px !important;

			width: auto !important;

		}

	</style>

{% endblock %}

{% block crumbs %}

		<li><a href="{% url manage %}">{% trans "Home" %}</a><span class="divider">/</span></li>

		<li class="active">{% trans "Institution" %}</li>

		{% endblock %}

{% block subcontent %}

        <table class="table table-condensed">

            {% for message in messages %}

            <tr {% if message.tags %} class="{{ message.tags }}"{% endif %}><td>{{ message }}<td></tr>

            {% endfor %}

        </table>

    {% endif %}

  {% load tolocale %}

  {% if institution %}

  		{% if institution.institutiondetails %}

<div class="form-horizontal">

		<div class="control-group">

		<label class="control-label" for="id_ertype">{% trans "Name" %}</label>

		<div class="controls">

			{% tolocale institution LANGUAGE_CODE %}

		</div>

	</div>

	<div class="control-group">

		<label class="control-label" for="id_ertype">{% trans "Type" %}</label>

		<div class="controls">

			{{ institution.get_ertype_display }}

		</div>

	</div>

	<div class="control-group">

		<label class="control-label" for="id_address_street">{% trans "Address Street" %}</label>

		<div class="controls">

			{{ institution.institutiondetails.address_street }}

		</div>

	</div>

	<div class="control-group">

		<label class="control-label" for="id_address_city">{% trans "Address City" %}</label>

		<div class="controls">

			{{ institution.institutiondetails.address_city }}

		</div>

	</div>

	<div class="control-group">

		<label class="control-label" for="id_contact">{% trans "Contacts" %}</label>

		<div class="controls">

				{% for contact in institution.institutiondetails.contact.all %}

        		{{contact.name}} (<a href="mailto:{{contact.email}}">{{contact.email}}</a> - tel:{{contact.phone}}){% if not forloop.last %}<br>{% endif %}

        	{% endfor %}

		</div>

	</div>

    <div class="control-group ">

        <label class="control-label" for="id_urls">{% trans "Urls" %}</label>

        <div class="controls">

        {% for url in institution.institutiondetails.url.all %}

        		<a href="{{url.url}}" target="_blank">{{url.url}}</a> - {{url.get_urltype_display}} ({{url.get_lang_display}}){% if not forloop.last %}<br>{% endif %}

        {% endfor %}

        </div>

    </div>

    {% if institution.ertype == 2 or institution.ertype == 3 %}

	<div class="control-group">

		<label class="control-label" for="id_oper_name">{% trans "Domain Name" %}</label>

		<div class="controls">

			{{ institution.institutiondetails.oper_name }}

		</div>

	</div>

	{% endif %}

	{% if institution.ertype == 1 or institution.ertype == 3 %}

	<div class="control-group">

		<label class="control-label" for="id_number_user">{% trans "Number User" %}</label>

		<div class="controls">

			{{ institution.institutiondetails.number_user }}

		</div>

	</div>

	{% endif %}

	<div class="control-group">

		<label class="control-label" for="id_number_id">{% trans "Number of IDs" %}</label>

		<div class="controls">

			{{ institution.institutiondetails.number_id }}

		</div>

	</div>

	<div class="control-group">

        <div class="controls">

            <a class="btn btn-primary" href="{% url edit-institution institution.pk %}">{% trans "Edit" %}</a>

        </div>

    </div>

            </div>

              		{% else %}

              			<div>{% trans "No institution details defined yet for" %} {% tolocale institution LANGUAGE_CODE%} <a href="{% url edit-institution institution.pk %}" class="btn btn-small btn-primary">{% trans "edit" %}</a></div>

              		{% endif %}

              {% else %}

              <p>{% trans "No institution defined" %}</p>

              {% endif %}

             {% endblock %}

{% block crumbs %}

	<li><a href="{% url manage %}">{% trans "Home" %}</a><span class="divider">/</span></li>

	<li><a href="{% url institutions %}">{% trans "Institution" %}</a><span class="divider">/</span></li>

	<li class="active">{% tolocale institution LANGUAGE_CODE%} ({% trans "Edit" %})</li>

{% block extrahead %}

	 $('#myModal').modal('show')

	 $.ajax({

			url:"{% url adduser %}",

			type: "GET",

			success: function(data){

				$('#mymodalbody').html(data);

{% block homeactive %}{% endblock %}

{% block instactive %}class="active"{% endblock %}

{% block subcontent %}

<h4>{% tolocale institution LANGUAGE_CODE%} {% trans "Edit" %}</h4>

<hr>

<form method="POST" class="form-horizontal">

	{% csrf_token %}

	{% if form.non_field_errors %}

	<p class="error">

		{{ form.non_field_errors}}

	</p>

	{% endif %}

	<div style="display: none">

		{{form.institution}}

	</div>

		<div class="control-group">

		<label class="control-label" for="id_name"><b>{% trans "Name" %}</b></label>

		<div class="controls">

			<input class="input" id="disabledInput" type="text" placeholder="{% tolocale institution LANGUAGE_CODE %}" disabled>

		</div>

	</div>

	<div class="control-group {% if form.ertype.errors %} error {% endif %}">

		<label class="control-label" for="id_ertype"><b>{% trans "Type" %}</b></label>

		<div class="controls">

			<input class="input" id="disabledInput2" type="text" placeholder="{{institution.get_ertype_display}}" disabled>

		</div>

	</div>

	<div class="control-group {% if form.address_street.errors %} error {% endif %}">

		<label class="control-label" for="id_address_street"><b>{% trans "Address Street" %}</b></label>

		<div class="controls">

			{{ form.address_street }}

			{% if form.address_street.errors %} <span class="help-inline"> {{ form.address_street.errors|join:", " }} </span>

			{% endif %} <span class="help-block"> {{ form.address_street.help_text }}</span>

		</div>

	</div>

	<div class="control-group {% if form.address_city.errors %} error {% endif %}">

		<label class="control-label" for="id_address_city"><b>{% trans "Address City" %}</b></label>

		<div class="controls">

			{{ form.address_city }}

			{% if form.address_city.errors %} <span class="help-inline"> {{ form.address_city.errors|join:", " }} </span>

			{% endif %} <span class="help-block"> {{ form.address_city.help_text }}</span>

		</div>

	</div>

	<div class="control-group {% if form.contact.errors %} error {% endif %}">

		<label class="control-label" for="id_contact"><b>{% trans "Contacts" %}</b></label>

		<div class="controls">

			{{ form.contact }} <button class="btn btn-small btn-info" id="add_contact"><i class="icon-plus-sign icon-white"></i>Add...</button>

			{% if form.contact.errors %} <span class="help-inline"> {{ form.ertype.contact|join:", " }} </span>

			{% endif %} <span class="help-block"> {{ form.contact.help_text }}</span>

		</div>

	</div>

    <div class="control-group {% for err in urls_form.errors %}{% if err|length > 0 %}error{% endif %}{% endfor %}{% if urls_form.non_form_errors %}error{% endif %}">

        <label class="control-label" for="id_urls"><b>{% trans "Urls" %}</b></label>

        {{urls_form.management_form}}

        <div class="controls">

        {% if urls_form.non_form_errors %} <span class="help-inline"> {{ urls_form.non_form_errors|join:", "}}</span>{% endif %}

            <table id="urlsform"><thead><tr><td>url</td><td>type</td><td>language</td></tr></thead><tbody>

        {% for formset in urls_form.forms %}

        {{ formset.id }}

            <tr id="{{ formset.prefix }}-row">

            <td> {% if formset.instance.pk %}{{ formset.DELETE }}{% endif %}{{ formset.url }}{% if formset.url.errors %}<br><div class="help-inline"> {{ formset.url.errors|join:", " }} </div>{% endif %}</td>

             <td>{{formset.urltype}}{% if formset.urltype.errors %}<br><p class="help-inline"> {{ formset.urltype.errors|join:", " }} </p>{% endif %}</td>

             <td>{{formset.lang}}{% if formset.lang.errors %}<br><p class="help-inline"> {{ formset.lang.errors|join:", " }} </p>{% endif %}</td>

        </tr>

        {% endfor %}

        </tbody></table>

        </div>

    </div>

    {% if institution.ertype == 2 or institution.ertype == 3 %}

	<div class="control-group {% if form.oper_name.errors %} error {% endif %}">

		<label class="control-label" for="id_oper_name"><b>{% trans "Domain Name" %}</b></label>

		<div class="controls">

			{{ form.oper_name }}

			{% if form.oper_name.errors %} <span class="help-inline"> {{ form.oper_name.errors|join:", " }} </span>

			{% endif %} <span class="help-block">{% autoescape off %}{{ form.oper_name.help_text }}{% endautoescape %}</span>

		</div>

	</div>

	{% endif %}

	{% if institution.ertype == 1 or institution.ertype == 3 %}

	<div class="control-group {% if form.number_user.errors %} error {% endif %}">

		<label class="control-label" for="id_number_user">{% trans "Number of Users" %}</label>

		<div class="controls">

			{{ form.number_user }}

			{% if form.number_user.errors %} <span class="help-inline"> {{ form.number_user.errors|join:", " }} </span>

			{% endif %} <span class="help-block"> {{ form.number_user.help_text }}</span>

		</div>

	</div>

	{% endif %}

	<div class="control-group {% if form.number_id.errors %} error {% endif %}">

		<label class="control-label" for="id_number_id">{% trans "Number of IDs" %}</label>

		<div class="controls">

			{{ form.number_id }}

			{% if form.number_id.errors %} <span class="help-inline"> {{ form.number_id.errors|join:", " }} </span>

			{% endif %} <span class="help-block"> {{ form.number_id.help_text }}</span>

		</div>

	</div>

	<div class="control-group">

		<div class="controls">

			<button type="submit" id="applybutton" value="Apply" class="btn btn-primary"/>{% trans "Apply" %}</button>

		</div>

	</div>

</form>

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

<h3 id="myModalLabel">{% trans "Add User" %}</h3>

</div>

<div class="modal-body" id="mymodalbody">

</div>

<div class="modal-footer">

<button class="btn" data-dismiss="modal" aria-hidden="true">{% trans "Close" %}</button>

<a class="btn btn-primary" id="adduserSubmit" href="#">{% trans "Save changes" %}</a>

</div>

</div>

{% endblock %}

{% block subcontent %} <h4>{% if edit %}Monitored realm: {{form.instance.realm}} ({% trans "edit" %}){% else %}{% trans "Add Monitored Realm" %}{% endif %}</h4>

            {% block subcontent %}

{% block subcontent %} <h4>{% if edit %}{{realm.realm}} parameters ({% trans "edit" %}){% else %}{% trans "Add Monitored Realm Parameters" %} ({{realm.realm}}){% endif %}</h4>

            {% block subcontent %}

{% block subcontent %}<h4>{% if edit %}{{form.instance.realm}} ({% trans "edit" %}){% else %}{% trans "Add Realm" %}{% endif %}</h4>

{% block subcontent %} <h4>{{server.get_name}}</h4>

            {% block subcontent %}

{% block subcontent %} <h4>{% if edit %}{{form.instance.get_name}} ({% trans "edit" %}){% else %}{% trans "Add Server" %}{% endif %}</h4>

{% block subcontent %}

{% block crumbs %}

<li><a href="{% url manage %}">{% trans "Home" %}</a><span class="divider">/</span></li>

<li class="active">{% trans "Locations" %}</li>

{% endblock %}

{% block extrahead %}

<script type="text/javascript" src="{% static 'js/jquery.dataTables.min.js' %}"></script>

<script type="text/javascript" src="{% static 'js/datatables_bootstrap.js' %}"></script>

<script type="text/javascript">

$(document).ready(function(){

	 {% if services %}

var oTable = $('#table').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

    }, {

        "bVisible": true,

        "bSearchable": false,

        "bSortable": false

    }],

    "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 "locations" %}',

        "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" %}'

        }

    }

});

oTable.fnDraw();

$('[id^=del_service_]').click(function(){

	server_id = (this.id).replace("del_service_", '');

	name = this.getAttribute("data-servicename");

	$("#mymodalbody").html("{% trans 'You are about to delete location' %}: <b>"+name+"</b><br>{% trans 'Press Delete to proceed or Cancel to cancel deletion' %}");

	$("#myModalLabel").html("{% trans 'Delete Location' %} "+name);

	$('#myModal').modal('show');

	$(".modal-footer").show();

	$("#service_name_del").html(name)

	return false;

});

$("#delserviceSubmit").click(function(){

	$.ajax({

		url:"{% url del-service %}/?service_pk="+server_id,

		type: "GET",

		success: function(data){

			if (data.error){

				$(".modal-footer").hide();

				$("#mymodalbody").html("<font style='color:#B94A48'>"+data.error+"</font>");

			}

			if (data.success){

				$(".modal-footer").hide();

				$("#mymodalbody").html("{% trans 'Service' %} "+name+" {% trans 'successfully deleted' %}");

				window.setTimeout('location.reload()', 1000);

			}

			}

		});

});

{% endif %}

});

</script>

			{% block homeactive %}{% endblock %}

    		{% block servicesactive %}class="active"{% endblock %}

            {% block subcontent %}

              <h4>{% trans "Locations" %}</h4>

              <hr>

              {% if messages %}

	                <table class="table table-condensed">

					    {% for message in messages %}

					    <tr {% if message.tags %} class="{{ message.tags }}"{% endif %}><td>{{ message }}<td></tr>

					    {% endfor %}

					</table>

			  {% endif %}

              <div>{% if institution.ertype == 2 or institution.ertype == 3 %}<a href="{% url edit-services %}" class="btn btn-primary">{% trans "Add location" %}</a>{% endif %}</div>

	              <div class="span10"></div>

              {% load tolocale %}

              {% if institution.ertype == 2 or institution.ertype == 3 %}

              {% if services %}

               <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" width="100%" id="table">

	               <thead>

					<tr>

					</tr>

					</thead>

					<tbody>

	                {% for service in services %}

	              	<tr class="GradeC">

	                	<td><a href="{% url services service.pk %}">{% tolocale service LANGUAGE_CODE %}</a></td>

	                	<td>{{service.address_street}}<br>{{service.address_city}}</td>

	                	<td>{{service.SSID}}</td>

                        <td>{% for enc in service.enc_level %}{% if enc == '' %}-{% else %}{{enc}}{% if not forloop.last%},{% endif %}{% endif %}{% endfor %}</td>

	                	<td>{{service.AP_no}}</td>

	                	<td style="text-align: center;"><a href="{% url edit-services service.pk %}" class="btn btn-small">{% trans "edit" %}</a> <a href="#" id="del_service_{{service.pk}}" data-servicename="{% tolocale service LANGUAGE_CODE%}" class="btn btn-small btn-warning">{% trans "delete" %}</a></td>

	                </tr>

	              	{% endfor %}

	              	</tbody>

	              </table>

	              {% endif %}

              {% endif %}

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

<h3 id="myModalLabel">{% trans "Delete Location" %}</h3>

</div>

<div class="modal-body" id="mymodalbody">

</div>

<div class="modal-footer">

<button class="btn" data-dismiss="modal" aria-hidden="true">{% trans "Cancel" %}</button>

<a class="btn btn-warning" id="delserviceSubmit" href="#">{% trans "Delete" %}</a>

</div>

<div class="modal hide fade" id="servDets" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

<h3 id="myModalLabelservdets">{% trans "Location Details" %}</h3>

<div class="modal-body" id="servDetsbody">

</div>

<div class="modal-footer">

<button class="btn" data-dismiss="modal" aria-hidden="true">{% trans "Close" %}</button>

</div>

</div>

		{% endblock %}

{% block subcontent %}

{% block extrahead %} <script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script %}>

<script type="text/javascript" src="{% static 'js/markerclusterer.js' %}"></script>

<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">

	var lat = "{{MAP_CENTER.0}}";

	var lat = parseFloat(lat.replace(",","."));

	var lng = "{{MAP_CENTER.1}}";

	var lng = parseFloat(lng.replace(",","."));

	var zoomLevel = 6;

	var latlng = new google.maps.LatLng(lat,lng);

	var map = '';

	var bounds = '';

	var image = '';

	var infoWindow;

var styles = [{

	url: '{% static 'img/edugroup.png' %}',

	height: 54,

	width: 63,

	textColor: '#ffffff',

	textSize: 11

	},

	{

	url: '{% static 'img/edugroup.png' %}',

	height: 54,

	width: 63,

	textColor: '#ffffff',

	textSize: 11

	},

	{

	url: '{% static 'img/edugroup.png' %}',

	height: 54,

	width: 63,

	textColor: '#ffffff',

	textSize: 11

}];

function initialize() {

	image = new google.maps.MarkerImage('{% static 'img/edupin.png' %}',

	// This marker is 29 pixels wide by 40 pixels tall.

	new google.maps.Size(29, 40),

	// The origin for this image is 0,0.

	new google.maps.Point(0,0),

	// The anchor for this image is the base of the flagpole at 18,42.

	new google.maps.Point(14, 40)

);

var styleArray = [

{

	featureType: "all",

	stylers: [

	{ saturation: -60 },

	{gamma: 1.00 }

	]

	},{

	featureType: "poi.business",

	elementType: "labels",

	stylers: [

	{ visibility: "off" }

	]

	},

	{ "featureType": "transit.line", "elementType": "geometry", "stylers": [ { "visibility": "off" } ] },

	{ "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] },

	{'featureType': "administrative.country",

	'elementType': "labels",

	'stylers': [

	{ 'visibility': "off" }

	]}

];

var mapOptions = {

	center : latlng,

	zoom : zoomLevel,

	mapTypeId : google.maps.MapTypeId.ROADMAP,

	styles: styleArray,

	mapTypeId: google.maps.MapTypeId.ROADMAP,

	mapTypeControlOptions: {

	style: google.maps.MapTypeControlStyle.DEFAULT

	},

	navigationControl: true,

	mapTypeControl: false,

	};

	map = new google.maps.Map(document.getElementById("map_canvas"),

	mapOptions);

	bounds = new google.maps.LatLngBounds();

	infoWindow = new google.maps.InfoWindow();

}

function placeMarkers(){

var markers = new Array();

$.get("{% url get-service-points %}", function(data){

	$.each(data, function(index, jsonMarker) {

	var marker = createMarker(jsonMarker);

	if (marker){

	bounds.extend(marker.position);

	markers.push(marker);

	google.maps.event.addListener(marker, 'click', function() {

		infoWindow.setContent( "<div><h4>"+jsonMarker.name+"</h4>"+

	"<div class='tabbable'>"+

    "<ul class='nav nav-tabs'>"+

    "<li class='active'><a href='#tab1' data-toggle='tab'>{% trans 'Info' %}</a></li>"+

    "<li><a href='#tab2' data-toggle='tab'>{% trans 'More...' %}</a></li>"+

    "</ul>"+

    "<div class='tab-content'>"+

    "<div class='tab-pane active' id='tab1'>"+

    "<dl class='dl-horizontal'>"+

			"<dt>Name</dt><dd>"+jsonMarker.name+"&nbsp;</dd>"+

			"<dt>Address</dt><dd>"+jsonMarker.address+"&nbsp;</dd>"+

			"<dt>Encryption</dt><dd>"+jsonMarker.enc+"&nbsp;</dd>"+

			"<dt>SSID</dt><dd>"+jsonMarker.SSID+"&nbsp;</dd>"+

			"<dt>Number of APs</dt><dd>"+jsonMarker.AP_no+"&nbsp;</dd></dl>"+

    "</div>"+

    "<div class='tab-pane' id='tab2'>"+

    "<dl class='dl-horizontal'>"+

			"<dt>Port Restrict</dt><dd>"+jsonMarker.port_restrict+"&nbsp;</dd>"+

			"<dt>transp_proxy</dt><dd>"+jsonMarker.transp_proxy+"&nbsp;</dd>"+

			"<dt>IPv6</dt><dd>"+jsonMarker.IPv6+"&nbsp;</dd>"+

			"<dt>NAT</dt><dd>"+jsonMarker.NAT+"&nbsp;</dd>"+

			"<dt>Wired</dt><dd>"+jsonMarker.wired+"&nbsp;</dd></dl>"+

    "</div>"+

    "</div>"+

    "</div>"+

    "<div style='text-align:right;'><a href = '{% url edit-services  %}"+jsonMarker.key+"' class='btn btn-primary'>Edit</a></div>"+

    "</div>");

		infoWindow.open(map,marker);

     });

	}

	});

	var mcOptions = {gridSize: 50, maxZoom: 15, styles: styles};

	var markerCluster = new MarkerClusterer(map, markers, mcOptions);

	map.fitBounds(bounds)

	});

	}

	function createMarker(markerObj){

	var title = markerObj.name;

	var latLng = new google.maps.LatLng(markerObj.lat, markerObj.lng);

	var marker = new google.maps.Marker({

	'position' : latLng,

	'map' : map,

	'title': title,

	'icon': image,

	});

	return marker;

	}

	function clusterMarkers(markers){

	var markerCluster = new MarkerClusterer(map, markers);

	}

	$(document).ready(function() {

{% if services %}

	initialize();

	marks = placeMarkers();

	clusterMarkers(marks);

{% endif %}});</script>

{% endblock %}

    {% block topmenu %}

    <ul class="nav">

        <li>

        	{% load tolocale %}

           <a class="brand" href="{% url manage %}" style="font-size: 14px;">{% if institution_exists %}{% tolocale institution LANGUAGE_CODE %}{% else %}Management{% endif %}</a>

        </li>

    </ul>

    {% endblock %}

<div class="container-fluid">

	<div class="row-fluid">

		<div class="span2"></div>

		<div class="span10">

			<div class="row-fluid"><div class="span12">

				<ul class="breadcrumb" style="display: inline-table; padding: 0">

					{% block crumbs %}

	    			<li class="active">{% trans "Home" %}</li>

	    			{% endblock %}

	    		</ul>

			<p class="pull-right"><strong>{{user}}</strong> (<a href="{% url logout %}">{% trans "Logout" %}</a>)</p>

			</div></div>

	<div class="row-fluid">

		<div class="span2">

			<div class="well sidebar-nav">

				<ul class="nav nav-list">

					<li {% block homeactive %}class="active"{% endblock %}>

						<a href="{% url manage %}">{% trans "Home" %}</a>

					</li>

					{% if institution_exists %}

					<li {% block instactive %}{% endblock %}>

						<a href="{% url institutions %}">{% trans "Institution" %} {% if not institutiondetails %}<font style="color: red; font-weight: bold; font-size: 14px;">(!)</font>{% endif %}</a>

					</li>

					{% endif %}

					{% if institutiondetails %}

					<li {% block servicesactive %}{% endblock %}>

						<a href="{% url services %}">{% trans "Locations" %} ({{services_num}})</a>

					</li>

					<li {% block serversactive %}{% endblock %}>

						<a href="{% url servers %}">{% trans "Servers" %} ({{servers_num}})</a>

					</li>

					<li {% block realmsactive %}{% endblock %}>

						<a href="{% url realms %}">{% trans "Realms" %} ({{realms_num}})</a>

					</li>

					<li {% block instrealmmon %}{% endblock %}>

						<a href="{% url instrealmmon %}">{% trans "Monitored Realms" %} ({{monrealms_num}})</a>

					</li>

					<li {% block contactsactive %}{% endblock %}>

						<a href="{% url contacts %}">{% trans "Contacts" %} ({{contacts_num}})</a>

					</li>

					{% if CAT_INSTANCES %}

					<li {% block catactive %}{% endblock %}>

						<a href="{% url catenroll %}">{% trans "eduroam CAT" %}</a>

					</li>

					{% endif %}

					{% endif %}

				</ul>

			</div><!--/.well -->

		</div><!--/span-->

		<div class="span10">

			<div class="row-fluid">

				<!--/span-->

				<div class="span12">

				{% if not institution_exists %}

	                <table class="table table-condensed">

					    <tr class="error"><td>You are not associated with any institution. Please contact your administrator<td></tr>

					</table>

				  {% endif %}

				  {% if institution_exists %}

					{% block subcontent %}

					<h4>{% trans "Home" %} - {% trans "Service Locations" %} - {% tolocale institution LANGUAGE_CODE %}</h4>

              		<hr>

					{% if services %} <div id="map_canvas" style="width:100%; height:450px;"></div>

					{% else %}

					<div>{% if institutiondetails %}{% trans "No services defined yet"%}! <a href="{% url edit-services %}" class="btn btn-primary">{% trans "Add new service" %}</a>{% else %}Specify your institution details to proceed <a class="btn btn-small btn-primary" href="{% url edit-institution institution.pk %}">{% trans "Edit" %}</a>{% endif %}</div>

					{% endif %}

					{% endblock %}{% endif %}

				</div><!--/span-->

				<!--/span-->

			</div><!--/row-->

		</div><!--/span-->

	</div><!--/row-->

</div><!--/.fluid-container-->

    {% block topmenu %}

    <ul class="nav">

        <li>

            <a href="{% url index %}">{% trans "Home" %}</a>

        </li>

        <li>

            <a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a>

        </li>

        {% include "front/management_dropdown.html" %}

    </ul>

    {% endblock %}

{% block content %}

<div class="container-fluid">

    <div class="row-fluid">

        <div class="span2">

        </div><!--/span-->

        <div class="span10">

            <div class="row-fluid">

                <!--/span-->

                <div class="span10">

                <h4>Select your institution</h4>

<hr>

<div class="span1"></div>

<div class="span7">

Excellent! You are a click away from getting into your institution eduroam management.

Select your institution to proceed. Our administrators will activate your account and notify you via e-mail.

Please do not continue if you are not the eduroam administrator for this institution.

Any inappropriate requests will be reported directly to the institution, along with your name and email.

</div>

<div class="span12"></div>

<div class="span12">

<form method="POST" class="form-horizontal" action="{% url selectinst %}">

    {% csrf_token %}

    {% if form.non_field_errors %}

    <p class="error">

        {{ form.non_field_errors}}

    </p>

    {% endif %}

    <div style="display: none">

        {{form.user}}

   {% if nomail %}

    <div class="control-group {% if form.email.errors %} error {% endif %}">

        <label class="control-label" for="id_email"><b>{% trans "Email" %}</b></label>

        <div class="controls">

            {{ form.email }}

            {% if form.email.errors %} <span class="help-inline"> {{ form.email.errors|join:", " }} </span>

            {% endif %} <span class="help-block"> {{ form.institution.help_text }}</span>

    </div>

    {% else %}

    <div style="display: none">

        {{form.email}}

    </div>

    {% endif %}

    <div class="control-group {% if form.institution.errors %} error {% endif %}">

        <label class="control-label" for="id_institution"><b>{% trans "Institution" %}</b></label>

        <div class="controls">

            {{ form.institution }}

            {% if form.institution.errors %} <span class="help-inline"> {{ form.institution.errors|join:", " }} </span>

            {% endif %} <span class="help-block"> {{ form.institution.help_text }}</span>

    </div>

    <div class="control-group">

        <div class="controls">

            <button type="submit" id="applybutton" value="Apply" class="btn btn-primary">

            {% trans "Apply" %}</button>