{% extends 'data/base.html' %}
{% block title %}Song{% endblock %}
{% block body %}
{% for message in get_flashed_messages() %}
<div class="flash">{{ message }}</div>
<br />
{% endfor %}
<form method="POST">
  <label for="device_id">deviceID:</label>
  <br />
  <select name="device_id" id="device_id">
	{% for i, id in data %}
	<option value="{{ id['device_id'] }}">{{ i }}</option>
	{% endfor %}
  </select>
  <br /><br />
  <label for="data">Song:</label>
  <br />
  <select name="song" id="song">
    <option value="1">Harry Potter</option>
    <option value="2">Zelda</option>
    <option value="3">Starwars</option>
    <option value="4">The GodFather</option>
    <option value="5">secret song</option>
    <option value="6">stop</option>
  </select>
  <br /><br />
  <button type="submit">Play</button>
  <a href="{{ url_for('data.view_all') }}">back</a>
</form>
{% endblock %}