match.html

---
layout: default
title: Run a match
header: true
body_class: match
---

<div role="matchContainer" class="matchContainer column">
	<input type="checkbox" id="showLog">
	<div class="log modal column">
		<button><label for="showLog">Close Log</label></button>
		<textarea role="log" class="log huge">
		</textarea>
	</div>
	<div class="winner modal column">
		<div class="win-container">
			<h1 role="outcome"></h1>
			<button role="startAgain">Start Again</button>
		</div>
	</div>
	<input type="checkbox" id="advancedOptions">
	<div class="advancedOptions hide-when-active">
	{%include map_options.html %}
	</div>
	<div class="row hide-when-active">
		<label>Tank 1 API URL:</label> <input role="tank1Api" class="long" placeholder="https://abc/def" /> <a href="https://tankwars.serverless.camp/pages/tank_brigade.html">Tank Brigade</a>
	</div>
	<div class="row hide-when-active ">
		<label>Tank 2 API URL:</label> <input role="tank2Api" class="long" placeholder="https://abc/def" /> <a href="https://tankwars.serverless.camp/pages/tank_brigade.html">Tank Brigade</a>
	</div>
	<div>
		<button class="hide-when-active"><label for="advancedOptions">Advanced options</label></button> <button role="initMatch" class="hide-when-active green">New Match</button>
		<button><label for="showLog">Show Log</label></button>
	</div>
	<div class="row show-when-active">
		<div class="map-wrapper">
			<div role="matchMap"></div>
		</div>
		<div class="dashboard">
			<div>
				Match ID: <span role="matchId"></span><br/>
			</div>
			{%include tank_status.html %}
		</div>
	</div>
</div>


<script>
window.addEventListener('load', function () { initMatchPage(document, config); });
</script>