hitxy-member/html/workspace.html

<div id="search">
	<div>
		<input id="username" class="typeahead" type=text name="user" placeholder="input name">
		<div class='error' id="errUserName"> abcdefg </div>
	</div>
	<div>
		<button id="step1" class=disabled> Search </button>
	</div>
</div>

<div class= 'clear'></div>

<div class="verification" id="userpass"> 
	<div>  Mobile Phone last 4 digits: </div>
	<div> <input class='fullwidth' id="phone" type=text> </div> 
	<div> Postal Code: </div>
	<div><input class='fullwidth' id="zipcode" type=text></div>
	<button id="step2"> Verify</button>
</div>

<div class= 'clear'></div>

<div id="details" class="details"> 
	<table class="details">
	<tr><td colspan=2>
		<span>Postal Address</span> <br>
		<textarea class=addr>
			33 Valerie Ave
			Baulk Ham Hills,
			NSW, Australia 2153
		</textarea>
		<button id=changeaddr>Change Address</button>
	</td></tr>
	
	
	<tr>
		<td>Delivery:</td>
		<td class="left"> 
			<input type=radio name="delivery"> Direct Post <br>
			<input type=radio name="delivery" checked> Pickup from <span id=collector> Patrick Sun </span> 
		</td>
	
	</tr>
	
	<tr>
		<td style="vertical-align:middle">
			<input id="medal" type=checkbox checked><br>
			<label for="medal"> uncheck = 放弃</label>
		</td>
		<td >
			<img src="https://via.placeholder.com/150" >
		</td>
	</tr>
	
	<tr>
		<td style="vertical-align:middle">
		<button id=cardbtn> Apply </button>
		<img id=cardloading style="display:none;"> 
		<input id="card" type=checkbox checked style="display:none;"">
		<div class='error' id=errCard></div>
		</td>
		<td>
			<img src="https://via.placeholder.com/150" >
		</td>
	</tr>
	
	<tr>
		<td style="vertical-align:middle">
		<button id=btn90> Apply </button>
		<img id=loading90 style="display:none;">
		<input id="medal90" type=checkbox checked style="display:none;">
		<div class='error' id=errCard></div>
		</td>
		<td>
			<img src="https://via.placeholder.com/150" >
		</td>
	</tr>
	
	</table> 
</div>

<div class="success"> 
	<table style="min-height:150px;">
		<tr><td style="text-align:center; vertical-align:middle;">
		<button id='confirm' > Confirm Everything </button> 
		<img id=done style="display:none;" >
		</td></tr>
	</table>
</div>