{% extends 'base.html' %}
{% set active_page = "management" %}
{% set version2 = False %}
 
{% block container %}
	{% if current_user.is_authenticated %}

	<!--start outer div-->
	<div>
		<div class="panel panel-default">
			<div class="panel-heading">Add New POP</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-sm-2">
						<label for="popCode">POP Code</label>
						<input class="form-control" type="text" id="popCode" name ="popCode" ng-model="gen.popCode" pattern="^[A-Z]{3}[0-9]{2}$"></input>
						<div ng-if="gen.popCode==null" style="padding:2px">example: CDG01</div>
						<div ng-if="gen.popCode!=null" style="padding:2px,color:green">Accepted Input</div>
					</div>
					<div class="col-sm-2">
						<label for="popStatus">Status</label>
						<select class="form-control" id="popStatus" name="popStatus" ng-model="gen.popStatus">
							<option value="current">Current</option>
							<option value="upcomming">Upcomming</option>
						</select>
					</div>
					<div class="col-sm-4">
						<label for="popVersion">Site Version</label>
						<select class="form-control" id="popVersion" name="popVersion" ng-model="gen.popVersion">

							<option value="base">None (no template)</option>
							<option value="duet4.0-42">duet 4.0 (42U Racks)</option>
							<option value="duet4.0-46"0>duet 4.0 (46U Racks)</option>
							<option value="3.7">quartet 3.7 (ASR 9910)</option>
							<!--<option value="3.7-dwdm">quartet 3.7 (ASR 9910) with DWDM</option>-->
							<option value="4.0">quartet 4.0 (ASR 9910)</option>
						</select>
					</div>
					<div class="col-sm-2">
						<label for="popSubnet">Starting MA Subnet</label>
						<input class="form-control" type="text" id="popSubnet" name ="popSubnet" ng-model="gen.popSubnet" pattern="^10\.[0-9]{1,3}\.[0-9]{1,3}\.0$"></input>
						<div ng-if="gen.popSubnet==null" style="padding:2px">example: 10.19.118.0</div>
						<div ng-if="gen.popSubnet!=null" style="padding:2px,color:green">Accepted Input</div>
					</div>
					<div class="col-sm-2">
						<label for="serverCount">Server Rack Count</label>
						<select class="form-control" id="serverCount" name="serverCount" ng-model="gen.serverCount">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
						</select>
					</div>
				</div>
				<div>
					<button type="button" class="btn btn-primary pull-right" ng-click="createNewTemplatePOP()">Add New POP</button>
				</div>
			</div>
		</div>
	</div>
	<div>
		{{gen|angular}}
	</div>
	<!--edn outer div-->
	{% endif %}
{% endblock %}
{% block scripts %}
{% endblock %}