{% extends 'base.html' %}

{% block header %}
    <h1>{% block title %}UPR Queue: Remove Station{% endblock %}</h1>
{% endblock %}

{% block content %}
    <form action="" method="post">
  		<input type="radio" onclick="javascript:addInformation();" name="check" id="what_to_delete" value="s_id"> Identificación de Station<br>
  		<input type="radio" onclick="javascript:addInformation();" name="check" id="what_to_delete" value="nombre_empleado">  Nombre del Empleado<br>
  		<input type="radio" onclick="javascript:addInformation();" name="check" id="what_to_delete" value="oficina"> Oficina<br>
  		<input type="radio" onclick="javascript:addInformation();" name="check" id="what_to_delete" value="last_turn"> Ultimo turno<br>
  		{{ form.submit }}
  	</form>
    <div id="showUp" style="visibility:hidden">
        Escribe el valor por el quiere remover: <input type='text' id='value' name='value'><br>
    </div>
      
    

    <script>
    function addInformation() {
    if (document.getElementById('what_to_delete').checked) {
        document.getElementById('showUp').style.visibility = 'visible';
    else document.getElementById('showUp').style.visibility = 'hidden';
     }
    </script>

{% endblock %}