{% extends "base.html" %}

{% macro other %}
	<form action='/round/others' method='POST'>
		<div class='row'>
			<div class='large-12 columns'>
				<label for='others-artist'>
					Artist
				</label>
				<input type='text' placeholder='Artist' name='artist' id='others-artist'>
			</div>

			<div class='large-12 columns'>
				<label for='others-song'>
					Song
				</label>
				<input type='text' placeholder='Song' name='song' id='other-song'>
			</div>

			<div class='large-12 columns'>
				<button class='button secondary radius small'>
					Add
				</button>
			</div>
		</div>
	</form>
{% endmacro %}

{% block content %}
	<div class='row'>
		<div class='large-6 columns' id='song'>
			<textarea readonly>
				hello!
			</textarea>
		</div>

		<div class='large-6 columns' id='quick-add'>
			<div class='panel radius'>
				{{ other() }}
			</div>
		</div>
	</div>
{% endblock %}

{% block styles %}
<style>
#song textarea {
	width: 100%;
}
</style>
{% endblock %}