hitxy-member/html/workspace.html

<div id="search">
	<div>
		<input autocomplete=off id="username" class="typeahead" type=text name="user" placeholder="Your name">
		<div class='error' id="errUserName"> </div>
	</div>
	<div>
		<button id="step1" class=disabled> Next <i class="ticon ticon-arrow-down"></i> </button>
	</div>
</div>

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

<div class="verification" id="userpass"> 
    <p> Please provide missing information: </p>
	<select name="verify_method" class=fullwidth id="verify_method">
  		<option value="mobile" id="vmobile">Your Phone: </option>
  		<option value="email" id="vemail">Your Email: </option>
	</select>
	<div> Your Answer:</div>
	<div> <input class='fullwidth' id="verifycode" type=text> </div> 
	<div class='error' id="errVerify"> </div>
	<button id="step2"> Verify  <i class="ticon ticon-arrow-down"></i></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 id='postaladdr' disabled>
					No valid addr
		</textarea>
		<!-- button id=changeaddr>Change Address</button -->
	</td></tr>
	
	<tr>
		<td>State in Australia</td>
		<td class="left">
		 	<select name="states" class=fullwidth id="states" disabled>
  				<option value="NSW">NSW</option>
  				<option value="ACT">ACT</option>
  				<option value="WA">WA</option>
  				<option value="SA">SA</option>
  				<option value="QLD">QLD</option>
  				<option value="NT">NT</option>
  				<option value="TAS">TAS</option>
  				<option value="VIC">VIC</option>
  				<option value="na">Unknown</option>
		</select>
		 
		</td>
	
	</tr>

	
	<tr>
		<td>Delivery:</td>
		<td class="left"> 
			<input type=radio name="delivery" value="na"> N/A <br>
			<input type=radio name="delivery" value="dp"> Direct Post <br>
			<input type=radio name="delivery" value="pp" checked> Pick up from <span class="collector"> </span> 
		</td>
	
	</tr>
	
	<tr>
		<td style="vertical-align:middle">
			<input id="medal" type=checkbox checked onclick="return false;"><br>
			<label for="medal" id='medalstatus'></labe>
		</td>
		<td >
			From Alma mater to AU
		</td>
	</tr>
	
	<tr id=tracking1>
		<td  style="vertical-align:middle">
		<input id="posted" type=checkbox checked onclick="return false;">
		</td>
		<td>
		Posted
		</td>
	</tr>

	<tr id=tracking2 class=pp>
		<td id=date1 style="vertical-align:middle">
		<input id="received" type=checkbox  onclick="return false;">
		</td>
		<td>
		Received by : <span class="collector"> </span>
		</td>
	</tr>
	
	<tr id=tracking3 class='pp'>
		<td id=date1 style="vertical-align:middle">
		<input id=readyforpickup type=checkbox  onclick="return false;">
		</td>
		<td>
		Ready for Pickup
		</td>
	</tr>

	<tr id=tracking4>
		<td id="done" style="vertical-align:middle">
		<input id="delivered" type=checkbox  onclick="return false;">
		</td>
		<td>
		Delivered
		</td>
	</tr>

	<tr id=tracking5 class=contact>
		<td id=contact colspan=2>
		Pickup Phone:
		<input id=pickupcontact value="">
		</td>
	</tr>

	<tr class=contact>
		<td id=contact colspan=2>
		Pickup Wechat:
		<input id=pickupwechat value="">
		</td>
	</tr>

	<tr class=contact>
		<td id=contact colspan=2>
		Pickup Location:
		<textarea id='pickuplocation' disabled class='addr'>
		</textarea>
		</td>
	</tr>

	<tr class=contact>
		<td id=contact colspan=2>
		Pickup time:
		<input id=pickuptime value="">
		</td>
	</tr>

		
	</table> 
</div>




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