{{- /*gotype: main.CreateDeviceVM */}}
{{define "create_device_step2"}}
{{template "header" "Create Device - Enter Device Data"}}
	<form action="/create" method="post">
		<h2>General Information</h2>
		<table>
			<tr>
				<td><label for="qr">QR Code:</label></td>
				{{if .Qr}}
					<td><input type="number" id="qr" name="qr" value="{{.Qr}}" required readonly></td>
				{{else}}
					<td><input type="number" id="qr" name="qr" required></td>
				{{end}}
			</tr>
			<tr>
				<td><label for="asset_type">Type:</label></td>
				<td><input type="text" id="asset_type" name="asset_type" required readonly value="{{.Type}}"></td>
			</tr>
			<tr>
				<td><label for="asset_brand">Brand:</label></td>
				<td>
					<select id="asset_brand" name="asset_brand" onchange="newOption('asset_brand', 'Brand')">
						<option value="Unknown" {{if eq .AssetBrand "Unknown"}}selected{{end}}>Unknown</option>
						{{range .Brands}}
							{{if ne . "Unknown"}}
								<option value="{{.}}" {{if eq . $.AssetBrand}}selected{{end}}>{{.}}</option>
							{{end}}
						{{end}}
						<option>New...</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><label for="asset_name">Name:</label></td>
				<td><input type="text" id="asset_name" name="asset_name" value="{{.AssetName}}"></td>
			</tr>
			<tr>
				<td><label for="asset_description">Description:</label></td>
				<td><textarea id="asset_description" name="asset_description">{{.AssetDescription}}</textarea></td>
			</tr>
		</table>

		<h2>Memory Information</h2>
		<table>
			<tr>
				<td><label for="ram_type">Type:</label></td>
				<td>
					<select id="ram_type" name="ram_type" onchange="newOption('ram_type', 'Memory Type')">
						<option value="Unknown" {{if eq .RamType "Unknown"}}selected{{end}}>Unknown</option>
						{{range .RamTypes}}
							{{if ne . "Unknown"}}
								<option value="{{.}}" {{if eq . $.RamType}}selected{{end}}>{{.}}</option>
							{{end}}
						{{end}}
						<option>New...</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><label for="ram_capacity">Capacity:</label></td>
				<td>
					<input type="number" id="ram_capacity" name="ram_capacity" value="{{if .RamCapacity}}{{.RamCapacity | formatMemoryPlainSize}}{{end}}">
					<select id="ram_capacity_unit" name="ram_capacity_unit">
						<option value="B" {{if isRamType .RamCapacity "B"}}selected{{end}}>B</option>
						<option value="KB" {{if isRamType .RamCapacity "KB"}}selected{{end}}>KB</option>
						<option value="MB" {{if isRamType .RamCapacity "MB"}}selected{{end}} selected>MB</option>
						<option value="GB" {{if isRamType .RamCapacity "GB"}}selected{{end}}>GB</option>
						<option value="TB" {{if isRamType .RamCapacity "TB"}}selected{{end}}>TB</option>
					</select>
				</td>
			</tr>
		</table>

		{{if .IsEdit}}
			<button type="submit">Edit</button>
		{{else}}
			<button type="submit">Create</button>
		{{end}}
	</form>
{{template "footer"}}
{{end}}