<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>
<link rel="stylesheet" href="./script/tocas/tocas.css">
<script src="./script/jquery.min.js"></script>
<title>vAOB Installer</title>
    <style type="text/css">
        .segment {
            max-width: 300px;
        }
    </style>
</head>
<body>
    <div class="ts fluid basic link big menu">
        <div class="ts very narrow container">
            <a href="#!" class="item">vArOZ Installer</a>
        </div>
    </div>
    <div class="ts padded horizontally fitted fluid slate">
        <div class="ts very narrow container">
            <h1 class="ts header">
                Network configuration
                <div class="sub header">Configurating the network settings</div>
            </h1>
        </div>
    </div>
    <div class="ts very narrow container">
        <br>
			<form class="ts relaxed form" action="wconfig.php" method="POST">
                <div class="field">
                    <label>IP Settings</label>
                    <div class="ts center aligned compact horizontal checkboxes">
                        <div class="ts radio checkbox">
                            <input type="radio" name="IP" id="DHCP" value="DHCP" checked="checked">
                            <label for="DHCP">Obtain IP address automatically (DHCP)</label>
                        </div>
                        <div class="ts radio checkbox">
                            <input type="radio" name="IP" id="Static" value="STATIC" disabled>
                            <label for="Static">Use static IP address</label>
                        </div>
                    </div>
                </div>
				<div id="staticf">
					<div class="field">
						<label>IP Address</label>
						<input type="name" name="ipaddr">
						<small>The format should be like 0.0.0.0</small>
					</div>
					<div class="field">
						<label>Subnet mask</label>
						<input type="name" name="subnet">
						<small>The format should be like 0.0.0.0</small>
					</div>
					<div class="field">
						<label>Default Gateway</label>
						<input type="name" name="dgateway">
						<small>The format should be like 0.0.0.0</small>
					</div>
					<div class="field">
						<label>Primary Domain Name Services(DNS)</label>
						<input type="name" name="pdns">
						<small>The format should be like 0.0.0.0</small>
					</div>	
					<div class="field">
						<label>Secondary Domain Name Services(DNS)</label>
						<input type="name" name="sdns">
						<small>The format should be like 0.0.0.0</small>
					</div>
				</div>
				<input type="hidden" name="step" value="2">				
				<button class="ts fluid primary button" type="submit">Next</button>
			</form>
    </div>
<script>
$("#staticf").attr("style","display:none");
$('#DHCP').change(function () {
	$("#staticf").attr("style","display:none");
});
$('#Static').change(function () {
	$("#staticf").attr("style","");
});
</script>
</body>
</html>