{% extends "base.html" %}
{% load bootstrap4 %}
{% load static %}
{% load main_tags %}
{% block extra-head %}
<link href="{% static 'css/bootstrap-datetimepicker.min.css' %}" media="screen" rel="stylesheet">
{% endblock %}
{% block content-title %}{{title}}{% endblock %}
{% block content-suptitle %}{{suptitle}}{% endblock %}

{% block content %}

{% block menu-actions %}
<span class=" dropdown pull-right">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="fas fa-bars" aria-hidden="true"></span></a>
  <ul class="dropdown-menu" role="menu">
    <li><a href="{% url 'url_edit_experiment' experiment.id %}"><span class="fa fa-pencil" aria-hidden="true"></span> Edit</a></li>
    <li><a href="{% url 'url_delete_experiment' experiment.id %}"><span class="fa fa-times" aria-hidden="true"></span> Delete</a></li>
    <li><a>----------------</a></li>
    <li><a href="{{ experiment.get_absolute_url_start}}"><span class="fa fa-play" aria-hidden="true"></span> Start</a></li>
    <li><a href="{{ experiment.get_absolute_url_stop }}"><span class="fa fa-stop" aria-hidden="true"></span> Stop</a></li>
  </ul>
</span>
{% endblock %}

<table class="table table-bordered">
{% for key in experiment_keys %}
	{% if key == 'freq' %}
	<tr><th>Operating Freq. (MHz)</th><td>{{experiment|attr:key}}</td></tr>
	{% else %}
  <tr><th>{{key|title}}</th><td>{{experiment|attr:key}}</td></tr>
	{% endif %}
{% endfor %}
</table>
<br>

<table class="table table-bordered">
<h1>Pedestal</h1>
<br>
{% for key in experiment_pedestal_keys %}
  <tr><th>{{key|title}}</th><td>{{experiment_pedestal|attr:key}}</td></tr>
{% endfor %}
</table>
<br>

<table class="table table-bordered">
  <h1>RX</h1> 
  <br>
  {% for key in experiment_rx_keys %}
    <tr><th>{{key|title}}</th><td>{{experiment_rx|attr:key}}</td></tr>
  {% endfor %}
  </table>
  <br>

<table class="table table-bordered">
  <h1>TX</h1> 
  <br>
  {% for key in experiment_tx_keys %}
    <tr><th>{% get_verbose_field_name experiment_tx key %}</th><td>{{experiment_tx|attr:key}}</td></tr>
  {% endfor %}
  </table>
  <br>

{% endblock %}

{% block sidebar%}
   {% include "sidebar_devices.html" %}
{% endblock %}

{% block extra-js%}
<script type="text/javascript">

  $(".clickable-row").click(function() {
    document.location = $(this).data("href");
  });

  $("#bt_edit").click(function() {
	    document.location = "{% url 'url_edit_experiment' experiment.id%}";
	  });

  $("#bt_add_conf").click(function() {
    document.location = "{% url 'url_add_dev_conf' experiment.id %}";
  });

</script>
{% endblock %}