[% META title = 'Raid claiming' %]

<fieldset> <legend>Message</legend>
	<p><b>REMEMBER TO PASTE LAUNCH CONFIRMATION IF YOU WANT AN ATTACK POINT</b></p>
	<p><b style="color: red;">DO NOT JOIN A WAVE UNLESS YOU HAVE PERMISSION FROM THE PERSON WHO CLAIMED IT</b></p>
	<p><b style="color: purple;">COORDS ARE NOT SHOWN UNTIL AT LEAST 10 MIN AFTER YOUR CLAIM</b></p>
	<p>Landing tick first wave: [% landingtick %]</p>
	[% message %]
</fieldset>

<div id="floatmenu" style="right: 1em; top: 50px; position: absolute; marigin-left:120px;">
<form action="" method="post">
	<ul class="linkbar">
		<li><input type="button" value="Update claims"
			onclick = "update()">
		<li><input type="button" value="Update target list"
			onclick = "listTargets()">
	</ul>
</form>
</div>

[% FOR t IN targets %]
<fieldset class="[% t.style %]"> <legend><a name="target[% t.id %]">Target: #[% t.id %]</a></legend>
	<div class="leftinfo"><ul>
		<li>Size: [% t.size %]</li>
		<li class="[% t.scorebash %]">Score: [% t.score %]</li>
		<li class="[% t.valuebash %]">Value: [% t.value %]</li>
		<li>Fleet value: [% t.fleetvalue %]</li>
		<li>Resource value: [% t.resvalue %]</li>
		<li>Hidden value: [% t.hidden %]</li>
		<li>Factory Usage: [% t.light %], [% t.medium %], [% t.heavy %]</li>
		<li>Race: [% t.race %]</li>
		[% FOR r IN t.roids %]
			<li>Roids wave [% r.wave %]: [% r.roids %] ([% r.xp %] xp)</li>
		[% END %]
	</ul>
	[% IF t.comment %]
		<fieldset> <legend>Comment</legend>
			[% t.comment %]
		</fieldset>
	[% END %]
	<table>
	<tr><th></th><th>Metal</th><th>Crystal</th><th>Eonium</th></tr>
	<tr align="center">
		<th>Roids</th>
		<td>[% t.roidMetal %]</td>
		<td>[% t.roidCrystal %]</td>
		<td>[% t.roidEonium %]</td>
	</tr>
	<tr align="center">
		<th>Resources</th>
		<td>[% t.resourceMetal %]</td>
		<td>[% t.resourceCrystal %]</td>
		<td>[% t.resourceEonium %]</td>
	</tr>

	</table>
	</div>
	<div class="leftinfo">
	<table>
	<tr><th>Waves</th></tr>
	<tr>
		<td>Research</td>
		<td>[% t.techWaves %]</td>
	</tr>
	<tr>
		<td>Amps</td>
		<td>[% t.strucWave_Amplifier %]</td>
	</tr>
	<tr>
		<td>Dists</td>
		<td>[% t.strucWave_Distorter %]</td>
	</tr>
	<tr><th>Production</th></tr>
	<tr>
		<td>Research</td>
		<td>[% t.techHulls %]</td>
	</tr>
	<tr>
		<td>Light factory</td>
		<td>[% t.strucLight_Factory %]</td>
	</tr>
	<tr>
		<td>Medium factory</td>
		<td>[% t.strucMedium_Factory %]</td>
	</tr>
	<tr>
		<td>Heavy factory</td>
		<td>[% t.strucHeavy_Factory %]</td>
	</tr>
	</table>
	</div>
	[% FOR m IN t.missions %]
	<div class="leftinfo">

		<p>[% m.name %]<br>
			Tick: [% m.tick %]<br>
			Ships: [% m.amount %]
		</p>
		<table>
		[% FOR s IN m.ships %]
		<tr class="[% loop.count % 2 == 0 ? 'even' : 'odd' %]">
			<td>[% s.ship %]</td><td>[% s.amount %]</td>
		</tr>
		[% END %]
		</table>
	</div>
	[% END %]
	<div class="clear"> &nbsp;</div>
	<form action="" method="post">
	<p class="claimlinks">
	<span id="claim[% t.id %]">
	[% FOR w IN t.claims %]
	<input type="button" value="Claim wave [% w.wave %]"
		onclick = "claim([% t.id %], [% w.wave %], 'claim')">
	[% END %]
	</span>
	</p>
	</form>
</fieldset>
[% END %]

<script type="text/javascript">
function update(){
	$.get("/jsrpc/update/[% raid %]/"+modified,{},parseUpdate);
}

function claim(target,wave,command){
	$.get("/jsrpc/"+command+"/"+[% raid %]+"/"+modified+"/"+target+"/"+wave,{},parseUpdate);
}

function join(target,wave,joinable){
	$.get("/jsrpc/joinable/"+[% raid %]+"/"+modified+"/"+target+"/"+wave+"/"+joinable,{},parseUpdate);
}

$(document).ready(function(){
	update();
	var targets = $('#targets');
	$('#targets').remove();
	$('#floatmenu').append(targets);
	var menuYloc = parseInt($("#floatmenu").css("top").substring(0,$("#floatmenu").css("top").indexOf("px")))
	$(window).scroll(function () {
		var offset = menuYloc+$(document).scrollTop()+"px";
		$('#floatmenu').animate({top:offset},{duration:500,queue:false});
    });
});
</script>