<!DOCTYPE html>
<meta charset="utf-8">
{% block title %}<title>SHARK-NIR</title>{% endblock title %}
<script src="/static/jquery-3.6.0.min.js"></script>
<script src="/static/jquery-ui.min.js"></script>
<link href="/static/bootstrap.min.css" rel="stylesheet">
<script src="/static/bootstrap.bundle.min.js"></script>
<link rel="shortcut icon" href="/static/images/favicon.ico">

<script src="/static/ansi_up.js"></script>

<script src="/static/form-crud.js"></script>

  {% block head %}
  {% endblock head %}

<!-- <body class="container-fluid"> -->
<body class="container-fluid vh-100 d-flex flex-column"> 

  {% block header %}

  <header class="row align-items-center bg-light">

    <div class="col-1">
      <a href="/web/home/">
        <img class="img-fluid" src="/static/images/logo.png" alt="logo">
      </a>
    </div>

    <div class="col-auto">
      <h3>Services</h3>
      <nav>
        <a class="btn btn-primary mb-1" role="button" href="/web/blocks">OB editor</a>
        <a class="btn btn-primary mb-1" role="button" href="/web/sequencer">Sequencer</a>
        <a class="btn btn-primary mb-1" role="button" href="/web/devices/" >Devices</a>
        <!-- <a class="btn btn-primary mb-1" role="button" href="/web/devices/ics">Motors</a> -->
        <!-- <a class="btn btn-primary mb-1" role="button" href="/web/devices/synoptic">Synoptic</a> -->
        <a class="btn btn-primary mb-1" role="button" href="/web/rtc/">RTC</a>
      </nav>
    </div>

    <div class="col">
      <h3>Sensors</h3>
      <aside id="ev-sensors" class="row">
      </aside>
    </div>

    <div class="col-auto">
        <h3>LBTO network Resources</h3>
        <nav>
            <a class="btn btn-outline-primary mb-1" role="button" href="http://pdu1.shark-nir.lbto.org/outlet.html">PDU1</a>
            <a class="btn btn-outline-primary mb-1" role="button" href="http://pdu2.shark-nir.lbto.org/outlet.html">PDU2</a>
            <a class="btn btn-outline-primary mb-1" role="button" href="http://sharknir:talk2sasha@sashaws.shark-nir.lbto.org:8080/indi_fits_camera.html?sasha,sasha_display,sasha_roi,sasha_save">Old SCICAM</a>
            <a class="btn btn-outline-primary mb-1" role="button" href="http://sashaws.shark-nir.lbto.org:8888/indi_fits_camera.html?sasha,sasha_display,sasha_roi,sasha_save">New SCICAM</a>
            <a class="btn btn-outline-primary mb-1" role="button" href="https://dms.mountain.lbto.org/view-iif-user">IIF Web Tool</a>
            <a class="btn btn-outline-primary mb-1" role="button" href="http://cred.shark-nir.lbto.org:8888" >TECCAM</a>
            <a class="btn btn-outline-primary mb-1" role="button" href="http://dm.shark-nir.lbto.org">DM</a>
            <a class="btn btn-outline-primary mb-1" role="button" href="http://admin:monit@sharknirws.shark-nir.lbto.org:2812">Monit</a>
            <a class="btn btn-outline-primary mb-1" role="button" href="http://192.168.148.154">Webcam</a>
        </nav>
    </div>

  </header>
  
  {% endblock header %}

  <main>
  {% block content %}
  {% endblock content%}
  <hr style="height:50px;visibility:hidden">
  </main>
   
  {% block footer %}

  <footer class="fixed-bottom text-muted bg-light">

        <nav class="nav ms-2">
          <strong class="navbar-brand">Useful Links</strong>
          <a class="nav-link" href="http://sharknir:shark-nir@cisco.shark-nir.lbto.org">Switch</a>
          <a class="nav-link" href="http://lakeshore.shark-nir.lbto.org">Lakeshore</a>
          <a class="nav-link" href="https://serizawa.oapd.inaf.it/trac/sharknir/wiki/docs/CommissioningPlan">Commissioning plan</a>
          <a class="nav-link" href="https://serizawa.oapd.inaf.it/trac/shark/">Shins</a>
          <a class="nav-link" href="https://sites.google.com/inaf.it/shark-nir/home">Website</a>
          <!-- <a class="nav-link" href="http://osa-tcs.sim.tucson.lbto.org">TCS simulator</a> -->
          <a class="nav-link" href="http://tcs-inst-sim.tucson.lbto.org">TCS simulator</a>
          <a class="nav-link" href="http://calendar.lbto.org/">Calendar</a>
          <a class="nav-link" href="https://info.lbto.org/">Info</a>
          <a class="nav-link" href="https://forecast.weather.gov/MapClick.php?lat=32.701799942559&lon=-109.87083435058594&site=twc&unit=0&lg=en&FcstType=text#.Y4jalHbMIuX">Forecast</a>
          <a class="nav-link" href="http://alta.arcetri.inaf.it/">Turbulence</a>
          <a class="nav-link" href="https://dms.mountain.lbto.org/view-telemetry">Telemetry</a>
          <a class="nav-link" href="http://geode.oapd.inaf.it/aetc.php">ETC</a>          
        </nav>
    
  </footer>
  
  {% endblock footer%}


  <!-- <script> -->

  <!--   var source = new EventSource('/web/home/stream'); // With trailig / in home.py -->
  <!--   var now = performance.now() -->
  <!--   source.onmessage = function(e) { -->
  <!--       var d = JSON.parse(e.data) -->
        
  <!--       // Clean -->
  <!--       $("#ev-sensors span").remove() -->

  <!--       // Date -->
  <!--       var utc = "datetime UTC" -->
  <!--       $.each([d[utc]], function(k,v){ -->
  <!--           $("#ev-sensors").append('<span class="col-auto">'+utc+'<br><time>'+v+'</time></span>') -->
  <!--       }) -->

  <!--       // Sensor0, Sensor1 -->
  <!--       $.each([0,1], function(i,v){ -->
  <!--           var sens = d["Sensor"+v] -->
  <!--           // Temperature, Pressure -->
  <!--           $.each(sens, function(k,v){ -->
  <!--                   $("#ev-sensors").append('<span class="col-auto">'+k+'<br><var>'+v.toFixed(1)+'</var></span>') -->
  <!--           }) -->
  <!--       }) -->

  <!--   } -->
    
  <!-- </script> -->
  
