{% extends "artsurvey/base.html" %}
{% load heasarc_templates %}
{% load artsurvey_templates %}
{% load simbadescape %}

{% block title %}
{{ src }}
{% endblock %}

{% block header %}

<script>

function send_bad_request(content_id){
    $.ajax({
             type: "POST",
             url: "{% url 'ajax bad button' %}",
             data: {'content_id': content_id,'operation':'bad_submit','csrfmiddlewaretoken': '{{ csrf_token }}'},
             dataType: "json",
             success: function(response) {
             selector = document.getElementsByName(response.content_id);
                    if(response.badmarked==true){
                      $(selector).css("color","red");
                    }
                    else if(response.badmarked==false){
                      $(selector).css("color","black");
                    }
              }
        });
  }

function show_source(ra,dec){
JS9.AddRegions('FK5; circle('+ra+', '+dec+', 40") # color=cyan }');<!-- " -->
}

function show_source_as_point_name(ra,dec,name){
JS9.AddRegions('FK5; point('+ra+', '+dec+') # color=cyan text={'+name+'}');
}

function show_source_as_circle(ra,dec,error,name){
console.log(error)
if(error>0.0){
JS9.AddRegions('FK5; circle('+ra+', '+dec+', '+error+'") # color=cyan text={'+name+'} }');<!-- " -->
}else{
JS9.AddRegions('FK5; point('+ra+', '+dec+') # color=cyan text={'+name+'})');
}
}

function js9_center_source(){
  sysstr = JS9.GetWCSSys()

  if(sysstr == 'FK5'){
    //console.log('FK5');
    pix = JS9.WCSToPix({{ src.ra }}, {{ src.dec }});
    JS9.SetPan(pix.x, pix.y);
  }

  if(sysstr == 'galactic'){
    //console.log('GAL');
    pix = JS9.WCSToPix({{ src.lii }}, {{ src.bii }});
    JS9.SetPan(pix.x, pix.y);
  }
  JS9.SetZoom(2);
  console.log("test 2")
  }

function js9_scale_001(){
  JS9.SetScale("log", 0.0, 0.01);
  }
function js9_scale(){
  JS9.SetScale("sqrt", 0.0, 25.0);
  }

function js9_zoom_tofit(){
  JS9.SetZoom("ToFit");
  }

function js9_zoom_2(){
  JS9.SetZoom(2);
  }

function js9_zoom_4(){
  JS9.SetZoom(4);
  }

function js9_zoom_8(){
  JS9.SetZoom(8);
  }
function js9_zoom_16(){
  JS9.SetZoom(16);
  }

function js9_zoom_32(){
  JS9.SetZoom(32);
  }


function js9_zoom_90(){
  JS9.SetZoom(90);
  }

/*
var xhr = new XMLHttpRequest();
xhr.open("POST", "https://vizier.u-strasbg.fr/vizier/", true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({
    "keywordSearchPosition": "10.0 , 10.0"
}));
*/

