{% extends "base.html" %}

{% block title_page %}Request for a line of sight{%endblock%}

{% block content %}
  <div id="form_box">
      <form autocomplete="off">
        Enter the direction for which you want to look up velocity field. <br>
        Right ascension:  <input id="ra" type="text" name="ra"/>
        Declination:  <input id="dec" type="text" name="dec"/>
        <div class="submit_button">
            <a href="javascript:void(0);" class="myButton form_submit">Submit request</a>
        </div>
      </form>
  </div>
  <div id="form_result">
    <div id="form_result_content"> </div>
    <div class='submit_button' style="display:none">
        <a class='myButton' href='javascript:void(0)'>Back</a>
    </div>
  </div>

  <!-- DOM element to do table manipulation -->
  <div id="table_result" style="display:none"></div>
  <!-- DOM element to do plotting -->
  <div id="plot_vr" style="display:none" class="plot_vr"></div>
  
  <link rel="stylesheet" type="text/css" href="{{relroot}}/css/mycss.css" /> 
  <script language="javascript" src="js/jquery-1.11.1.min.js"></script>
  <script language="javascript" src="js/spin.min.js"></script>
  <script language="javascript" src="js/jquery.spin.js"></script>
  <script language="javascript" src="js/jquery.animate_auto.js"></script>
<!--  <script language="javascript" src="js/astro.js"></script>
  <script language="javascript" src="js/plotly.min.js"></script>-->
  <script language="javascript" src="js/vr_plot.js"></script>
{% endblock %}