{% extends "monthplan/base.html" %}
{% load monthplan_templates %}

{% block content %}

<div class="row">
  <div class="col-sm-9">
    <div class="card">
      <div class="card-body">

{% if surveypaths %}

 <!-- insert this snippet where you want Aladin Lite viewer to appear and after the loading of jQuery -->
  <div id="aladin-lite-div" style="width:800px;height:800px;align=center"></div>
  <!--input id="allwise" type="radio" name="survey" value="P/allWISE/color"><label for="allwise">AllWISE<label-->
   <script type="text/javascript" src="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"></script>

    <script type="text/javascript">
           /* survey: "P/DSS2/color", */
           var aladin = A.aladin('#aladin-lite-div', {
              cooFrame: "GAL",
              survey: "P/DSS2/color",
              fov: 197, target: "0. 0.",
              showShareControl: true,
              showCooGrid: false});
             /*
              see http://aladin.u-strasbg.fr/hips/list  for more
              */
           aladin.createImageSurvey("DIRBE_4","DIRBE_4", "http://cade.irap.omp.eu/documents/Ancillary/4Aladin/DIRBE_4",'galactic',8, {imgFormat: 'jpg'});
              /* aladin.createImageSurvey("XMMrgb","XMMrgb", "http://skies.esac.esa.int/XMM-Newton/EPIC-RGB",'equatorial',8, {imgFormat: 'jpg'}) */
              aladin.getBaseImageLayer().getColorMap().update('rainbow');

           aladin.createImageSurvey("RASS-soft", "RASS-soft", "http://cade.irap.omp.eu/documents/Ancillary/4Aladin/RASS_IM3", 'galactic', 12, {imgFormat: 'jpg'})
           aladin.setImageSurvey(aladin.createImageSurvey("RASS", "RASS", "http://alasky.u-strasbg.fr/RASS", 'equatorial', 12, {imgFormat: 'jpg'}));
           aladin.getBaseImageLayer().getColorMap().update('cubehelix');
           aladin.getBaseImageLayer().getColorMap().reverse('true');
           aladin.setImageSurvey(aladin.createImageSurvey("LAB-NH", "LAB-NH", "http://cade.irap.omp.eu/documents/Ancillary/4Aladin/LAB_NH", 'galactic', 12, {imgFormat: 'jpg'}));
           aladin.setOverlayImageLayer(aladin.createImageSurvey("Planck-HFI", "Planck-HFI", "http://alasky.u-strasbg.fr/PLANCK/R2/HFI_Color_353_545_857", 'galactic', 12, {imgFormat: 'jpg'}));
           aladin.getOverlayImageLayer().setAlpha(0.35);
           aladin.getOverlayImageLayer().getColorMap().reverse('true');

	      aladin.setImageSurvey("DIRBE_4");
	      aladin.setOverlayImageLayer("");

              aladin.addCatalog(A.catalogFromURL('http://193.232.10.38/static/aladin/pvlabs.vot',
              {name: 'Labels', sourceSize:5, color: 'red', shape: 'circle',
              raField: "col3", decField: "col4",
              displayLabel: true,labelColumn: "col8", labelColor: "red", labelFont: "12px sans-serif",
              onClick: 'showPopup'}));
 
            var cat1 = A.catalog({shape: 'circle', name: 'Survey Path', color: 'white', sourceSize: 10, displayLabel: false,onClick: 'showPopup'});
            {% if surveypaths %}
	    var overlay = A.graphicOverlay({color: '#ee2345', lineWidth: 1});
	    aladin.addOverlay(overlay);
            {% for path in surveypaths %}
	    {% with next_element=surveypaths|next:forloop.counter0 %} 
	    {% with previous_element=surveypaths|previous:forloop.counter0 %} 

            cat1.addSources(A.source({{ path.ra|safe }}, {{ path.dec|safe }}, 
	    {obsid: '{{ path.survey.experiment }}', 
	    eroday: '{{ path.eroday|floatformat:3 }}', 
	    RA: '{{ path.ra|floatformat:3 }}',Dec: '{{ path.dec|floatformat:3 }}', Roll: '{{ path.roll|floatformat:3 }}',}));
                 
	    {% if next_element %}
	    overlay.add(A.polyline([ [{{ path.ra|safe }}, {{ path.dec|safe }}], [{{ next_element.ra|safe }}, {{ next_element.dec|safe }}], ]));
	    {% endif %}

	    {% endwith %}
	    {% endwith %}

           {% endfor %}
           {% endif %}
           aladin.addCatalog(cat1);



           {% if plates %}
            var cat2 = A.catalog({shape: 'circle', name: 'Healpix Plates', color: 'green', sourceSize: 10, displayLabel: false,onClick: 'showPopup'});
	       {% for plate in plates %}
            cat2.addSources(A.source({{ plate.ra|safe }}, {{ plate.dec|safe }},
            {RA: '{{ plate.ra|floatformat:3 }}',Dec: '{{ plate.dec|floatformat:3 }}', Healpix: '{{ plate.healpix }}',}));
	   overlay.add(A.circle({{ plate.ra|safe }}, {{ plate.dec|safe }}, 1.8323, {color: 'green'}));
           {% endfor %}
           aladin.addCatalog(cat2);
	   {% endif %}


           aladin.addCatalog(A.catalogFromURL('http://193.232.10.38/static/aladin/bound_radec.csv.xml',
           {name: 'boundary', sourceSize:10, color: 'red', shape: 'cross' }));

           var simbadhips = A.catalogHiPS('http://axel.u-strasbg.fr/HiPSCatService/Simbad', {color: "#2F4F4F", onClick: 'showPopup', name: 'Simbad'}, null, true);
              aladin.addCatalog(simbadhips);
              simbadhips.hide();

            </script>
{% endif %}

      </div>
    </div>
  </div>

  <div class="col-sm-3">
    <div class="card">
      <div class="card-body">

          {% if survey %}
          <ul>
	    <li><a href="{{ survey.get_absolute_url_logbook_start }}">{{ survey.start|date:"d M Y H:i:s" }}</a></li>
	    <li><a href="{{ survey.get_absolute_url_logbook_stop }}">{{ survey.stop|date:"d M Y H:i:s" }}</a></li>
	    <li><a href="{{ survey.get_absolute_url }}">{{ survey.experiment }}</a></li>
	    {% if survey.target %}<li>{{ survey.target }}</li>{% endif %}
	  </ul>
	  {% endif %}

	  <!--
           {% if plates %}
	  <ul>
	   {% for plate in plates %}
	   <li>Plate {{ plate.healpix }}, {{ plate.ra|floatformat:3 }}, {{ plate.dec|floatformat:3 }}</li>
           {% endfor %}
	   </ul>
           {% endif %}
	  -->
      </div>
    </div>
  </div>
