[% INCLUDE js_templates/admin.js %]

<div class="main_page admin">

  <div id="admin_tabs" class="yui-navset">

    <ul class="yui-nav oess_yui_nav">
      <li class="selected"><a href="#tab1"><em>Discovery</em></a></li>
      <li><a href="#tab2"><em>Network</em></a></li>
      <li><a href="#tab3"><em>Users</em></a></li>
      <li><a href="#tab4"><em>Workgroups</em></a></li>
      <li><a href="#tab5"><em>Remote Links</em></a></li>
      <li><a href="#tab6"><em>Remote Devices</em></a></li>
      <li><a href="#tab7"><em>Maintenances</em></a></li>
    </ul>

    <div class="yui-content">
      
      <!-- Discovery -->
      <div>

	<center>

	  <div>
	    <p class="title">Discovered Network Elements Pending Confirmation</p>
	    <p class="subtitle">Click to Assign Details and Confirm</p>
	  </div> 

	  <br>
	  
	  <div id="node_table_container">
	    <p class="soft_title">Devices</p>
	    <div id="node_table"></div>
	    <div id="node_table_nav"></div>
	    <br>
	    <p class="soft_title confirmation" id="node_confirm_status"></p>
	  </div>

	  <br><br>

	  <div id="link_table_container">
	    <p class="soft_title">Links</p>
	    <div id="link_table"></div>
	    <div id="link_table_nav"></div>
	    <br>
	    <p class="soft_title confirmation" id="link_confirm_status"></p>
	  </div>
	  
	</center>

      </div>

      <!-- Network -->
      <div>
	<center>

	  <p class="title">Active Network Elements</p>
	  <p class="subtitle">Click to Edit Details or Remove</p>
	  <br><br>

	  <div id="active_network_update_status" class="soft_title confirmation"></div>
	  <div id="active_network_map" class="openlayers smaller"></div>	  
	  <br>
	  <div id="active_element_details" style="position:relative;z-index:8999; top:-300px;width: 510px"></div>

	</center>
      </div>

      <!-- Users -->
      <div id="users_content">

	<center>
          
	  <div>
	    <p class="title">Users</p>
	    <p class="subtitle">Add or remove users</p>
	  </div>
	</center> 
	<br><br>
	
	
	<div style="inline-block;float:left;text-align:left; margin-left: 105px; margin-bottom: 8px;">
          <label for="user_search" id="user_search_label" class="soft_title">Search:</label>
	  <input id="user_search" type="text" size="25">
        </div>
	<br>
	<p style="float:left; margin-left:65px;" class="soft_title">Existing Users</p>
	<br>
	<center>
	  <div id="user_table" style="margin-left:25px;inline-block;float:center;"></div>
	  <div id="user_table_nav"></div>
          
	  <br>
	  <p class="soft_title confirmation" id="user_status"></p>
	  <br>
          
	  <div>
	    <div id="add_user_button"></div>
	  </div>

	</center>

      </div>

      <!-- Workgroups -->
      <div id="workgroups_content">
	
	<center>

	  <div>
	    <p class="title">Workgroups</p>
	    <p class="subtitle">Manage Workgroups</p>
	  </div>
	  
	  <br>

	  
	  <div style="text-align: left; margin-left: 317px; margin-bottom: 8px;">
            <label for="workgroup_search" id="workgroup_search_label" class="soft_title">Search:</label>
	    <input id="workgroup_search" type="text" size="15">
	  </div>
	  <div id="workgroup_table_container">
	    <div id="workgroup_table"></div>
	    <div id="workgroup_table_nav"></div>
	  </div>
	  
	  <br clear="both">
	  <p class="soft_title confirmation" id="workgroup_status"></p>
	  <br>


	  <div>
	    <div id="add_workgroup_button"></div>
	  </div>

	</center>

      </div>

      <!-- Remote Links -->
      <div id="remote_content" style="padding-left: 10px;">
    <center>
      <p class="title">Remote Links</p>
      <p class="subtitle"></p>
      <br><br>

      <div id="remote_update_status" class="soft_title confirmation"></div>
      <div id="remote_submit_button_holder" style="float:right;">
        <div id="remote_submit_button"></div><br><br>
        <div id="view_topo_button"></div>
      </div>

      <br clear="both">
      <br>
      <div id="remote_link_table"></div>
      <div id="remote_link_table_nav"></div>
      <br>
      <div id="add_new_remote_link"></div>
    </center>
      </div>

      <!-- Remote Devices -->
      <div id="remote_dev_content">
    <center>
      <p class="title">Remote Devices</p>
      <p class="subtitle">Set Lat/Long Information for Remote Devices By Clicking on Them</p>
      <br><br>

      <div id="remote_dev_update_status" class="soft_title confirmation"></div>
      <div id="remote_dev_table"></div>
      <div id="remote_dev_table_nav"></div>

    </center>
    </div>
    <!-- Maintenances -->
    <div id="maintenance_content">
        <div class="maintenance_container">
            <p class="title">Maintenances</p>
            <!--<p class="subtitle">Active Maintenances</p>-->
            <div class="maint_actions_holder">
                <label class='subtitle'>Edge Interface Move Maintenances</label>
                <div id="maint_add_button"></div>
            </div>
            <div id="edge_int_maint_table"></div>
        </div>
    </div>

    </div>
    
  </div>
  
</div>