{% set page ='admin_manual' %}
{% extends "abstracts/admin.jinja" %}
{% block title %}Maloja - Manual Scrobbling{% endblock %}

{% block scripts %}
	<script src="/manualscrobble.js"></script>
	<style>
	.tooltip {
		cursor: help;
	}
	.tooltip:hover {
		text-decoration: underline dotted;
	}
	</style>
{% endblock %}


{% block maincontent %}

	<h2>Scrobble new discovery</h2>

	<table>
		<tr>
			<td style="padding-right:7px;">
				Artists:
			</td><td id="artists_td">
				<input placeholder='Separate with Enter' class='simpleinput' id='artists' onKeydown='keyDetect(event)' onblur='addEnteredArtist()' />
			</td>
		</tr>
		<tr>
			<td style="padding-right:7px;">
				Title:
			</td><td>
				<input placeholder='Enter to scrobble' class='simpleinput' id='title' onKeydown='scrobbleIfEnter(event)' />
			</td>
		</tr>
		<tr>
			<td style="padding-right:7px;">
				Album artists (Optional):
			</td><td id="albumartists_td">
				<input placeholder='Separate with Enter' class='simpleinput' id='albumartists' onKeydown='keyDetect2(event)' onblur='addEnteredAlbumartist()' />
			</td>
		</tr>
		<tr>
			<td style="padding-right:7px;">
				Album (Optional):
			</td><td>
				<input placeholder='Enter to scrobble' class='simpleinput' id='album' onKeydown='scrobbleIfEnter(event)' />
			</td>
		</tr>
		<tr>
			<td>
				<input type="checkbox" id="use_custom_time" />
				Custom Time:
			</td>
			<td>
				<input id="scrobble_datetime" type="datetime-local">
			</td>
		</tr>

	</table>

	<script>
		const now = new Date();
		const localDateTime = new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 16);
		document.getElementById("scrobble_datetime").value = localDateTime;
	</script>

	<br/>

	<input type="checkbox" id="use_track_artists_for_album" checked='true' />
	<span class="tooltip" title="If this is unchecked, specifying no album artists will result in a compilation album ('Various Artists')">Use track artists as album artists fallback</span>

	<br/><br/>

	<button type="button" onclick="scrobbleNew(event)">Scrobble!</button>
	<button type="button" onclick="repeatLast()">↻</button>





	<h2>Search</h2>

	<input class="simpleinput" placeholder='Search for a track' oninput='search_manualscrobbling(this)' />
	<br/><br/>
	<table id="searchresults"></table>


{% endblock %}
