1<div id="configuration-network">
2	<div class="row column">
3		<h1>BMC network settings</h1>
4	</div>
5	<form class="net-config__form" role="form" action="">
6		<section class="row column">
7			<div class="column small-12 page-header">
8				<h2 class="inline h4">Common settings</h2>
9			</div>
10			<fieldset>
11				<div class="column small-12 large-3">
12					<label for="netinterface-select">Network interface</label>
13					<div id="netinterface-select" class="dropdown__wrapper">
14						<button class="dropdown__button" ng-click="networkDevice = ! networkDevice">eth0</button>
15						<ul class="dropdown__list inline" ng-show="networkDevice">
16							<li>
17								<button ng-click="networkDevice=false;">eth0</button>
18							</li>
19							<li>
20								<button ng-click="networkDevice=false;">eth1</button>
21							</li>
22						</ul>
23					</div>
24				</div>
25				<div class="column small-12 large-3">
26					<label for="net-config__mac">MAC address</label>
27					<input id="net-config__mac" type="text" readonly/>
28				</div>
29				<div class="column small-12 large-3">
30					<label for="net-config__host">Hostname</label>
31					<input id="net-config__host" type="text"/>
32				</div>
33				<div class="column small-12 large-3">
34					<label for="net-config__domain">Domain name</label>
35					<input id="net-config__domain" type="text"/>
36				</div>
37			</fieldset>
38		</section>
39		<section class="row column">
40			<div class="column small-12 page-header">
41				<h2 class="inline h4">IPV4 settings</h2>
42			</div>
43			<fieldset>
44				<div class="row column">
45					<label class="control-radio" for="dhcp-address">Obtain an IP address automatically using DHCP
46						<input type="radio" name="ip-address" id="dhcp-address" ng-checked="true" ng-model="dhcp" ng-value="true" ng-init="dhcp=true"/>
47						<span class="control__indicator control__indicator-on"></span>
48					</label>
49				</div>
50				<div class="row column">
51					<label class="control-radio" for="static-ip-address">Assign a static IP address
52						<input type="radio" name="ip-address" id="static-ip-address" ng-model="dhcp" ng-value="false"/>
53						<span class="control__indicator control__indicator-on"></span>
54					</label>
55				</div>
56				<fieldset class="net-config__static-ip-wrap">
57					<div class="column small-12 large-4">
58						<label for="net-config__ipv4-address" class="inline">IPV4 address</label>
59						<input id="net-config__ipv4-address" type="text" ng-disabled="dhcp" value=""/>
60					</div>
61					<div class="column small-12 large-4">
62						<label for="net-config__subnet" class="inline">Subnet mask</label>
63						<input id="net-config__subnet" type="text" ng-disabled="dhcp" value=""/>
64					</div>
65					<div class="column small-12 large-4">
66						<label for="net-config__default-gateway" class="inline">Default gateway</label>
67						<input id="net-config__default-gateway" type="text" ng-disabled="dhcp" value=""/>
68					</div>
69				</fieldset>
70			</fieldset>
71		</section>
72		<section class="row column">
73			<div class="column small-12 page-header">
74				<h2 class="inline h4">DNS settings</h2>
75			</div>
76			<fieldset>
77				<div class="column small-12 large-4">
78					<label for="net-config__prime-dns">Primary DNS server</label>
79					<input id="net-config__prime-dns" type="text"/>
80				</div>
81				<div class="column small-12 large-4">
82					<label for="net-config__secondary-dns">Secondary DNS server</label>
83					<input id="net-config__secondary-dns" type="text"/>
84				</div>
85				<div class="column small-12 large-4">
86					<label for="net-config__tertiary-dns">Tertiary DNS server</label>
87					<input id="net-config__tertiary-dns" type="text"/>
88				</div>
89			</fieldset>
90			<div class="network-config__submit-wrapper">
91				<button class="btn-primary inline">Save settings</button>
92				<button class="btn-secondary inline">Cancel</button>
93			</div>
94		</section>
95	</form>
96</div>