{% extends "base.html" %}
{% load i18n %}
{% load staticfiles %}

{% block extra_assets %}

<script src= {% static "rmap/libs/jquery-preload/jquery.preload.min.js" %}></script>

<style>
[class*="col-"] {
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}
</style>

{% endblock %}

{% block content %}

<section id="main_content">

<h2>{% trans 'User' %}: {{ object.user }}     {% trans 'Station name' %}: {{ object.name }}      {% trans 'Data level:' %} {{ object.mqttrootpath }}</h2>
<a href="{% url 'mystationmetadata-list' object.user %}">{%trans "Return to user station list" %}</a>

<div class="table-responsive">
<table class="table">
<tr>
<th> {% trans 'Active' %}         </th>
<th> {% trans 'User' %}           </th>
<th> {% trans 'Lat' %}            </th>
<th> {% trans 'Lon' %}            </th>
<th> {% trans 'Category' %}       </th>
<th> {% trans 'Type' %}           </th>
<th> {% trans 'View on the map' %}</th>
</tr>

<tr>
  <td> 
    {% if object.active %}
      <i class="fa fa-check "></i>
    {% else %}
      <i class="fa fa-times "></i>
    {% endif %}
  </td>
<td> {{ object.user }}    </td>
<td> {{ object.lat }}     </td>
<td> {{ object.lon }}     </td>
<td> {{ object.get_category_display }}</td>
<td> {{ object.get_type_display }}    </td>
<td> <a href="{% url 'stationsonmap' object.user object.slug %}">{{ object.slug }}</a></td>
</tr>
</table>
</div>

<h4>{% trans 'Station status' %}: {{ object.stationmaintstatus.laststatus |default:_('Missing')}} //  {% trans 'Last status update' %}: {{ object.stationmaintstatus.lastupdate|default:_('Missing')}}</h4>
<h4>{% trans 'Firmware version' %}: {{ object.stationmaintstatus.firmwaremajor |default_if_none:_('Missing')}}.{{ object.stationmaintstatus.firmwareminor|default_if_none:_('Missing')}}</h4>

  <p>
    <h3>
      <a href="{% url 'mystationstatus-detail' object.user object.slug %}">{% trans 'Station status' %} {{ object.user }} {{ object.slug }}</a>      
    </h3>
  </p>

{% if object.type == "stimav2" or object.type == "stimav3" %}
  <p>
    <h3>
      <a href="http://{{site.domain}}{% url 'mystation-localdata' object.user object.slug %}" target="_blank" rel="noopener noreferrer">{% trans 'Realtime local data' %} {{ object.user }} {{ object.slug }}</a>
    </h3>
  </p>
{% endif %}
  
<div class="container-fluid">
  <div id="preloadimages">      

{% for board in object.board_set.all %}
  {% if board.active  %}

    <div class="row">

<div class="table-responsive">
  <table class="table">
    <tr>
      <th> {% trans 'Board name' %}     </th>
      <th> {% trans 'Board category' %} </th>
      <th> {% trans 'Board type' %}     </th>
    </tr>
    <tr>
      <td> {{ board.name }}                 </td>
      <td> {{ board.get_category_display }} </td>
      <td> {{ board.get_type_display }}     </td>
    </tr>
  </table>
</div>

    <h4>{% trans 'Firmware version' %}: {{ board.boardfirmwaremetadata.swversion|default:_('Missing')}} // {% trans 'Last firmware update' %}: {{ board.boardfirmwaremetadata.swlastupdate|default:_('Missing')}}</h4>
    {% for sensor in board.sensor_set.all %}
      {% if sensor.active  %}
        <p>
        {% if sensor.type.active and sensor.driver != 'JRPC' %}
          {% for bcode in sensor.type.bcodes.all %}