function ToggleAllWise() {
  var x = document.getElementById("ToggleAllWise");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function ToggleGAIADR3() {
  var x = document.getElementById("ToggleGAIADR3");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function ToggleBJ2021() {
  var x = document.getElementById("ToggleBJ2021");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function ToggleOtherSRGA() {
  var x = document.getElementById("ToggleOtherSRGA");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function ToggleSimbad() {
  var x = document.getElementById("ToggleSimbad");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function ToggleHEASARCNoXray() {
  var x = document.getElementById("ToggleHEASARCNoXray");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function ToggleHEASARCXray() {
  var x = document.getElementById("ToggleHEASARCXray");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}


function ToggleGaiaPLX() {
  var x = document.getElementById("ToggleGaiaPLX");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function ToggleGaiaPM() {
  var x = document.getElementById("ToggleGaiaPM");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function ToggleGaiaEx() {
  var x = document.getElementById("ToggleGaiaEx");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function load_skymap_sources(){
   // JS9.RemoveRegions();
        {% for src in srcs %}
        {% if src.category.slug == 'false' %}
        JS9.AddRegions('FK5; point({{ src.ra }}, {{ src.dec }}) # color=red text={ {{ src.name }} }');
        {% else %}
        JS9.AddRegions('FK5; circle({{ src.ra }}, {{ src.dec }}, 40") # color=white text={ {{ src.name }} }');<!-- " --> 
        {% endif %}
            //JS9.AddRegions("circle", {ra:"{{ src.ra }}", dec:"{{ src.dec }}", wcssys:"FK5",text:"{{ src.name }}", color:"yellow", display: "js9aver"});
        
        {% endfor %}
}
function load_skymap_sources_nonames(){
        {% for src in srcs %}
        {% if src.category.slug == 'false' %}
        JS9.AddRegions('FK5; point({{ src.ra }}, {{ src.dec }}) # color=red');
        {% else %}
        JS9.AddRegions('FK5; circle({{ src.ra }}, {{ src.dec }}, 40") # color=white');<!-- " --> 
        {% endif %}
        {% endfor %}
}

function load_heasarc_around(){
    {% for h in heasarc_around %}
    {% if h.description not in 'HeasarcXrayMaster,HeasarcCHANMASTER' %}
    {% if h.error_radius > 0 %}

    {% if h.error_radius > 20 %}
    JS9.AddRegions('FK5; circle({{ h.ra }}, {{ h.dec }}, {{ h.error_radius }}") # color=yellow text={ {{ h.name }} }');<!-- " --> 
    {% else %}
    JS9.AddRegions('FK5; circle({{ h.ra }}, {{ h.dec }}, {{ h.error_radius }}") # color=magenta ');<!-- " --> 
    {% endif %} 
    {% endif %} 
    {% endif %}
    {% endfor %}
}

function load_heasarc(){

    {% for h in heasarcs %}
    {% if h.description not in 'HeasarcXrayMaster,HeasarcCHANMASTER' %}
    {% if h.error_radius > 0 %}
    console.log("{{ h.name }} {{ h.error_radius }}");

    {% if h.error_radius > 20 %}
    JS9.AddRegions('FK5; circle({{ h.ra }}, {{ h.dec }}, {{ h.error_radius }}") # color=yellow text={ {{ h.name }} }');<!-- " --> 
    {% else %}
    JS9.AddRegions('FK5; circle({{ h.ra }}, {{ h.dec }}, {{ h.error_radius }}") # color=magenta ');<!-- " --> 
    {% endif %} 

    {% endif %} 
    {% endif %}
    {% endfor %}


}

function load_metasource(){
    //JS9.RemoveRegions();
        {% for src in metasource_list  %}
        

JS9.AddRegions('FK5; circle({{ src.ra }}, {{ src.dec }}, 40") # color=yellow');<!-- " --> 

        {% endfor %}
}

function load_all_sources(){
    //JS9.RemoveRegions();
        {% for src in all_sources  %}
        
//            JS9.AddRegions("circle", {ra:"{{ src.ra }}", dec:"{{ src.dec }}", wcssys:"FK5",text:"{{ src }}", color:"yellow", display: "js9aver"});
        JS9.AddRegions('FK5; circle({{ src.ra }}, {{ src.dec }}, 40") # color=white text={ {{ src }} }');<!-- " --> 

        {% endfor %}
}

function remove_all_sources(){
    JS9.RemoveRegions();
}


function load_target(){
JS9.AddRegions('FK5; circle({{ src.ra }}, {{ src.dec }}, 40") # color=white text={ {{ src.name }} }');<!-- " --> 
}


function load_heasarc_linked(){
{% for heasarc in src.heasarc_linked.all  %}
    {% if heasarc.error_radius > 0 %}
    JS9.AddRegions('FK5; circle({{ heasarc.ra }}, {{ heasarc.dec }}, {{ heasarc.error_radius }}") # color=magenta text={ {{ heasarc.name }} }');<!-- " --> 
    {% else %}
    JS9.AddRegions('FK5; point({{ heasarc.ra }}, {{ heasarc.dec }}) # color="magenta"');
    {% endif %} 
{% endfor %}

{% for obj in src.get_heasarc_linked_optics %}
    JS9.AddRegions('FK5; point({{ obj.ra }}, {{ obj.dec }}) # color=\"{{ obj.color }}\" text={ {{ obj.name }} }');
{% endfor %}

}


</script>


<div class="container">  
  <div class="row">
    <div class="col-sm-12">
      
      <h3>
	<a href="{{ src.get_absolute_url }}">{{ src.name }}</a> {{ src.survey }} CName: {% if src.cname %}{{ src.cname }} <a target="_blank"  class="btn btn-info btn-xs" role="button" href="{{ src.get_cname_ads_url }}">ads</a> {% else %}N/A{% endif %} [<a href="{{ src.get_cname_url }}">edit</a>], 
	{% if src.lii < 180.0 %}
	<b style="color:red;">RU</b>
	{% else %}
	<b style="color:red;">DE</b>
	{% endif %}
      </h3>
      <p>
      {% if orig %}
	<strong>Origin:</strong> <!--a href="{{ orig.get_absolute_url }}"-->{{ orig }} from <!--a href="{{ orig.dump.get_absolute_url }}"-->{{ orig.dump }}
      {% else %}
      <strong>Origin:</strong> <em>Detached</em>
      {% endif %}
      <strong>Parent:</strong> {% if src.parent %}<a href="{{ src.parent.get_absolute_url }}">{{ src.parent }} ({{ src.parent.survey }})</a>{% else %}N/A{% endif %}
      <strong>Children:</strong>
      {% if src.children.count %}
      {% for child in src.children.all %}
      <a href="{{ child.get_absolute_url }}">{{ child }} ({{ child.survey }})</a> 
      {% endfor %}
      {% else %}
      N/A
      {% endif %}
      </p>

    </div>
  </div> 



  {% if src.parent %}
  <div class="row">
    <div class="col-sm-12">
      <div class="card">
	<div class="card-body">
          <div class="alert alert-info">
            <p class="card-text">
	      <!--h3 class="card-title">Track changes</h3-->
	   
	      <table class="table">
		<thead>
		  <th></th>
		  <th>Source</th>
		  <th>Type</th>
		  <th>Category</th>
		  <th>Redshift</th> 
		  <th>Papers</th>
		</thead>
		<tbody>
		  <tr>
		    <td><b>Parent</b></td><td><a href="{{ src.parent.get_absolute_url }}">{{ src.parent }}</a></td>
		    <td>{{ src.parent.object_class }}</td>
		    <td>{{ src.parent.category }}</td>
		    <td>{{ src.parent.redshift }}</td>
		    <td>
		      {% for bibcode in src.parent.ads.all %}
		      <a href="{{ bibcode.get_ads_url }}" target="_blank">{{ bibcode }} <span class="glyphicon glyphicon-new-window"></span></a> <br>
		      {% endfor %}
		    </td>
		  </tr>
		  <tr>
		    <td><b>Child</b></td><td><a href="{{ src.get_absolute_url }}">{{ src }}</a></td>
		    <td>{{ src.object_class }}</td>
		    <td>{{ src.category }}</td>
		    <td>{{ src.redshift }}</td>
		    <td>
		    {% for bibcode in src.ads.all %}
		    <a href="{{ bibcode.get_ads_url }}" target="_blank">{{ bibcode }} <span class="glyphicon glyphicon-new-window"></span></a> <br>
		    {% endfor %}
		    </td>
		  </tr>
		</tbody>
		</table>
	   
	    </p>
	  </div>
	</div>
      </div>
    </div>
  </div>
  {% endif %}

  <div class="row">



    <div class="col-sm-8">

      {% if src.metasource %}
      <div class="card">
	<div class="card-body">
          <div class="alert alert-info">
            <p class="card-text">
	      <h4 class="card-title">
		<b>MetaSource</b> <a href="{{ src.metasource.get_absolute_url }}">{{ src.metasource }}</a> has {{ src.metasource.artsurveysource_set.all.count }} record(s)
	      </h4>

	      <div class="listWrapper150">
	      <p>
		<table class="table">
	      {% for meta in src.metasource.artsurveysource_set.all %}
	      {% if not src.id == meta.id %}
	      {% if meta.ads.all.count or meta.uploads.all.count or meta.cname %}
	      <tr>
		<td><a href="{{ meta.get_absolute_url }}">{{ meta.survey }}</a></td>
	      
	      <td>{% if meta.ads.all.count %}<b>{{ meta.ads.all.count }}</b> ADS records{% endif %}</td>

	      <td>{% if meta.uploads.all.count %}<b>{{ meta.uploads.all.count }}</b> uploads{% endif %}</td>

	      <td>{% if meta.object_class %}{{ meta.object_class }}{% endif %}</td>

	      <td>{% if meta.cname %}<b>{{ meta.cname }}</b>{% endif %}</td>
	      <td>
		<a title="Transfer to {{ src }}" class="btn btn-warning btn-xs" role="button"  href="{{ src.get_transfer_url }}/{{ meta.id }}">transfer</a> 
	      </td>
	      </td>
	      </tr>
	      {% endif %}
	      {% endif %}

	      {% endfor %}
	      </table>
	      </p>
</div>

	    <p>
	      <br>
	      <h4>Attached files [<a href="{{ src.metasource.get_upload_url }}">+</a>]</h4>
	      <div class="listWrapper">
	      <table class="table">
		{% for upload in src.metasource.uploads.all %}
		<tr>
		  <td>[{{ upload.owner }}] <a title="{{ upload.title }}" href="{{ upload.get_download_url }}">{{ upload.title|truncatechars:20 }}</a>
		    {% if upload.notes %}<span title="{{ upload.notes }}"><span class="glyphicon glyphicon-comment"></span></span>{% endif %}
		  </td>
		  <td>
		    {% if upload.isfits %}
		    <a class="btn btn-info btn-xs" role="button"  href='javascript:JS9.Load("{{ upload.get_download_url }}", {display: "js9aver", scale:"log",colormap:"viridis", zoom:"toFit", refresh:true});'>display</a> 
		    {% endif %}

		    
		  </td>
		  <td>[<a href="{{ src.metasource.get_edit_upload_url }}/{{ upload.pk }}">edit</a>, <a href="{{ src.metasource.get_delete_upload_url }}/{{ upload.pk }}">del</a>]</td>
		</tr>
		{% endfor %}
	      </table>
	      </div>
	    </p>



	      {% if src.metasource.comments.count %}
	      {% for comment in src.metasource.comments.all %}
              <div class="comments">
		<p class="font-weight-bold">
		   <strong>{{ comment.owner }}:</strong> {{ comment.body }}
		</p>
              </div>
              {% endfor %}
	      {% endif %}
	    </p>
	  </div>
	</div>
      </div>
      {% endif %}



      <div class="card">
	<div class="card-body">
          <div class="alert alert-warning">
            <p class="card-text">
	      <h3 class="card-title">
		<a target="_blank" href="{% url 'artsurvey types' %}">Type<sup><span class="glyphicon glyphicon-new-window"></span> </sup></a> &mdash; {% if src.object_class %}{{ src.object_class }} {% if src.owner %}({{ src.owner }}){% endif %} <a class="btn btn-danger btn-xs" role="button" href="{{ src.get_clean_class_url }}">Clean</a>{% endif %}
	      </h3>
	      <form id="search" method="POST" action="{% url 'artsurvey update type' src.id %}">
		{% csrf_token %}
		<table width="100%">
		  <tr>
		    <td width="50%"><input type="text" class="form-control" id="txtSearch" name="txtSearch"></td>
		    <td><button type="submit" class="btn btn-default btn-submit">Submit</button></td>
		  </tr>
		  <tr>
		    <td>
		      <br>
		      {% if src.class_tentative %}
		      <a class="btn btn-info btn-xs" role="button" href="{{ src.get_remove_tentative_url }}">Remove tentative mark</a>
		      {% else %}
		      <a class="btn btn-danger btn-xs" role="button" href="{{ src.get_mark_tentative_url }}">Mark class as tentative</a>
		      {% endif %}

		      {% if src.cname == 'NEW X-RAY SOURCE' %}
		      <a class="btn btn-info btn-sm" role="button" href="{{ src.get_remove_newxray_url }}">Remove "NEW X-RAY SOURCE"</a>
		      {% else %}
		      <a class="btn btn-danger btn-sm" role="button" href="{{ src.get_mark_newxray_url }}"><b>NEW X-RAY SOURCE</b></a>
		      {% endif %}

		      {% if src.turkish %}
		      <br>
                      <a class="btn btn-info btn-xs" role="button" href="{{ src.get_remove_turkish_url }}">Remove Turkish mark</a><br><br>
		      <b>Turkish Date set: {{ src.turkish_date|date:"d.m.Y" }}</b> 
                      {% else %}
                      <a class="btn btn-danger btn-xs" role="button" href="{{ src.get_mark_turkish_url }}">Mark source as Turkish</a>
                      {% endif %}

		    </td>
		  </tr>
		</table>
	      </form>
	    </p>
	  </div>
	</div>
      </div>
      
{% if src.ext_id %}
      <div class="card">
	<div class="card-body">
          <div class="alert alert-danger">
            <p class="card-text">
	      
	      <h3 class="card-title"><sup>EXT_ID</sup> {{ src.ext_id }}</h3>
	    </p>
	  </div>
	</div>
      </div>

{% endif %}


      <div class="card">
	<div class="card-body">
          <div class="alert alert-success">
            <p class="card-text">
	      <h3 class="card-title">Notes / Follow-up / Paper notes [<a href="{{ src.get_notes_url }}">edit</a>]</h3>
	      {% if src.redshift %}<h4>Redshift: {{ src.redshift|floatformat:4 }}</h4>{% endif %}
	      {% if src.notes %}<hr><h4>Notes:</h4>{{ src.notes|linebreaks }}{% endif %}

	   
              {% if src.follow_up %}<hr><h4>Follow-up:</h4> {{ src.follow_up }}{% endif %}

	      {% if src.notes_paper %}<hr><h4>Paper notes:</h4>{{ src.notes_paper }}{% endif %}
	    </p>

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


     
    </div>
    <div class="col-sm-4">
      <!--h3>Plate {{ orig.skymap }}</h3-->

<!--
DEPRECATED
      {% if src in request.user.artselection.sources.all %}
      <a class="btn btn-danger btn-xs" role="button"  href="{{ src.get_remove_from_selection_url }}">Remove from Selection</a>
      {% else %}
      <a class="btn btn-success btn-xs" role="button"  href="{{ src.get_add_to_selection_url }}"><span class="glyphicon glyphicon-star"></span> Add to Selection</a>
      {% endif %}
-->

 <div class="card">
   <div class="card-body">
     <div class="alert alert-success">
<span class="glyphicon glyphicon-star"></span> Art<b>Selection</b> [<a target="_blank" href="{% url 'artsurvey basket create' %}">+folder</a>]

{% if basketform %}
<form enctype="multipart/form-data" action="" method="post">{% csrf_token %}
<form action="" method="post">
    {% csrf_token %}
    {{ basketform }}
     <input type="submit" class="btn btn-sm btn-success" value="Add">
</form>

{% if baskets %}
<span style="font-size: 13px;">
Attached to 
{% for basket in baskets %}
<a title="{{ basket.notes }}" href="{{ basket.get_absolute_url }}">{{ basket }}</a> |
{% endfor %}
{% endif %}
</span>
{% endif %}
</div>
</div>
</div>

      <h3>Category [<a href="{{ src.get_update_category_url }}">edit</a>]</h3> 
	{% if src.category %}<h4>[{{ src.category.slug }}] <em>{{ src.category }}</em></h4>{% endif %}

      <h3>Bibcode [<a href="{{ src.get_add_bibcode_url }}">+</a>]</h3>
      <p>
      {% for bibcode in src.ads.all %}

      <a href="https://ui.adsabs.harvard.edu/abs/{{ bibcode }}/abstract" target="_blank">{{ bibcode }} <span class="glyphicon glyphicon-new-window"></span></a> {% if bibcode.owner %}({{ bibcode.owner }}){% endif %} [<a href="{{ src.get_update_bibcode_url }}/{{ bibcode.pk }}/">edit</a>, 
      
      {% if src|is_bibcode_hidden:bibcode %}
      <b>hidden</b> <a title="Back to references" href="{{ src.get_unhide_bibcode_url }}/{{ bibcode.pk }}/">back</a>
      {% else %}
      <a title="Hide from references" href="{{ src.get_hide_bibcode_url }}/{{ bibcode.pk }}/">hide</a>
      {% endif %}]<br>

      {% for cat in bibcode.category.all %}
      &nbsp;&nbsp; <span class="glyphicon glyphicon-ok"></span> {{ cat }}<br>
      {% endfor %}
      
      {% if bibcode.notes %}&nbsp;&nbsp; <em>"{{ bibcode.notes }}"</em><br>{% endif %}
      {% endfor %}
      </p>

      <h3>Other Names [<a href="{{ src.get_add_other_name_url }}">+</a>]</h3>
      <p>
      {% for oname in src.othername_set.all %}
      {{ oname }} {% if oname.owner %}({{ oname.owner }}){% endif %} [<a href="{{ oname.get_update_url }}/">edit</a>, <a href="{{ oname.get_delete_url }}/">del</a>]<br>
      {% endfor %}
      </p>


            <p class="card-text">
	      <h3>Attached files [<a href="{{ src.get_upload_url }}">+</a>]</h3>
	      <div class="tableWrapper">
	      <table class="table">
	      {% for upload in src.uploads.all %}
	      <tr>
		<td><a title="{{ upload.title }}" href="{{ upload.get_download_url }}">{{ upload.title|truncatechars:20 }}</a>
		{% if upload.notes %}<span title="{{ upload.notes }}"><span class="glyphicon glyphicon-comment"></span></span>{% endif %}

		 {% if upload.isfits %}<a class="btn btn-info btn-xs" role="button"  href='javascript:JS9.Load("{{ upload.get_download_url }}", {display: "js9aver", scale:"log",colormap:"viridis", zoom:"toFit", refresh:true});'>display</a> 
		{% endif %}
		{% if upload.isreg %}
		<a class="btn btn-info btn-xs" role="button"  href='javascript:JS9.LoadRegions("{{ upload.get_download_url }}", {color: "blue",});'>overplot</a> 
		{% endif %}

</td><td>[<a href="{{ src.get_edit_upload_url }}/{{ upload.pk }}">edit</a>, <a href="{{ src.get_delete_upload_url }}/{{ upload.pk }}">del</a>]</td>
	      </tr>
	      {% endfor %}
	      </table>
	      </div>
</p>
	    
	    <div class="card">
	      <div class="card-body">
		<div class="alert alert-success">
		  <b>PS1 images:</b>
		  <a class="btn btn-success btn-xs" role="button" href="{{ src.load_ps1_color_image }}">RGB</a> <a class="btn btn-success btn-xs" role="button" href="{{ src.load_ps1_gray_image }}">Gray</a>  
		  <a class="btn btn-info btn-xs" role="button" href="{{ src.load_ps1_fits_image }}/g"><big>g</big></a>
		  <a class="btn btn-info btn-xs" role="button" href="{{ src.load_ps1_fits_image }}/r"><big>r</big></a>
		  <a class="btn btn-info btn-xs" role="button" href="{{ src.load_ps1_fits_image }}/i"><big>i</big></a>
		  <a class="btn btn-info btn-xs" role="button" href="{{ src.load_ps1_fits_image }}/z"><big>z</big></a>
		  <a class="btn btn-info btn-xs" role="button" href="{{ src.load_ps1_fits_image }}/y"><big>y</big></a>
		</div>
	      </div>
	    </div>


<!--div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    PS1
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="{{ src.load_ps1_color_image }}">RGB</a></li>
    <li><a href="{{ src.load_ps1_gray_image }}">Gray</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="{{ src.load_ps1_fits_image }}/g">g</a></li>
    <li><a href="{{ src.load_ps1_fits_image }}/r">r</a></li>
    <li><a href="{{ src.load_ps1_fits_image }}/i">i</a></li>
    <li><a href="{{ src.load_ps1_fits_image }}/z">z</a></li>
    <li><a href="{{ src.load_ps1_fits_image }}/y">y</a></li>
  </ul>
</div-->


<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  SkyView
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">SkyView image server</h4>
      </div>
      <div class="modal-body">

        {% for domain,surveys in skyview.items %}

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    {{ domain|remove_class }}
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
{% for survey in surveys %}
    <li><a href="{{ src.load_skyview_image }}/{{ survey }}">{{ survey }}</a></li>
{% endfor %}
  </ul>
</div>
	{% endfor %}


      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <!--button type="button" class="btn btn-primary">Save changes</button-->
      </div>
    </div>
  </div>
</div>


      <!--p><b>Внимание!</b> Править информацию об объектах можно только в обзоре, который отмечен буквой W (в работе).</p-->
      

    </div>
  </div>
</div>
{% endblock %}



{% block content %}

{% if orig %}
<div class="container"> 

  <div class="row">
    <div class="col-sm-12">
      <p>
      <button onclick="js9_center_source()"><b>center source</b></button>
      <!--button onclick="js9_zoom_2()">Zoom 2</button-->
      <button onclick="js9_zoom_4()">Zoom 4</button>
      <button onclick="js9_zoom_8()">Zoom 8</button>
      <button onclick="js9_zoom_16()">Zoom 16</button>
      <button onclick="js9_zoom_32()">Zoom 32</button>
      <button onclick="js9_zoom_90()">Zoom 90</button>
      <button onclick="js9_zoom_tofit()">Zoom to Fit</button>
      <button onclick="js9_scale()">sqrt scale 25</button>
      <button onclick="js9_scale_001()">log scale 0.01</button>
      </p>
    </div>
  </div>

  <div class="row">
    <div class="col-sm-2">
      <div class="JS9Panner" id="js9averPanner" data-width="180px" data-height="180px"></div>
      <hr>
      <p>

	<button type="button" class="btn btn-warning" onclick="load_target()"><span class="glyphicon glyphicon-star"></span> Show source 40''</button><br><br>
	<button type="button" class="btn btn-success btn-sm" onclick="load_heasarc()"><span class="glyphicon glyphicon-star"></span> HEASARC sources</button><br><br>
	<button type="button" class="btn btn-success" onclick="load_heasarc_linked()"><span class="glyphicon glyphicon-star"></span> Show linked</button><br><br>
	<button type="button" class="btn btn-success btn-sm" onclick="load_metasource()"><span class="glyphicon glyphicon-star"></span> MetaSource</button><br><br>
	<button type="button" class="btn btn-success btn-sm" onclick="load_all_sources()"><span class="glyphicon glyphicon-star"></span> All known SRGA sources</button><br><br>

	<button type="button" class="btn btn-info btn-sm" onclick="remove_all_sources()"><span class="glyphicon glyphicon-star"></span> Remove all sources</button><br><br>

	<a href="{{ src.get_ds9_region }}"><span class="glyphicon glyphicon-download"></span> DS9 region (all)</a><br><br>
	<a href="{{ src.get_ds9_region_linked }}"><span class="glyphicon glyphicon-download"></span> DS9 region (linked)</a><br><br>
      </p>
      
    </div>

    <div class="col-sm-6">

   

      <div class="JS9Menubar" id="js9averMenubar" data-width="550px"></div>
      <div class="JS9" id="js9aver" data-width="550px" data-height="1000px"></div> <!-- 700 px -->
      
    </div>
  
    <div class="col-sm-4">

      
      <div class="card">
	<div class="card-body">
          <div class="alert alert-warning">
            <p class="card-text">
	      <p><b>Attached Survey files:</b></p>
	      <div class="tableWrapper">
	      <table class="table">
	      {% for upload in src.survey.uploads.all %}
	      <tr>
		<td><a title="{{ upload.title }}" href="{{ upload.get_download_url }}">{{ upload.title|truncatechars:20 }}</a>
		{% if upload.notes %}<span title="{{ upload.notes }}"><span class="glyphicon glyphicon-comment"></span></span>{% endif %}
		
		{% if upload.primary %}
		<span title="Primary">P</span>
		{% endif %}

		 {% if upload.isfits %}<a class="btn btn-info btn-xs" role="button"  href='javascript:JS9.Load("{{ upload.get_download_url }}", {display: "js9aver", scale:"log",colormap:"viridis", zoom:"toFit", refresh:true});'>display</a> 
		{% endif %}
		{% if upload.isreg %}
		<a class="btn btn-info btn-xs" role="button"  href='javascript:JS9.LoadRegions("{{ upload.get_download_url }}", {color: "blue",});'>overplot</a> 
		{% endif %}

</td>
	      </tr>
	      {% endfor %}
	      </table>
	      </div>
	    </p>
	  </div>
	</div>
      </div>
	    

      <div class="card">
	<div class="card-body">
          <div class="alert alert-warning">
            <p class="card-text">
	      
	      <!--h3 class="card-title">Sky images</h3-->

     	<p><b>All-Sky Survey:</b> 
	  <span style="float:right;">
	    [<a href="/skymap/{{ src.get_SMAPNR }}/L3/"><i>open original</i></a>]
	  </span>
	</p>

	<!--
	<b>S1:</b>
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1h/img_c2dp_0.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E0</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1h/img_c2dp_1.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E1</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1h/img_c2dp_2.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E2</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1h/img_c2dp_3.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E3</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1h/img_c2dp_4.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E4</a> <br>
      
      
	<b>S2:</b>
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2h/img_c2dp_0.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E0</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2h/img_c2dp_1.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E1</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2h/img_c2dp_2.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E2</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2h/img_c2dp_3.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E3</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2h/img_c2dp_4.fits.gz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>E4</a> <br>

	<b>S3:</b>
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/3h/img_c2dp_0.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E0</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/3h/img_c2dp_1.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E1</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/3h/img_c2dp_2.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E2</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/3h/img_c2dp_3.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E3</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/3h/img_c2dp_4.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E4</a> <br>

	<b>S4:</b>
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/4h/img_c2dp_0.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E0</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/4h/img_c2dp_1.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E1</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/4h/img_c2dp_2.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E2</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/4h/img_c2dp_3.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E3</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/4h/img_c2dp_4.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E4</a> <br>

	<b>S5:</b>
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/cur/img_c2dp_0.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E0</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/cur/img_c2dp_1.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E1</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/cur/img_c2dp_2.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E2</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/cur/img_c2dp_3.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E3</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/cur/img_c2dp_4.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E4</a> <br>

	<b>S1-2:</b>
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1y/img_c2dp_0.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E0</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1y/img_c2dp_1.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E1</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1y/img_c2dp_2.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E2</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1y/img_c2dp_3.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E3</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/1y/img_c2dp_4.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E4</a> <br>

	<b>S3-4:</b>
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/34h/img_c2dp_0.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E0</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/34h/img_c2dp_1.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E1</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/34h/img_c2dp_2.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E2</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/34h/img_c2dp_3.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E3</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/34h/img_c2dp_4.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E4</a> <br>
	-->
	<!--b>S1-4:</b>
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2y/img_c2dp_0.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E0</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2y/img_c2dp_1.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E1</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2y/img_c2dp_2.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E2</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2y/img_c2dp_3.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E3</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/2y/img_c2dp_4.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E4</a> <br>
	-->

	<b>S1-5:</b>
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/22y/img_c2dp_0.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E0</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/22y/img_c2dp_1.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E1</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/22y/img_c2dp_2.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E2</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/22y/img_c2dp_3.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E3</a> |
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/22y/img_c2dp_4.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E4</a> | 
	<a href='javascript:JS9.Load("/skymap/{{ src.get_SMAPNR }}/L3/22y/img_c2dp_5.fits.gz", {display: "js9aver", scale:"log",colormap:"cool", zoom:"toFit", refresh:true});'>E5</a>
<br>
	</p>
	  </div>
	</div>
      </div>

      {% if src.get_galplane_image_url %}
      <div class="card">
	<div class="card-body">
          <div class="alert alert-warning">
            <p class="card-text">
	    <p>
      	      <b>Galactic Plane Survey:</b>
	      <span style="float:right;">
		[<a title="{{ src.get_galplane_image_path }}" href="{{ src.get_galplane_image_url }}"><i>open original</i></a>]<br>
	      </span>
	    </p>


	    <p>
	      <span style="float:right;">
		[<a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/exp_0.fits.fz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>show exposure</a>]
	      </span>

              1g
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_c2dp_0.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E0</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_c2dp_1.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E1</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_c2dp_2.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E2</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_c2dp_3.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E3</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_c2dp_4.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E4</a> img<br>
	       __
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_flux_0.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E0</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_flux_1.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E1</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_flux_2.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E2</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_flux_3.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E3</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/1g/img_flux_4.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E4</a> flux
	      
	      <!--br>Download flux: <a href="{{ src.get_galplane_image_url }}/1g/img_flux_0.fits.fz">E0</a> | 
	      <a href="{{ src.get_galplane_image_url }}/1g/img_flux_1.fits.fz">E1</a> | 
	      <a href="{{ src.get_galplane_image_url }}/1g/img_flux_2.fits.fz">E2</a> |
	      <a href="{{ src.get_galplane_image_url }}/1g/img_flux_3.fits.fz">E3</a> |
	      <a href="{{ src.get_galplane_image_url }}/1g/img_flux_4.fits.fz">E4</a-->
	    </p>

	    <p>
 	      <span style="float:right;">
		[<a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/exp_0.fits.fz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>show exposure</a>]
	      </span>
             2g
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_c2dp_0.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E0</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_c2dp_1.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E1</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_c2dp_2.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E2</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_c2dp_3.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E3</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_c2dp_4.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E4</a> img<br>
	      __
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_flux_0.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E0</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_flux_1.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E1</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_flux_2.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E2</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_flux_3.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E3</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/2g/img_flux_4.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E4</a> flux
	      
	      <!--br>Download flux: <a href="{{ src.get_galplane_image_url }}/2g/img_flux_0.fits.fz">E0</a> | 
	      <a href="{{ src.get_galplane_image_url }}/2g/img_flux_1.fits.fz">E1</a> | 
	      <a href="{{ src.get_galplane_image_url }}/2g/img_flux_2.fits.fz">E2</a> |
	      <a href="{{ src.get_galplane_image_url }}/2g/img_flux_3.fits.fz">E3</a> |
	      <a href="{{ src.get_galplane_image_url }}/2g/img_flux_4.fits.fz">E4</a-->
	    </p>

	    <p>
	      <span style="float:right;">
		[<a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/exp_0.fits.fz", {display: "js9aver", scale:"log",colormap:"b", zoom:"toFit", refresh:true});'>show exposure</a>]
	      </span>

              12g 
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_c2dp_0.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E0</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_c2dp_1.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E1</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_c2dp_2.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E2</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_c2dp_3.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E3</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_c2dp_4.fits.fz", {display: "js9aver", scale:"sqrt",scalemin:"0.0",scalemax:"25",colormap:"b", zoom:"toFit", refresh:true});'>E4</a>  img<br>
	      ___
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_flux_0.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E0</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_flux_1.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E1</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_flux_2.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E2</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_flux_3.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E3</a> |
	      <a href='javascript:JS9.Load("{{ src.get_galplane_image_url }}/12g/img_flux_4.fits.fz", {display: "js9aver", scale:"log",scalemin:"0.0",scalemax:"0.01",colormap:"b", zoom:"toFit", refresh:true});'>E4</a> flux
	      
	      <!--br>Download flux: <a href="{{ src.get_galplane_image_url }}/12g/img_flux_0.fits.fz">E0</a> | 
	      <a href="{{ src.get_galplane_image_url }}/12g/img_flux_1.fits.fz">E1</a> | 
	      <a href="{{ src.get_galplane_image_url }}/12g/img_flux_2.fits.fz">E2</a> |
	      <a href="{{ src.get_galplane_image_url }}/12g/img_flux_3.fits.fz">E3</a> |
	      <a href="{{ src.get_galplane_image_url }}/12g/img_flux_4.fits.fz">E4</a-->
	    </p>

	  </div>
	</div>
      </div>
      {% endif %}


      <h4 class="card-title">{{ srcs|length }} sources within 10&deg; from {{ src.survey }}</h4>
      <p><button type="button" class="btn btn-success btn-xs" onclick="load_skymap_sources()">Show</button> <button type="button" class="btn btn-success btn-xs" onclick="load_skymap_sources_nonames()">Show (no names)</button> <button type="button" class="btn btn-success btn-xs" onclick="load_heasarc_around()">HEASARC around 60' {% if not heasarc_around %}-- None{% endif %}</button></p>

      <div class="listWrapper">
	<table>
	  {% for src0 in srcs %}
	  <tr>
	    <td>

	      {% if src0.cname == "NEW X-RAY SOURCE" %}
	      <a title="{{ src0.cname }}" href="{{ src0.get_absolute_url }}"><font color="green"><strong>{{ src0.name|remove_srga }}</strong></font></a>
	      {% else %}
	      <a title="{{ src0.cname }}" href="{{ src0.get_absolute_url }}">{{ src0.name|remove_srga }}</a>
	      {% endif %}

	      {% if src0.metasource_primary %}<span title="Primary in MetaSource"><b>P</span></span>{% endif %} &nbsp; </td>

	    <td>{% if src0.object_class %}<span title="{{ src0.get_otype }}">{{ src0.get_otype|truncatechars:3 }}</span>{% endif %} &nbsp;</td>
	    <td>{{ src0.sig|floatformat:1 }}&sigma;&nbsp;</td>
	    
	    <td>{{ src0.separation|floatformat:0 }}'</td>
	    <td><button onclick="show_source({{ src0.ra }}, {{ src0.dec }})">show</button></td>
	    <td>
	      {% if src0.category %}
	      [{{ src0.category.slug }}]
	      {% else %}
	      <button id="{{ src0.id }}" name="{{ src0.id }}" onclick="send_bad_request({{ src0.id }})">bad</button>
	      {% endif %}
	      </td>
	    <td>
	      {% if not src0.metasource == src.metasource %}<a title="attach to MetaSource" class="btn btn-info btn-xs" role="button"  href="{{ src.get_metasource_group_url }}/{{ src0.pk }}">+M</a>{% endif %}

	    </td>
	    
	  </tr>
	  {% endfor %}
	  </table>
      </div>



    </div>
</div>




</div>
{% endif %}

<div class="container"> 
  <div class="col-sm-12">

    <h4>
      <big>ART-XC</big> <!-- a href="{{ src.get_skymap_url }}" target="_blank"><span class="glyphicon glyphicon-picture"></span></a> --> |
      <strong><a target="_blank" href=http://simbad.u-strasbg.fr/simbad/sim-coo?Coord={{src.ra|stringformat:"+.6f"}}{{src.dec|stringformat:"+.6f"|escape}}&CooFrame=FK5&CooEpoch=2000&CooEqui=2000&CooDefinedFrames=none&Radius=40&Radius.unit=arcsec&submit=submit+query&CoordList=>SIMBAD 40''</a></strong> | 
  <strong><a target="_blank" href=https://ned.ipac.caltech.edu/conesearch?search_type=Near%20Position%20Search&coordinates={{src.ra|stringformat:"+.6f"|escape}}d,{{src.dec|stringformat:"+.6f"|escape}}d&radius=0.666667&in_csys=Equatorial&in_equinox=J2000&out_csys=Equatorial&out_equinox=Same%20as%20Input&hconst=67.8&omegam=0.308&omegav=0.692&wmap=4&corr_z=1&iau_style=liberal&in_csys_IAU=Equatorial&in_equinox_IAU=B1950&z_constraint=Unconstrained&z_unit=z&ot_include=ANY&nmp_op=ANY&out_csys_nearname=Equatorial&out_equinox_nearname=J2000&obj_sort=Distance%20to%20search%20center>NED 40''</a></strong> | <b><a target="_blank" href='http://vizier.u-strasbg.fr/viz-bin/VizieR-4?-c={{ src.ra }}{{ src.dec|stringformat:"+.6f" }}&-c.rs=20&-out.add=_r&-sort=_r&-out.max=$4'>VizieR 20''</a></b> | 
<b><a target="_blank"  href='https://alerce.online/?ranking=1&ra={{ src.ra|stringformat:"+.6f" }}&dec={{ src.dec|stringformat:"+.6f" }}&radius=40&count=false&page=1&perPage=20&sortBy=probability&sortDesc=true'>ZTF ALERCE 40''</a></b> |
<b><a target="_blank"  href='https://www.swift.ac.uk/LSXPS/doSimpleSearch.php?searchpos={{ src.ra }}+%09{{ src.dec|stringformat:"+.6f" }}&searchrad=40&getWhat=1&subset=clean&dssubset=0&numRows=5000&firstRow=0&coordType=0&retType=0&searchWhat=0'>LSXPS 40''</a></b></strong> |
<b><a target="_blank"  href='http://simbad.cds.unistra.fr/heasarc/W3Browse/w3basic.pl?Tables=%40All+Archives&Coordinates=Equatorial:+R.A.+Dec&Equinox=2000&Radius=Default&NR=SIMBAD&Fields=Standard&GIFsize=1000&Action=Query+Submittal&Entry={{ src.ra }}%2c{{ src.dec|stringformat:"+.6f" }}'>HEASARC Browse</a></b></strong> 


<!--| Gaia DR3 <a href="#GaiaPlxTable">parallax</a> <a href="#GaiaPMTable">proper motion</a> <a href="#GaiaEXTable">other</a> | <a href="#AllWiseTable">AllWISE</a> -->
    </h4>


    <table class="table">
    <thead>
    <tr>
      <th class="th-sm">Match</th>
      <th class="th-sm">RA</th>
      <th class="th-sm">Dec</th>
      <th class="th-sm">GLon</th>
      <th class="th-sm">GLat</th>
      <th class="th-sm">ELon</th>
      <th class="th-sm">ELat</th>
      <th class="th-sm">RA/Dec Err</th>
      <th class="th-sm">Cnts</th>
      <th class="th-sm">Expo</th>
      <th class="th-sm">Sign.</th>
      <th class="th-sm">log_nFalse</th>
      <th class="th-sm">Rate</th>
      <th class="th-sm">Rate err</th>
      <th class="th-sm">Flux</th>
      <th class="th-sm">Flux err</th>	
      <th class="th-sm">Band</th>
      <th class="th-sm">Extended</th>	
    </tr>    
    </thead>
    <tbody>
    <tr>
	<td>{{ src.heasarc.all.count }}</b></td>
	<td>{{ src.ra|floatformat:4 }}</td> 
	<td>{{ src.dec|floatformat:4 }}</td>
	<td>{{ src.lii|floatformat:4 }}</td> 
	<td>{{ src.bii|floatformat:4 }}</td>
	<td>{{ src.ecl_l|floatformat:4 }}</td> 
	<td>{{ src.ecl_b|floatformat:4 }}</td>
<td>{{ src.radec_error|floatformat:4 }}</td>
<td>{{ src.cnts|floatformat:1 }}</td>
<td>{{ src.exptime|floatformat:0 }}</td>
	<td>{{ src.sig|floatformat:2 }}</td>
        <td>{{ src.log_nfalse|floatformat:4 }}</td>
	<td>{{ src.rate|floatformat:4 }}</td>
        <td>{{ src.rate_err|floatformat:4 }}</td>
	<td>{{ src.flux|stringformat:"1.2e" }} </td>
        <td>{{ src.flux_err|stringformat:"1.2e" }} </td>
        <td>{{ src.band }} </td>
<td>{{ src.ext }} </td>
    </tr>
    </tr>
    </tbody>
    </table>

    <h3>Maximum Likelihood Fitting</h3>
    <table class="table">
    <thead>
    <tr>
      <th class="th-sm">RA</th>
      <th class="th-sm">Dec</th>
      <th class="th-sm">RA/Dec Err 90% (98%)</th>
      <th class="th-sm">Expo</th>
      <th class="th-sm">Sign.</th>
      <th class="th-sm">log_nFalse</th>
      <th class="th-sm">Flux</th>
    </tr>    
    </thead>
    <tbody>
    <tr>
	<td>{{ src.ml_ra|floatformat:4 }}</td> 
	<td>{{ src.ml_dec|floatformat:4 }}</td>
	<td>{{ src.ml_radec_err_90|floatformat:2 }} ({{ src.ml_radec_err_98|floatformat:2 }})</td>
	<td>{{ src.ml_exp|floatformat:0 }}</td>
	<td>{{ src.ml_sig|floatformat:2 }}</td>
        <td>{{ src.log_ml_nfalse|floatformat:4 }}</td>
	<td>{{ src.ml_flux|stringformat:"1.2e" }} &pm; {{ src.ml_flux_err|stringformat:"1.2e" }} </td>
    </tr>
    </tr>
    </tbody>
    </table>
    
<h3>
{% if src.turkpossible %}Suitable for TUBITAK{% endif %}
{% if src.marshall %} | <span style="color:red;"><b>MSFC source in NEP</b></b>{% endif %}
</H3>

{% if src.erositamatch %}

<h4>eRosita match
{% if src.erositamatch %}
{% if src.erositamatch.match_soft %}<span class="dotr" title="{{ src.erositamatch.ML_FLUX_0_soft|stringformat:"1.2e" }}"></span>{% endif %}
{% if src.erositamatch.match_med %}<span class="dotg"title="{{ src.erositamatch.ML_FLUX_0_med|stringformat:"1.2e" }}"></span>{% endif %}
{% if src.erositamatch.match_hard %}<span class="dotb" title="{{ src.erositamatch.ML_FLUX_0_hard|stringformat:"1.2e" }}"></span>{% endif %}
{% endif %}
at offset {{ src.erositamatch.sep_soft|floatformat:2 }}''
</h4>

<div style="overflow-x: auto;">
    <table class="table no-wrap">
      <thead>
      <tr>
	{% for name, value in src.erositamatch.get_fields %}
	<th class="th-sm">{{ name }}</th>
	{% endfor %}
      </tr>
      </thead>
      <tbody>
	{% for name, value in src.erositamatch.get_fields %}
	<td>{{ value }}</td>
	{% endfor %}
      </tbody>
</table>
</div>
{% endif %}




    {% if heasarcs %}
<hr>
    <h3 style="display: inline;">HEASARC Catalogs (<strike>XrayMaster</strike>)</h3>

    <span style="float:right;">
      <button onclick="ToggleHEASARCNoXray()">Show/Hide</button>
    </span>
    
    <div id="ToggleHEASARCNoXray" style="display:block">


      <h4>sort by <button onclick='sortTableOffset(9,"HeasarcTableNoXray")'>ART-XC</button> or <button onclick='sortTableOffset(10,"HeasarcTableNoXray")'>eRosita</button> offset</h4>
      

    <div class="tableWrapper">
     
   <table id="HeasarcTableNoXray" class="table"> 
   <thead>
    <tr>
      <th class="th-sm"></th>
      <th class="th-sm">
	{% if src.get_heasarc_linked_all %}
	<a href="{{ src.get_unlink_heasarc_all_url }}" class="btn btn-danger btn-xs" role="button">Clean all</a>
	{% else %}
	Link
	{% endif %}
      </th>
      <th class="th-sm">Table</th>
      <th class="th-sm">Name</th>
      <th class="th-sm">RA</th>
      <th class="th-sm">Dec</th>
      <th class="th-sm">Lon</th>
      <th class="th-sm">Lat</th>
      <th class="th-sm">Err ('')</th>
      <th class="th-sm">ART ('')</th>
      <th class="th-sm">eRo ('')</th>
      <th class="th-sm">Notes</th>
    </tr>    
    </thead>
    <tbody>
    {% for obj in heasarcs %}
    {% if obj.description not in 'HeasarcXrayMaster,HeasarcCHANMASTER' %}
   
      {% if obj.description not in 'HeasarcUserCat' %}
      <tr> 
	{% else %}
      <tr style="background-color: #ffffcc;">
	{% endif %}
	<td>
	  <button onclick='show_source_as_circle({{ obj.ra }}, {{ obj.dec }}, {{ obj.error_radius }}, "{{ obj.name }}")'>show</button>
	  <!--button onclick='show_source_as_point_name({{ obj.ra }}, {{ obj.dec }}, "{{ obj.name }}")'>show</button-->
	</td>

	<td>
	{% heasarc_linked_to src obj as linked %} 
	{% if linked %}
	<b>Linked</b> <a href="{{ src.get_unlink_heasarc_url }}{{ obj.pk }}" class="btn btn-danger btn-xs" role="button">remove</a>
	{% else %}
	<a href="{{ src.get_link_heasarc_url }}{{ obj.pk }}" class="btn btn-success btn-xs" role="button">link</a>
	{% endif %} 
      </td>
        <td>{{ obj.description|remove_heasarc }}</td>
	<td>
	<a target="blank" href="{{ obj.get_base_url }}">{{ obj.name }}</a>

	<a target="_blank"  class="btn btn-info btn-xs" role="button" href="{{ obj.get_ads_url }}">ads</a>

	</td>
	<td>{{ obj.ra|floatformat:5 }}</td> 
	<td>{{ obj.dec|floatformat:5 }}</td>
	<td>{{ obj.lii|floatformat:3 }}</td> 
	<td>{{ obj.bii|floatformat:3 }}</td>
	<td>{% if obj.error_radius > 0 %}{{ obj.error_radius|floatformat:4 }}{% endif %}</td>
        <td>{{ obj.separation|floatformat:3 }}</td>
        <td>{% if obj.erosita_separation %}{{ obj.erosita_separation|floatformat:3 }}{% endif %}</td>
	<td>

	  {% if obj.description == 'Heasarc4XMMDR12' %}
	  <span title="Flux {{ obj.EP_5_FLUX|stringformat:'.1E' }} &pm; {{ obj.EP_5_FLUX_ERR|stringformat:'.1E' }} | 4.5-12 keV"><span class="glyphicon glyphicon-comment"></span></span>&nbsp;
	  {% endif %}

	  {% if obj.description == 'Heasarc2SXPS' %}
	  <span title="Flux {{ obj.PowFlux|stringformat:'.1E' }} | 0.6-10 keV"><span class="glyphicon glyphicon-comment"></span></span>&nbsp;
	  {% endif %}

	  {% if obj.description == 'HeasarcCSC' %}
	  {% if obj.extent_flag == 'T' %}extended, {% endif %}
	  {% endif %}

	  {% if obj.usercat.count %}
	  UserCat ({{ obj.usercat.count }})
	  {% endif %}

	  {% if obj.gaia3.count %}
	  Gaia({{ obj.gaia3.count }}{% if obj.gaia3_primary %},<b style="color:red;">P</b>{% endif %})
	  {% endif %}

	  {% if obj.glimpse.count %}
	  GLIMPSE({{ obj.glimpse.count }}{% if obj.glimpse_primary %},<b style="color:red;">P</b>{% endif %})
	  {% endif %}

	  {% if obj.vlass.count %}
	  VLASS({{ obj.vlass.count }}{% if obj.vlass_primary %},<b style="color:red;">P</b>{% endif %})
	  {% endif %}

	  {% if obj.twomass.count %}
	  2MASS({{ obj.twomass.count }}{% if obj.twomass_primary %},<b style="color:red;">P</b>{% endif %})
	  {% endif %}

	  {% if obj.allwise.count %}
	  WISE({{ obj.allwise.count }}{% if obj.allwise_primary %},<b style="color:red;">P</b>{% endif %})
	  {% endif %}

	  {% if obj.notes %}
	  <span title="{{ obj.notes }}"><span class="glyphicon glyphicon-comment"></span></span>&nbsp;
	  {% endif %}

	  {% if obj.description == 'HeasarcUserCat' %}
	  {% if obj.bibcode %}<a target="_blank" href="{{ obj.get_nasa_url }}">ads</a>{% endif %}
	  <a class="btn btn-success btn-xs" role="button" href="{{ obj.get_update_url }}/{{ src.pk }}">edit</a>
	  <a class="btn btn-danger btn-xs" role="button" href="{{ obj.get_delete_url }}/{{ src.pk }}">delete</a>
	  {% endif %}

	</td>
    </tr>
    {% endif %}
    {% endfor %}
    </tbody>
    </table>
   
   </div>
   
   </div> <!-- end of toggle -->
	{% endif %}
<br>
<a class="btn btn-success" role="button" href="{{ src.new_heasarc_source }}">Add X-ray source counterpart</a>

    {% if heasarcs %}
<hr>
<h3 style="display: inline;">HEASARC Catalogs <em>XrayMaster</em></h3>

    <span style="float:right;">
      <button onclick="ToggleHEASARCXray()">Show/Hide</button>
    </span>
    
    <div id="ToggleHEASARCXray" style="display:block">

      <h4>sort by <button onclick='sortTableOffset(4,"HeasarcTableXray")'>ART-XC</button> or <button onclick='sortTableOffset(6,"HeasarcTableXray")'>eRosita</button> offset</h4>


   <!--div style="height:300px;overflow:auto;"-->

    <div class="tableWrapper">

   <table id="HeasarcTableXray" class="table tableSection"> 
   <thead>
    <tr>
      <th class="th-sm">
      {% if src.get_heasarc_linked_all %}
      <a href="{{ src.get_unlink_heasarc_all_url }}" class="btn btn-danger btn-xs" role="button">Clean all</a>
      {% else %}
      Link
      {% endif %}
      </th>
      <th class="th-sm">Table</th>
      <th class="th-sm">Mission</th>
      <th class="th-sm">Name</th>
      <th class="th-sm">ART-XC ('')</th>
      <th class="th-sm">eRosita ('')</th>
      <th class="th-sm">Type</th>
    </tr>    
    </thead>
   
    <tbody>
    {% for obj in heasarcs %}
    {% if obj.description in 'HeasarcXrayMaster,HeasarcCHANMASTER' %}
    <tr>

<td> 
	{% heasarc_linked_to src obj as linked %} 
	{% if linked %}
	<b>Linked</b> <a href="{{ src.get_unlink_heasarc_url }}{{ obj.pk }}" class="btn btn-danger btn-xs" role="button">remove</a>
	{% else %}
	<a href="{{ src.get_link_heasarc_url }}{{ obj.pk }}" class="btn btn-success btn-xs" role="button">link</a>
	{% endif %} 
      </td>

<td>{{ obj.description|remove_heasarc }}</td>
      <td>{% if obj.observatory %}{{ obj.observatory }} ({{ obj.database_table }}){% endif %}</td>
	<td>
	<a href="{{ obj.get_absolute_url }}">{{ obj.name }}</a>

	<a target="_blank"  class="btn btn-info btn-xs" role="button" href="{{ obj.get_ads_url }}">ads</a>

	</td>
        <td>{{ obj.separation|floatformat:3 }}</td>
        <td>{% if obj.erosita_separation %}{{ obj.erosita_separation |floatformat:3 }}{% endif %}</td>
        <td>
	  {% if obj.class_id != 9999 %}
              {{ obj.object_class.class_name }}
	  {% endif %}
	</td>
    </tr>
    {% endif %}
    {% endfor %}
    </tbody>
    </table>
   </div>
   </div> <!-- end of toggle -->
	{% endif %}

{% if nvss %}
<hr>
      <div class="card">
	<div class="card-body">
          <div class="alert alert-danger">

	    <p class="card-text">
	      <h3 class="card-title">Radio: NVSS <!--| sort by <button onclick='sortTableOffset(3,"NVSSTable")'>ART-XC</button> or <button onclick='sortTableOffset(4,"NVSSTable")'>eRosita</button> offset--></h3>
	      <table id="NVSSTable" class="table">
		<thead>
		  <tr>
		    <th class="th-sm"></th>
		    <th class="th-sm">NVSS</th>
		    <th class="th-sm">RA</th>
		    <th class="th-sm">Dec</th>
		    <th class="th-sm">ART-XC ('')</th>
		    <th class="th-sm">eRosita ('')</th>
		    <th class="th-sm">S1.4 (mJy)</th>
		    <th class="th-sm"><a class="btn btn-danger btn-xs" role="button" href="{{ src.get_clean_nvss_url }}">Clean</a></th>

		  </tr>    
		</thead>
		<tbody>
		  {% for obj in nvss %}
		  <tr>
		    <td><button onclick='show_source_as_point_name({{ obj.ra }}, {{ obj.dec }}, "{{ obj.name }}")'>show</button></td>
		    <td><strong>{{ obj.name }}</strong> <a target="_blank" href="{{ obj.get_vizier_url }}" title="VizieR detailed report">VizieR</a></td>
		    <td>{{ obj.ra|floatformat:4 }}&deg; (&plusmn; {{ obj.e_ra|floatformat:2 }}'')</td>
		    <td>{{ obj.dec|floatformat:4 }}&deg; (&plusmn; {{ obj.e_dec|floatformat:2 }}'') </td>
		    <td>{{ obj.separation|floatformat:2 }}</td>
		    <td>{% if obj.erosita_separation %}{{ obj.erosita_separation|floatformat:2 }}{% endif %}</td>
		    <td>{{ obj.S14|floatformat:2 }} &plusmn; {{ obj.e_S14|floatformat:2 }}</td>
		    <td>
		      {% if src.nvss_primary.pk == obj.pk %}
		      <strong>Attached</strong>
		      {% else %}
		      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}nvss/{{ obj.pk }}/">Primary</a>
		      {% endif %}
		    </td>
		  </tr>
		  {% endfor %}
		</tbody>
	      </table>
	    </p>
	  </div>
	</div>
      </div>
{% endif %}

{% if first %}
<br>
      <div class="card">
	<div class="card-body">
          <div class="alert alert-danger">

	    <p class="card-text">
	      <h3 class="card-title">Radio: FIRST <!--| sort by <button onclick='sortTableOffset(3,"NVSSTable")'>ART-XC</button> or <button onclick='sortTableOffset(4,"NVSSTable")'>eRosita</button> offset--></h3>
	      <table id="NVSSTable" class="table">
		<thead>
		  <tr>
		    <th class="th-sm"></th>
		    <th class="th-sm">FIRST</th>
		    <th class="th-sm">RA</th>
		    <th class="th-sm">Dec</th>
		    <th class="th-sm">ART-XC ('')</th>
		    <th class="th-sm">eRosita ('')</th>
		    <th class="th-sm">Fpeak (mJy)</th>
		    <th class="th-sm">Fint (mJy)</th>
		    <th class="th-sm" title="Local noise estimate">RMS (mJy)</th>
		    <th class="th-sm">Major axis ('')</th>
		    <th class="th-sm">Minor axis ('')</th>
		    <th class="th-sm"><a class="btn btn-danger btn-xs" role="button" href="{{ src.get_clean_first_url }}">Clean</a></th>

		  </tr>    
		</thead>
		<tbody>
		  {% for obj in first %}
		  <tr>
		    <td><button onclick='show_source_as_point_name({{ obj.ra }}, {{ obj.dec }}, "{{ obj.name }}")'>show</button></td>
		    <td><strong>{{ obj.name }}</strong> <a target="_blank" href="{{ obj.get_vizier_url }}" title="VizieR detailed report">VizieR</a></td>
		    <td>{{ obj.ra|floatformat:4 }}&deg;</td>
		    <td>{{ obj.dec|floatformat:4 }}&deg;</td>
		    <td>{{ obj.separation|floatformat:2 }}</td>
		    <td>{% if obj.erosita_separation %}{{ obj.erosita_separation|floatformat:2 }}{% endif %}</td>
		    <td>{{ obj.Fpeak|floatformat:2 }}</td>
		    <td>{{ obj.Fint|floatformat:2 }}</td>
		    <td>{{ obj.rms|floatformat:2 }}</td>
		    <td>{{ obj.major_axis|floatformat:2 }}</td>
		    <td>{{ obj.minor_axis|floatformat:2 }}</td>
		    <td>
		      {% if src.first_primary.pk == obj.pk %}
		      <strong>Attached</strong>
		      {% else %}
		      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}first/{{ obj.pk }}/">Primary</a>
		      {% endif %}
		    </td>
		  </tr>
		  {% endfor %}
		</tbody>
	      </table>
	    </p>
	  </div>
	</div>
      </div>
{% endif %}

{% if sumss %}
<br>
      <div class="card">
	<div class="card-body">
          <div class="alert alert-danger">

	    <p class="card-text">
	      <h3 class="card-title">Radio: SUMSS <!--| sort by <button onclick='sortTableOffset(3,"NVSSTable")'>ART-XC</button> or <button onclick='sortTableOffset(4,"NVSSTable")'>eRosita</button> offset--></h3>
	      <table id="SUMSSTable" class="table">
		<thead>
		  <tr>
		    <th class="th-sm"></th>
		    <th class="th-sm">SUMSS</th>
		    <th class="th-sm">RA</th>
		    <th class="th-sm">Dec</th>
		    <th class="th-sm">ART-XC ('')</th>
		    <th class="th-sm">eRosita ('')</th>
		    <th class="th-sm" title="Peak brightness at 843MHz">Sp (mJy)</th>
		    <th class="th-sm" title="Total flux density at 843MHz">St (mJy)</th>
		    <th class="th-sm">Major axis ('')</th>
		    <th class="th-sm">Minor axis ('')</th>
		    <th class="th-sm"><a class="btn btn-danger btn-xs" role="button" href="{{ src.get_clean_sumss_url }}">Clean</a></th>

		  </tr>    
		</thead>
		<tbody>
		  {% for obj in sumss %}
		  <tr>
		    <td><button onclick='show_source_as_point_name({{ obj.ra }}, {{ obj.dec }}, "{{ obj.name }}")'>show</button></td>
		    <td><strong>{{ obj.name }}</strong> <a target="_blank" href="{{ obj.get_vizier_url }}" title="VizieR detailed report">VizieR</a></td>
		    <td>{{ obj.ra|floatformat:4 }}&deg;</td>
		    <td>{{ obj.dec|floatformat:4 }}&deg;</td>
		    <td>{{ obj.separation|floatformat:2 }}</td>
		    <td>{% if obj.erosita_separation %}{{ obj.erosita_separation|floatformat:2 }}{% endif %}</td>
		    <td>{{ obj.Sp|floatformat:2 }} &plusmn; {{ obj.e_Sp|floatformat:2 }}</td>
		    <td>{{ obj.St|floatformat:2 }} &plusmn; {{ obj.e_St|floatformat:2 }}</td>
		    <td>{{ obj.major_axis|floatformat:2 }}</td>
		    <td>{{ obj.minor_axis|floatformat:2 }}</td>
		    <td>
		      {% if src.sumss_primary.pk == obj.pk %}
		      <strong>Attached</strong>
		      {% else %}
		      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}sumss/{{ obj.pk }}/">Primary</a>
		      {% endif %}
		    </td>
		  </tr>
		  {% endfor %}
		</tbody>
	      </table>
	    </p>
	  </div>
	</div>
      </div>
{% endif %}


{% if vlass %}
<br>
      <div class="card">
	<div class="card-body">
          <div class="alert alert-danger">

	    <p class="card-text">
	      <h3 class="card-title">Radio: VLASS</h3>
	      <table id="VLASSTable" class="table">
		<thead>
		  <tr>
		    <th class="th-sm"></th>
		    <th class="th-sm">VLASS</th>
		    <th class="th-sm">RA</th>
		    <th class="th-sm">Dec</th>
		    <th class="th-sm">ART-XC ('')</th>
		    <th class="th-sm">eRosita ('')</th>
		    <th class="th-sm">Ftot</th>
		    <th class="th-sm">Fpeak</th>
		    <th class="th-sm"><a class="btn btn-danger btn-xs" role="button" href="{{ src.get_clean_vlass_url }}">Clean</a></th>

		  </tr>    
		</thead>
		<tbody>
		  {% for obj in vlass %}
		  <tr>
		    <td><button onclick='show_source_as_point_name({{ obj.ra }}, {{ obj.dec }}, "{{ obj.name }}")'>show</button></td>
		    <td> <a target="_blank" href="{{ obj.get_vizier_url }}" title="VizieR detailed report">{{ obj.name }}</a>

<a target="_blank" title="VizieR cone search" href='http://vizier.u-strasbg.fr/viz-bin/VizieR-4?-c={{ obj.ra }}{{ obj.dec|stringformat:"+.6f" }}&-c.rs=1&-out.add=_r&-sort=_r&-out.max=$4'>VizieR 1''</a>

</td>
		    <td>{{ obj.ra|floatformat:4 }}&deg; (&plusmn; {{ obj.e_ra|floatformat:2 }}'')</td>
		    <td>{{ obj.dec|floatformat:4 }}&deg; (&plusmn; {{ obj.e_dec|floatformat:2 }}'') </td>
		    <td>{{ obj.separation|floatformat:2 }}</td>
		    <td>{% if obj.erosita_separation %}{{ obj.erosita_separation|floatformat:2 }}{% endif %}</td>
		    <td>{{ obj.ftot|floatformat:2 }} &plusmn; {{ obj.e_ftot|floatformat:2 }}</td>
		    <td>{{ obj.fpeak|floatformat:2 }} &plusmn; {{ obj.e_fpeak|floatformat:2 }}</td>
		    <td>
		      {% if src.vlass_primary.pk == obj.pk %}
		      <strong>Attached</strong>
		      {% else %}
		      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}vlass/{{ obj.pk }}/">Primary</a>
		      {% endif %}
		    </td>
		  </tr>
		  {% endfor %}
		</tbody>
	      </table>
	    </p>
	  </div>
	</div>
      </div>
{% endif %}


{% if bj2021 %}
<br>
      <div class="card">
	<div class="card-body">
          <div class="alert alert-danger">

	    <p class="card-text">

<p style="text-align:left;">
<h3 style="display: inline;" class="card-title">GAIA EDR3: Bailer-Jones (2021) ({{ bj2021.count }} matches)</h3>
	      <span style="float:right;"><button onclick="ToggleBJ2021()">Show/Hide</button></span>
</p>

<div id="ToggleBJ2021" style="display:none">
	      <!--h3 class="card-title">GAIA EDR3: Bailer-Jones (2021) ({{ bj2021.count }} matches)</h3-->
	      <table id="BJTable" class="table">
		<thead>
		  <tr>
		    <th class="th-sm"></th>
		    <th class="th-sm">Gaia ID</th>
		    <th class="th-sm">RA</th>
		    <th class="th-sm">Dec</th>
		    <th class="th-sm">ART-XC ('')</th>
		    <th class="th-sm">eRosita ('')</th>
		    <th class="th-sm" title="Median of the geometric distance posterior">Geo</th>
		    <th class="th-sm" title="Median of the photogeometric distance posterior">PhotGeo</th>
		    <th class="th-sm"><a class="btn btn-danger btn-xs" role="button" href="{{ src.get_clean_bj2021_url }}">Clean</a></th>

		  </tr>    
		</thead>
		<tbody>
		  {% for obj in bj2021 %}
		  <tr>
		    <td><button onclick='show_source_as_point_name({{ obj.ra }}, {{ obj.dec }}, "{{ obj.name }}")'>show</button></td>
		    <td> <a target="_blank" href="{{ obj.get_vizier_url }}" title="VizieR detailed report">{{ obj.source_id }}</a>

<a target="_blank" title="VizieR cone search" href='http://vizier.u-strasbg.fr/viz-bin/VizieR-4?-c={{ obj.ra }}{{ obj.dec|stringformat:"+.6f" }}&-c.rs=1&-out.add=_r&-sort=_r&-out.max=$4'>VizieR 1''</a>

</td>
		    <td>{{ obj.ra|floatformat:4 }}&deg;</td>
		    <td>{{ obj.dec|floatformat:4 }}&deg;</td>
		    <td>{{ obj.separation|floatformat:2 }}</td>
		    <td>{% if obj.erosita_separation %}{{ obj.erosita_separation|floatformat:2 }}{% endif %}</td>
		    <td>{{ obj.r_med_geo|floatformat:2 }} ({{ obj.r_lo_geo|floatformat:2 }} ... {{ obj.r_hi_geo|floatformat:2 }})</td>
		    <td>{{ obj.r_med_pgeo|floatformat:2 }} ({{ obj.r_lo_pgeo|floatformat:2 }} ... {{ obj.r_hi_pgeo|floatformat:2 }})</td>
		    <td>
		      {% if src.bj2021_primary.pk == obj.pk %}
		      <strong>Attached</strong>
		      {% else %}
		      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}bj2021/{{ obj.pk }}/">Primary</a>
		      {% endif %}
		    </td>
		  </tr>
		  {% endfor %}
		</tbody>
	      </table>
</div><!-- hide -->
	    </p>
	  </div>
	</div>
      </div>
{% endif %}

{% if gaiadr3 %}
<br>
      <div class="card">
	<div class="card-body">
          <div class="alert alert-danger">

	    <p class="card-text">

<p style="text-align:left;">
<h3 style="display: inline;" class="card-title">Gaia DR3 Part 1. Main source (2022) ({{ gaiadr3.count }} matches)</h3>
	      <span style="float:right;"><button onclick="ToggleGAIADR3()">Show/Hide</button></span>
</p>

<div id="ToggleGAIADR3" style="display:none">
	      <!--h3 class="card-title">Gaia DR3 Part 1. Main source (2022) ({{ gaiadr3.count }} matches) </h3-->
	      <table id="BJTable" class="table">
		<thead>
		  <tr>
		    <th class="th-sm"></th>
		    <th class="th-sm">Gaia ID</th>
		    <th class="th-sm">RA</th>
		    <th class="th-sm">Dec</th>
		    <th class="th-sm">ART-XC ('')</th>
		    <th class="th-sm">eRosita ('')</th>
		    <th class="th-sm" title="">PM</th>
		    <th class="th-sm" title="">PMRA</th>
		    <th class="th-sm" title="">PMDE</th>
		    <th class="th-sm" title="">Plx</th>
		    <th class="th-sm" title="Parallax divided by its standard error">RPlx</th>
		    <th class="th-sm"><a class="btn btn-danger btn-xs" role="button" href="{{ src.get_clean_gaiadr3_url }}">Clean</a></th>

		  </tr>    
		</thead>
		<tbody>
		  {% for obj in gaiadr3 %}
		  <tr>
		    <td><button onclick='show_source_as_point_name({{ obj.ra }}, {{ obj.dec }}, "{{ obj.name }}")'>show</button></td>
		    <td> <!--a target="_blank" href="{{ obj.get_vizier_url }}" title="VizieR detailed report"-->{{ obj.source_id }}<!--/a-->

<a target="_blank" title="VizieR cone search" href='http://vizier.u-strasbg.fr/viz-bin/VizieR-4?-c={{ obj.ra }}{{ obj.dec|stringformat:"+.6f" }}&-c.rs=1&-out.add=_r&-sort=_r&-out.max=$4'>VizieR 1''</a>

</td>
		    <td>{{ obj.ra|floatformat:4 }}&deg;</td>
		    <td>{{ obj.dec|floatformat:4 }}&deg;</td>
		    <td>{{ obj.separation|floatformat:2 }}</td>
		    <td>{% if obj.erosita_separation %}{{ obj.erosita_separation|floatformat:2 }}{% endif %}</td>
		    <td>{{ obj.pm|floatformat:2 }}</td>
		    <td>{{ obj.pmra|floatformat:2 }} &plusmn; {{ obj.e_pmra|floatformat:2 }}</td>
		    <td>{{ obj.pmde|floatformat:2 }} &plusmn; {{ obj.e_pmde|floatformat:2 }}</td>
		    <td>{{ obj.plx|floatformat:2 }} &plusmn; {{ obj.e_plx|floatformat:2 }}</td>
		    <td>{{ obj.rplx|floatformat:2 }}</td>
		    <td>
		      {% if src.gaiadr3_primary.pk == obj.pk %}
		      <strong>Attached</strong>
		      {% else %}
		      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}gaiadr3/{{ obj.pk }}/">Primary</a>
		      {% endif %}
		    </td>
		  </tr>
		  {% endfor %}
		</tbody>
	      </table>
	      </div><!-- hide -->
	    </p>
	  </div>
	</div>
      </div>
{% endif %}


    {% if simbad %}
<hr>
<h3 style="display: inline;">Simbad</h3>

    <span style="float:right;">
      <button onclick="ToggleSimbad()">Show/Hide</button>
    </span>
    
    <div id="ToggleSimbad" style="display:none">


      <h4>sort by     <span style="float:right;">
	  <button onclick='sortTableOffset(5,"SimbadTable")'>ART-XC</button> or <button onclick='sortTableOffset(6,"SimbadTable")'>eRosita</button> offset</h4>
      </span>

   <table id="SimbadTable" class="table">
   <thead>
    <tr>
      <th class="th-sm">major-id</th>
      <th class="th-sm">Type</th>
      <th class="th-sm">RA</th>
      <th class="th-sm">Dec</th>
      <th class="th-sm">Error (arcsec)</th>
      <th class="th-sm">ART-XC ('')</th>
      <th class="th-sm">eRosita ('')</th>
      <th class="th-sm">Z</th>
    </tr>
    </thead>
    <tbody>
    {% for simsrc in simbad %}
    <tr>
    <td><a target="_blank" href="http://simbad.u-strasbg.fr/simbad/sim-id?Ident={{ simsrc.main_id|simbad_escape }}&N                    simsrc.Fpeak = row['Fpeak'] 
                    simsrc.Fint = row['Fint']  
                    simsrc.rms = row['Rms']
                    simsrc.major_axis = row['Maj']
                    simsrc.minor_axis = row['Min']bIdent=1&Radius=2&Radius.unit=arcmin&submit=submit+id">{{ simsrc.main_id }}</a></td>
    <td>{{ simsrc.obj_class }}</td>
    <td>{{ simsrc.ra|floatformat:-5}} </td>
    <td>{{ simsrc.dec|floatformat:-5}} </td>
    <td>{% if simsrc.is_error_radius_real %}{{ simsrc.error_radius|floatformat:-3 }}{% endif %}</td>
    <td>{{ simsrc.separation|floatformat:3 }}</td>
    <td>{% if simsrc.erosita_separation %}{{ simsrc.erosita_separation|floatformat:3 }}{% endif %}</td>
    <td>{% if simsrc.is_redshift_real %}{{ simsrc.z|stringformat:".3e" }}{% endif %}</td>
    </tr>
    {% endfor %}
    </tbody>
   <tfoot>
    </foot>
    </table>
</div> <!-- end of toggle -->
{% endif %}

   {% if gaia_plx %}

<p style="text-align:left;">
    <h3 style="display: inline;">Gaia "star / parallax" counterparts ({{ gaia_plx.count }})</h3>
    <span style="float:right;">
        <button onclick="ToggleGaiaPLX()">Show/Hide</button>
    </span>
</p>

	      <div id="ToggleGaiaPLX" style="display:none">

<pre>abs(parallax) > 4*parallax_error</pre>

    <span style="float:right;">
   <h4>sort by <button onclick='sortTableOffset(4,"GaiaPlxTable")'>ART-XC</button> or <button onclick='sortTableOffset(5,"GaiaPlxTable")'>eRosita</button> offset</h4>
   </span>

   <table id="GaiaPlxTable" class="table tableSection"> 
   <thead>
    <tr>
      <th class="th-sm"></th>
      <th class="th-sm">Name</th>
      <th class="th-sm">RA</th>
      <th class="th-sm">Dec</th>
      <th class="th-sm">ART ('')</th>
      <th class="th-sm">eRo ('')</th>
      <th class="th-sm">Parallax</th>
      <th class="th-sm">Parallax error</th>
      <th class="th-sm">pmra</th>
      <th class="th-sm">pmra_error</th>
      <th class="th-sm">pmdec</th>
      <th class="th-sm">pmdec_error</th>
      <th class="th-sm">Mag</th>
      <th class="th-sm">{% if src.gaia3_primary %}<a class="btn btn-danger btn-xs" role="button" href="{{ src.get_base_url }}gaia/clean/">Clean</a>{% endif %}</th>
    </tr>
    </thead>
    <tbody>
    {% for gaiasrc in gaia_plx %}
    <tr>
      <td><button onclick='show_source_as_point_name({{ gaiasrc.ra }}, {{ gaiasrc.dec }}, "{{ gaiasrc.name }}")'>show</button></td>
    <td><a href="{{ gaiasrc.get_absolute_url_vizier }}">{{ gaiasrc.name }}</a></td>
    <td>{{ gaiasrc.ra|floatformat:4}} </td>
    <td>{{ gaiasrc.dec|floatformat:4}} </td>
    <td>{{ gaiasrc.separation|floatformat:2 }}</td>
    <td>{% if gaiasrc.erosita_separation %}{{ gaiasrc.erosita_separation|floatformat:2 }}{% endif %}</td>
    <td>{{ gaiasrc.parallax|floatformat:3 }}</td>
    <td>{{ gaiasrc.parallax_error|floatformat:3 }}</td>
    <td>{{ gaiasrc.pmra|floatformat:3 }}</td>
    <td>{{ gaiasrc.pmra_error|floatformat:3 }}</td>
    <td>{{ gaiasrc.pmdec|floatformat:3 }}</td>
    <td>{{ gaiasrc.pmdec_error|floatformat:3 }}</td>
    <td>{{ gaiasrc.phot_g_mean_mag|stringformat:".1f" }}</td>
    <td>
      {% if src.gaia3_primary.pk == gaiasrc.pk %}
      <strong>Attached</strong>
      {% else %}
      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}gaia/{{ gaiasrc.pk }}/">Primary</a>
      {% endif %}
    </td>
    </tr>
    {% endfor %}
    </tbody>
    </tbody>
    </table>
</div><!-- hide -->
        {% endif %}


  {% if gaia_pm %}

<p style="text-align:left;">
    <h3 style="display: inline;">Gaia "star / proper motion" counterparts ({{ gaia_pm.count }})</h3>
    <span style="float:right;">
        <button onclick="ToggleGaiaPM()">Show/Hide</button>
    </span>
</p>

	      <div id="ToggleGaiaPM" style="display:none">
<pre>abs(pmra) > 4*pmra_error OR abs(pmdec) > 4*pmdec_error</pre>

    <span style="float:right;">
   <h4> sort by <button onclick='sortTableOffset(4,"GaiaPMTable")'>ART-XC</button> or <button onclick='sortTableOffset(5,"GaiaPMTable")'>eRosita</button> offset</h4>
</span>


   <table id="GaiaPMTable" class="table tableSection"> 
   <thead>
    <tr>
      <th class="th-sm"></th>
      <th class="th-sm">Name</th>
      <th class="th-sm">RA</th>
      <th class="th-sm">Dec</th>
      <th class="th-sm">ART ('')</th>
      <th class="th-sm">eRo ('')</th>
      <th class="th-sm">Parallax</th>
      <th class="th-sm">Parallax error</th>
      <th class="th-sm">pmra</th>
      <th class="th-sm">pmra_error</th>
      <th class="th-sm">pmdec</th>
      <th class="th-sm">pmdec_error</th>
      <th class="th-sm">Mag</th>
      <th class="th-sm">{% if src.gaia3_primary %}<a class="btn btn-danger btn-xs" role="button" href="{{ src.get_base_url }}gaia/clean/">Clean</a>{% endif %}</th>
    </tr>
    </thead>
    <tbody>
    {% for gaiasrc in gaia_pm %}
    <tr>
      <td>
	<button onclick='show_source_as_point_name({{ gaiasrc.ra }}, {{ gaiasrc.dec }}, "{{ gaiasrc.name }}")'>show</button>
      </td>
    <td><a href="{{ gaiasrc.get_absolute_url_vizier }}">{{ gaiasrc.name }}</a></td>
    <td>{{ gaiasrc.ra|floatformat:4}} </td>
    <td>{{ gaiasrc.dec|floatformat:4}} </td>
    <td>{{ gaiasrc.separation|floatformat:2 }}</td>
    <td>{% if gaiasrc.erosita_separation %}{{ gaiasrc.erosita_separation|floatformat:2 }}{% endif %}</td>
    <td>{{ gaiasrc.parallax|floatformat:3 }}</td>
    <td>{{ gaiasrc.parallax_error|floatformat:3 }}</td>
    <td>{{ gaiasrc.pmra|floatformat:3 }}</td>
    <td>{{ gaiasrc.pmra_error|floatformat:3 }}</td>
    <td>{{ gaiasrc.pmdec|floatformat:3 }}</td>
    <td>{{ gaiasrc.pmdec_error|floatformat:3 }}</td>
    <td>{{ gaiasrc.phot_g_mean_mag|stringformat:".1f" }}</td>
    <td>
      {% if src.gaia3_primary.pk == gaiasrc.pk %}
      <strong>Attached</strong>
      {% else %}
      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}gaia/{{ gaiasrc.pk }}/">Primary</a>
      {% endif %}
    </td>
    </tr>
    {% endfor %}
    </tbody>
    </tbody>
    </table>
</div><!-- hide -->
        {% endif %}

  {% if gaia_ex %}

<p style="text-align:left;">
    <h3 style="display: inline;">Gaia "other" counterparts ({{ gaia_ex.count }})</h3>

    <span style="float:right;">
        <button onclick="ToggleGaiaEx()">Show/Hide</button>
    </span>
</p>

	      <div id="ToggleGaiaEx" style="display:none">

<pre><em>exclude</em> { abs(pmra) > 4*pmra_error OR abs(pmdec) > 4*pmdec_error OR abs(pmra) > 4*pmra_error OR abs(pmdec) > 4*pmdec_error OR abs(parallax) > 4*parallax_error }</pre>

    <span style="float:right;">
      <h4>sort by <button onclick='sortTableOffset(4,"GaiaEXTable")'>ART-XC</button> or <button onclick='sortTableOffset(5,"GaiaEXTable")'>eRosita</button> offset</h4>
    </span>


   <table id="GaiaEXTable" class="table tableSection"> 
   <thead>
    <tr>
      <th class="th-sm"></th>
      <th class="th-sm">Name</th>
      <th class="th-sm">RA</th>
      <th class="th-sm">Dec</th>
      <th class="th-sm">ART ('')</th>
      <th class="th-sm">eRo ('')</th>
      <th class="th-sm">Parallax</th>
      <th class="th-sm">Parallax error</th>
      <th class="th-sm">pmra</th>
      <th class="th-sm">pmra_error</th>
      <th class="th-sm">pmdec</th>
      <th class="th-sm">pmdec_error</th>
      <th class="th-sm">Mag</th>
      <th class="th-sm">{% if src.gaia3_primary %}<a class="btn btn-danger btn-xs" role="button" href="{{ src.get_base_url }}gaia/clean/">Clean</a>{% endif %}</th>
    </tr>
    </thead>
    <tbody>
    {% for gaiasrc in gaia_ex %}
    <tr>
    <td>
      <button onclick='show_source_as_point_name({{ gaiasrc.ra }}, {{ gaiasrc.dec }}, "{{ gaiasrc.name }}")'>show</button>
    </td>
    <td><a href="{{ gaiasrc.get_absolute_url_vizier }}">{{ gaiasrc.name }}</a></td>
    <td>{{ gaiasrc.ra|floatformat:4}} </td>
    <td>{{ gaiasrc.dec|floatformat:4}} </td>
    <td>{{ gaiasrc.separation|floatformat:2 }}</td>
    <td>{% if gaiasrc.erosita_separation %}{{ gaiasrc.erosita_separation|floatformat:2 }}{% endif %}</td>
    <td>{% if gaiasrc.parallax < 100 %}{{ gaiasrc.parallax|floatformat:3 }}{% else %}N/A{% endif %}</td>
    <td>{% if gaiasrc.parallax_error < 100 %}{{ gaiasrc.parallax_error|floatformat:3 }}{% else %}N/A{% endif %}</td>
    <td>{% if gaiasrc.pmra < 100 %}{{ gaiasrc.pmra|floatformat:3 }}{% else %}N/A{% endif %}</td>
    <td>{% if gaiasrc.pmra_error < 100 %}{{ gaiasrc.pmra_error|floatformat:3 }}{% else %}N/A{% endif %}</td>
    <td>{% if gaiasrc.pmdec < 100 %}{{ gaiasrc.pmdec|floatformat:3 }}{% else %}N/A{% endif %}</td>
    <td>{% if gaiasrc.pmdec_error < 100 %}{{ gaiasrc.pmdec_error|floatformat:3 }}{% else %}N/A{% endif %}</td>
    <td>{% if gaiasrc.phot_g_mean_mag < 100 %}{{ gaiasrc.phot_g_mean_mag|stringformat:".1f" }}{% else %}N/A{% endif %}</td>
    <td>
      {% if src.gaia3_primary.pk == gaiasrc.pk %}
      <strong>Attached</strong>
      {% else %}
      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}gaia/{{ gaiasrc.pk }}/">Primary</a>
      {% endif %}
    </td>
    </tr>
    {% endfor %}
    </tbody>
    </tbody>
    </table>
</div>
        {% endif %}


{% if allwise %}
      <div class="card">
	<div class="card-body">
          <div class="alert alert-danger">
	    
	    <p class="card-text">
<p style="text-align:left;">
<h3 style="display: inline;" class="card-title">AllWISE counterparts ({{ allwise.count }})</h3>
	      <span style="float:right;"><button onclick="ToggleAllWise()">Show/Hide</button></span>
</p>

	      <div id="ToggleAllWise" style="display:none">
	      <h3 class="card-title">AllWISE | sort by <button onclick='sortTableOffset(4,"AllWiseTable")'>ART-XC</button> or <button onclick='sortTableOffset(5,"AllWiseTable")'>eRosita</button> offset</h3>
	      <table id="AllWiseTable" class="table">
		<thead>
		  <tr>
		    <th class="th-sm"></th>
		    <th class="th-sm">AllWISE</th>
		    <th class="th-sm">RA</th>
		    <th class="th-sm">Dec</th>
		    <th class="th-sm">ART-XC ('')</th>
		    <th class="th-sm">eRosita ('')</th>
		    <th class="th-sm">w1mag</th>
		    <th class="th-sm">w2mag</th>
		    <th class="th-sm">w1-w2</th>
		    <th class="th-sm"><a class="btn btn-danger btn-xs" role="button" href="{{ src.get_clean_allwise_url }}">Clean</a></th>
		  </tr>    
		</thead>
		<tbody>
		  {% for obj in allwise %}
		  <tr>
		    <td><button onclick='show_source_as_point_name({{ obj.ra }}, {{ obj.dec }}, "{{ obj.name }}")'>show</button></td>
		    <td><strong>{{ obj.name }}</strong> <a target="_blank" href="{{ obj.get_irsa_url }}" title="Image of the 4 bands from the IRSA server (IPAC)">IRSA</a> <a target="_blank" href="{{ obj.get_vizier_url }}" title="VizieR detailed report">VizieR</a></td>
		    <td>{{ obj.ra|floatformat:4 }}</td>
		    <td>{{ obj.dec|floatformat:4 }}</td>
		    <td>{{ obj.separation|floatformat:2 }}</td>
		    <td>{% if obj.erosita_separation %}{{ obj.erosita_separation|floatformat:2 }}{% endif %}</td>
		    <td>
		      {% if obj.W1mag %}
		      {{ obj.W1mag|floatformat:2 }} &plusmn; {{ obj.e_W1mag|floatformat:2 }}
		      {% endif %}
		    </td>
		    <td>
		      {% if obj.W2mag %}
		      {{ obj.W2mag|floatformat:2 }} &plusmn; {{ obj.e_W2mag|floatformat:2 }}
		      {% endif %}
		    </td>
		    <td>
		      {{ obj.w1w2|floatformat:2 }} &plusmn; {{ obj.w1w2_error|floatformat:2 }}
		    </td>
		    <td>
		      {% if src.allwise_primary.pk == obj.pk %}
		      <strong>Attached</strong>
		      {% else %}
		      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}allwise/{{ obj.pk }}/" title="Set as a primary AllWISE counterpart">Primary</a>
		      {% endif %}
		    </td>
		  </tr>
		  {% endfor %}
		</tbody>
	      </table>
	       </div><!-- hide -->
	    </p>

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

