<!--
vim: ts=2 noexpandtab
-->
{% extends "index.html" %}
{% block title %}{{ super() }} - Create{% endblock%}
{% set active_page = "create" %}
{% block content %}
<link href="{{ url_for("static", filename="css/create.css") }}" rel="stylesheet">
<script src="{{ url_for("static", filename="js/create.js") }}"></script>
	<div>
		<h2 class="headline">Create new</h2>
		<div class="alert alert-danger alert-dismissible" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<strong>Warning!</strong> Better check yourself, you're not looking too good.
		</div>
		
		<div class="row">
			<div class="col-md-4 labelColumn">
				<strong>Torrent file</strong>
			</div>
			<div class="col-md-8">
				<input name="Datei" class="tfile" type="file" size="50" maxlength="100000" accept="text/*" onchange="setButtonToFilename(event)">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 labelColumn">
				<strong>Name</strong>
			</div>
			<div class="col-md-8">
				<input type="text" class="form-control" placeholder="e.g. Attack of the Killer Tomatoes" aria-describedby="basic-addon1">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 labelColumn">
				<strong>Categorie</strong>
			</div>
			<div class="col-md-8">
				<div class="row">
					<div class="col-md-6">
						<div class="dropdown">
							<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
								<span class="text">Categorie</span>
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6">
						<div class="dropdown">
							<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true" disabled>
								<span class="text">Subcategorie</span>
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 labelColumn">
				<strong>Audio-Quality</strong>
			</div>
			<div class="col-md-8">
					<div class="btn-group" data-toggle="buttons">
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-subtitles" aria-hidden="true"></span> Subs</input>
						</label>
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-sound-stereo" aria-hidden="true"></span> Stereo</input>
						</label>
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span> 5.1</input>
						</label>
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span> 6.1</input>
						</label>
						<label class="btn btn-default">
							<input type="checkbox" autocomplete="off"><span class="glyphicon glyphicon-sound-7-1" aria-hidden="true"></span> 7.1</input>
						</label>
					</div>
			</div>
		</div>
		<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Create!</button>
	</div>
{% endblock content%}