<div class="col-md-6">
  
  <h4>{% trans 'Sensor' %}: {{ sensor.name }}</h4>
  <h5>{{ sensor.describe_timerange }} ;  {{ sensor.describe_level }}</h5>
  <h5>{{ bcode.describe_uservar }}</h5>


  {% if object.network == "mobile" %}
       <img src = "/graphite/render/?target=offset(scale({{object.mqttrootpath}}_mobile.{{ object.ident }}.{{ object.lon_lat }}.{{ object.network }}.{{ sensor.underscored_timerange }}.{{ sensor.underscored_level}}.{{bcode.bcode}},{{bcode.scale}}),{{bcode.offset}})&hideLegend=true&tz=UTC&width=400&height=250&from=-12hours">
       <p>
         <a class="btn btn-default" href=    {% url 'showdata:timeseriesdaily' object.ident  object.lonlat object.network sensor.dynamic_timerange sensor.level bcode.bcode year month day %}?{% if object.mqttrootpath %}{% if object.network %}dsn={{object.mqttrootpath}}_mobile{% endif %}{% endif %} role="button">Timeseries &raquo;</a>
         <a class="btn btn-default" href=    {% url 'showdata:spatialseriesdaily'  object.ident object.lonlat object.network sensor.dynamic_timerange sensor.level bcode.bcode year month day %}?{% if object.mqttrootpath %}{% if object.network %}dsn={{object.mqttrootpath}}_mobile{% endif %}{% endif %} role="button">Spatialseries &raquo;</a>
         <a class="btn btn-default" href="/graphite/composer/?target=offset(scale({{object.mqttrootpath}}_mobile.{{ object.ident }}.{{ object.lon_lat }}.{{ object.network }}.{{ sensor.underscored_timerange }}.{{ sensor.underscored_level}}.{{bcode.bcode}},{{bcode.scale}}),{{bcode.offset}})&from=-12hours" role="button">Graphite composer &raquo;</a>
       </p>
  {% else %}
       <img src = "/graphite/render/?target=offset(scale({{object.mqttrootpath}}_fixed.{{ object.user }}.{{ object.lon_lat }}.{{ object.network }}.{{ sensor.underscored_timerange }}.{{ sensor.underscored_level}}.{{bcode.bcode}},{{bcode.scale}}),{{bcode.offset}})&hideLegend=true&tz=UTC&width=400&height=250&from=-12hours">
       <p>
         <a class="btn btn-default" href=    {% url 'showdata:timeseriesdaily'  object.user object.lonlat object.network sensor.dynamic_timerange sensor.level bcode.bcode year month day %}?{% if object.mqttrootpath %}{% if object.network %}dsn={{object.mqttrootpath}}_fixed{% endif %}{% endif %} role="button">Timeseries &raquo;</a>
         <a class="btn btn-default" href=    {% url 'showdata:spatialseriesdaily'  object.user object.lonlat object.network sensor.dynamic_timerange sensor.level bcode.bcode year month day %}?{% if object.mqttrootpath %}{% if object.network %}dsn={{object.mqttrootpath}}_fixed{% endif %}{% endif %} role="button">Spatialseries &raquo;</a>
         <a class="btn btn-default" href="/graphite/composer/?target=offset(scale({{object.mqttrootpath}}_fixed.{{ object.user }}.{{ object.lon_lat }}.{{ object.network }}.{{ sensor.underscored_timerange }}.{{ sensor.underscored_level}}.{{bcode.bcode}},{{bcode.scale}}),{{bcode.offset}})&from=-12hours" role="button">Graphite composer &raquo;</a>
       </p>
  {% endif %}

</div>

          {% endfor %}
        {% endif %}
      {% endif %}
    {% endfor %}
    </div>
  {% endif %}
{% endfor %}
  </div>
</div>
</section>
  <script>
    $('#preloadimages img').preload({
          placeholder:'{% static "rmap/loading.gif" %}',
          notFound:'{% static "rmap/access-error-logs.png" %}',
          threshold:1
    });
  </script>

{% endblock %}