{% endif %}


      <!--div class="card">
	<div class="card-body">
          <div class="alert alert-warning">

	    <p class="card-text">
	      <h3 class="card-title">Wise counterparts ({{ wise.count }})
	      <button onclick="ToggleWise()">Show/Hide</button></h3>
	      <div id="ToggleWise" style="display:none">
		<h4> sort by <button onclick='sortTableOffset(3,"WiseTable")'>ART-XC</button> or <button onclick='sortTableOffset(4,"WiseTable")'>eRosita</button> offset</h4>

	      <table id="WiseTable" class="table">
		<thead>
		  <tr>
		    <th class="th-sm">ObjID</th>
		    <th class="th-sm">RA</th>
		    <th class="th-sm">Dec</th>
		    <th class="th-sm">Sep ('')</th>
		    <th class="th-sm">eRosita ('')</th>
		    <th class="th-sm">w1mag</th>
		    <th class="th-sm">w2mag</th>
		    <th class="th-sm">w1-w2</th>
		    <th class="th-sm">rPSFMag</th>
		    <th class="th-sm"><a class="btn btn-danger btn-xs" role="button" href="{{ src.get_clean_wise_url }}">Clean</a></th>
		  </tr>    
		</thead>
		<tbody>
		  {% for obj in wise %}
		  <tr>
		    <td><strong>{{ obj.objID }}</strong> <a target="_blank" href="{{ obj.get_irsa_url }}" title="Image of the 4 bands from the IRSA server (IPAC)">IRSA</a></td>
		    <td>{{ obj.raStack|floatformat:8 }}</td>
		    <td>{{ obj.decStack|floatformat:8 }}</td>
		    <td>{{ obj.sep|floatformat:2 }}</td>
		    <td>{% if obj.erosita_separation %}{{ obj.erosita_separation|floatformat:2 }}{% endif %}</td>
		    <td>
		      {% if obj.w1mag %}
		      {{ obj.w1mag|floatformat:2 }} &plusmn; {{ obj.dw1mag|floatformat:2 }}
		      {% endif %}
		    </td>
		    <td>
		      {% if obj.w2mag %}
		      {{ obj.w2mag|floatformat:2 }} &plusmn; {{ obj.dw2mag|floatformat:2 }}
		      {% endif %}
		    </td>
		    <td>
		      {% if obj.w1mag and obj.w2mag %}
		      {{ obj.w1w2|floatformat:2 }} &plusmn; {{ obj.w1w2_error|floatformat:2 }}
		      {% endif %}
		    </td>
		    <td>
		      {% if obj.rPSFMag %}
		      {{ obj.rPSFMag|floatformat:2 }} &plusmn; {{ obj.rPSFMagErr|floatformat:2 }}
		      {% endif %}
		    </td>
		    <td>
		      {% if obj.primary %}
		      <strong>Attached</strong>
		      {% else %}
		      <a class="btn btn-success btn-xs" role="button" href="{{ src.get_base_url }}wise/{{ obj.pk }}/">Primary</a>
		      {% endif %}
		    </td>
		  </tr>
		  {% endfor %}
		</tbody>
	      </table>
	      </div>
	    </p>
	  </div>
	</div>
      </div-->



      <!--div class="card">
	<div class="card-body">
          <div class="alert alert-success">

	    <p class="card-text">
	      <h3 class="card-title">Optical counterparts [<a href="{{ src.get_add_counterpart_url }}">+</a>]</h3>
      
	      <table class="table">
		<thead>
		  <tr>
		    <th class="th-sm">Name</th>
		    <th class="th-sm">ObjID</th>
		    <th class="th-sm">Survey</th>
		    <th class="th-sm">RA</th>
		    <th class="th-sm">Dec</th>
		    <th class="th-sm">Mag</th>
		    <th class="th-sm">Redshift</th>		
		  </tr>    
		</thead>
		<tbody>
		  {% for obj in src.opticalcounterpart_set.all %}
		  <tr>
		    <td><strong>{{ obj.name }}</strong></td>
		    <td>{{ obj.objid }}</td>
		    <td>{{ obj.t_objid }}</td>
		    <td>{{ obj.ra|floatformat:4 }}</td>
		    <td>{{ obj.dec|floatformat:4 }}</td>
		    <td>{{ obj.mag }}</td>
		    <td>{{ obj.redshift }}</td>
		  </tr>
		  {% endfor %}
		</tbody>
	      </table>
	    </p>
	  </div>
	</div>
      </div-->