</div>

{% if flightplans and user.is_authenticated %}
<table class="table table-hover">
<thead>
<tr><th scope="col" colspan="4">Flight program</th></tr>
</thead>
<tbody>
{% for obs in flightplans %}
<tr class="{% if obs.is_past_due %}bg-success{% endif %}{% if obs.is_future %} bg-info{% endif %}{% if obs.is_current %} bg-danger{% endif %}">
    <td>
      {% if obs.valid %}
      <span class="glyphicon glyphicon-ok"></span>
      {% else %}
      <span class="glyphicon glyphicon-remove"></span>
      {% endif %}
    </td>
    <td>{{ obs.start|date:"d M Y H:i:s"}}</td>
    <td>{{ obs.stop|date:"d M Y H:i:s"}}</td>
    <td><a href="{{ obs.get_absolute_url }}">{{ obs.experiment }}</a></td>
    <td>RA: {{ obs.ra|floatformat:4 }}</td>
    <td>Dec: {{ obs.dec|floatformat:4 }}</td>
    <td>Loaded: {{ obs.load_stamp|date:"d M Y" }}</td>
</tr>
<tr>
    <td>MJD</td>
    <td>{{ obs.mjd_start|floatformat:6}}</td>
    <td>{{ obs.mjd_stop|floatformat:6}}</td>
    <td>Q1: {{ obs.q1 }}</td>
    <td>Q2: {{ obs.q2 }}</td>
    <td>Q3: {{ obs.q3 }}</td>
    <td>Q4: {{ obs.q4 }}</td>
</tr>
<tr>
    <td>OBT</td>
    <td>{{ obs.obt_start|floatformat:4}}</td>
    <td>{{ obs.obt_stop|floatformat:4}}</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>

{% endfor %}
</tbody>
</table>
{% endif %}

<table class="table table-hover">


{% if datadumps %}
<thead>
<tr><th scope="col" colspan="4">Сбросы данных</th></tr>
</thead>
<tbody>
{% for dd in datadumps %}
<tr>
<td><span class="glyphicon glyphicon-save"></span></td>
<td>{{ dd.start|date:"d M Y H:i:s" }}</td>
<td>{{ dd.stop|date:"d M Y H:i:s" }}</td><td>{{ dd.tstart }} {{ dd.tstop }}</td>
<td>{{ dd.name }}</td><td>{{ dd.filename }}</td>
</tr>
{% endfor %}
</tbody>
{% endif %}

</table>

{% endblock %}