</div>
</div>


<div class="container"> 
  <div class="col-sm-12">
    <hr>

    <h3 class="card-title">Other SRGA sources in this field plate
	      <button onclick="ToggleOtherSRGA()">Show/Hide</button></h3>
	      <div id="ToggleOtherSRGA" style="display:none">
    
      <p>All Sources in plate {{ src.get_SMAPNR }} and around
      <button type="button" class="btn btn-success btn-xs" onclick="load_all_sources()">Show</button>
      </p>

      <table class="table">
	<thead>
	  <th>Plate</th>
	  <th>Name</th>
      <th class="th-sm">RA</th>
      <th class="th-sm">Dec</th>
	  <th>Type</th>
	</thead>
	<tbody>
	  
	  {% for src in all_sources %}
	  <tr>
	    <td>{{ src.get_SMAPNR }}</td>
	    <td><a href="{{ src.get_absolute_url }}">{{ src }}</a></td>
	<td>{{ src.ra|floatformat:4 }}</td> 
	<td>{{ src.dec|floatformat:4 }}</td>
	    <td>{% if src.object_class %}{{ src.object_class }}{% endif %}</td>
	  </tr>
	  {% endfor %}
	</tbody>
      </table>
	      </div><!-- hide -->
  </div>
</div>



<div class="container"> 
  <div class="col-sm-12 text-right">
    <hr>
    <p>
    <a class="btn btn-warning btn-lg" role="button" href="{{ src.get_update_source_url }}"><span class="glyphicon glyphicon-edit"></span> Update source</a>
    <a class="btn btn-danger btn-lg" role="button" href="{{ src.get_markbad_url }}"><span class="glyphicon glyphicon-remove"></span> Mark bad</a>

    {% if user|has_group:"srg-artxc-catalog-admin"%}
    <a class="btn btn-danger btn-lg" role="button" href="{{ src.get_delete_url }}"><span class="glyphicon glyphicon-remove"></span> DELETE SOURCE</a>
    {% endif %}
    </p>
  </div>
</div>




{% endblock %}