{% load simbadescape %}

<h3 id="srcnum">{{totcount}} sources</h3> 
</br>
<div class=container">

<table id="sourcetable" class="table table-striped table-bordered table-sm" cellspacing="0" width="100%">
<thead>
<tr>
<th class="th-sm">Source name<a onclick=paginate({"page":'1',"ordercol":'name'})>
                <i class="glyphicon glyphicon-sort-by-attributes-alt"></i>
        </a></th>
<th class-"th-sm">l</th>
<th class-"th-sm">b</th>
<th class-"th-sm">start date
        <a onclick=paginate({"page":'1',"ordercol":'-tstart'})>
                <i class="glyphicon glyphicon-sort-by-attributes-alt"></i>
        </a></th>
<th class-"th-sm">stop date
        <a onclick=paginate({"page":'1',"ordercol":'-tstop'})>
                <i class="glyphicon glyphicon-sort-by-attributes-alt"></i>
        </a></th>
<th class="th-sm">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        type
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <a class="dropdown-item" onclick=paginate({"page":'1',"filter_eclass":'T1'})>T1</a>
        <a class="dropdown-item" onclick=paginate({"page":'1',"filter_eclass":'T2'})>T2</a>
        <a class="dropdown-item" onclick=paginate({"page":'1',"filter_eclass":'T3'})>T3</a>
        <a class="dropdown-item" onclick=paginate({"page":'1',"filter_eclass":'V1'})>V1</a>
        <a class="dropdown-item" onclick=paginate({"page":'1',"filter_eclass":'V2'})>V2</a>
        <a class="dropdown-item" onclick=paginate({"page":'1',"filter_eclass":'V3'})>V3</a>
        <a class="dropdown-item" onclick=paginate({"page":'1',"filter_eclass":'any'})>any</a>
</div>
</div>
</th>
<th class="th-sm">flux
        <a onclick=paginate({'page':'1','ordercol':'-sxflux'})>
                <i class="glyphicon glyphicon-sort-by-attributes-alt"></i>
        </a></th>
<th class=th-sm">max ratio
        <a onclick=paginate({'page':'1','ordercol':'-erositatransient__ratio_to_maxxflux'})>
                <i class="glyphicon glyphicon-sort-by-attributes-alt"></i>
        </a>
</th>
<th class=th-sm">min ratio
        <a onclick=paginate({'page':'1','ordercol':'-erositatransient__ratio_to_minxflux'})>
                <i class="glyphicon glyphicon-sort-by-attributes-alt"></i>
        </a>
</th>

<!-- <th class="th-sm">X offset, "</th> -->
<th class="th-sm"><button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="condition: |pmra| > 4 pmraerr or |pmdec| > 4pmdecerr or |plx| > 4plxerr">GAIA</button></th>
<th class="th-sm">Simbad class<a onclick=paginate({'page':'1','ordercol':'sclass'})>
                <i class="glyphicon glyphicon-sort-by-attributes"></i></th>
<th class="th-sm">Simbad z<a onclick=paginate({'page':'1','ordercol':'erositatransient__z'})><i class="glyphicon glyphicon-sort-by-attributes"></i> </th>
<th class="th-sm">SRGz</th>
<th class="th-sm">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        class
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <a class="dropdown-item" onclick=paginate({'page':'1','filter_class':'extragalactic'})>extragalactic</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','filter_class':'galactic'})>galactic</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','filter_class':'unknown'})>unknown</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','filter_class':"notfalse"})>not false</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','filter_class':'any'})>any</a>
</div>
</div>
</th>
<th class-"th-sm">comments</th>
<th class-"th-sm">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       quality 
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <a class="dropdown-item" onclick=paginate({'page':'1','pqual':'any'})>any</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','pqual':'-1'})>-1</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','pqual':'0'})>0</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','pqual':'1'})>1</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','pqual':'2'})>2</a>
</div>
</div>
</th>
<th class="th-sm">ztf (class<a onclick=paginate({'page':'1','ordercol':'erositatransient__ztfcl'})>
                <i class="glyphicon glyphicon-sort-by-attributes"></i>
        </a>, sep &#34;<a onclick=paginate({'page':'1','ordercol':'erositatransient__ztfcl_sep'})>
                <i class="glyphicon glyphicon-sort-by-attributes"></i>
)</th>
<th class="th-sm">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       status 
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <a class="dropdown-item" onclick=paginate({'page':'1','estatus':'solved'})>solved</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','estatus':'inwork'})>in work</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','estatus':'unclear'})>unclear</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','estatus':'any'})>any</a>
</div>
</div>
</th>
<th class="th-sm">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       followup 
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <a class="dropdown-item" onclick=paginate({'page':'1','followup':'urgent')>urgent</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','followup':'normal')>normal work</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','followup':'NA')>NA</a>
        <a class="dropdown-item" onclick=paginate({'page':'1','followup':'any')>any</a>
</div>
</div>
</th>
</tr> 
</thead>
<tbody>
{% for src in srcs %}
<tr>
<td>
        <!--button type="button" data-id={{src.id}} class="btn btn-warning" onclick=remove_from_trans_catalog(this,{{ src.id }})>hide</button-->
<a href="{{ src.get_absolute_url }}"><b>{{ src.name }}{% if src.EXT_LIKE > 10 %} <p style="color:red">ext!</p> {% endif %}</b></a>
</td> 
<td>{{ src.lii|floatformat:-3 }}</td>
<td>{{ src.bii|floatformat:-3 }}</td>
<td>{{ src.tstart|date:'Y-m-d' }}</td>
<td>{{ src.tstop|date:'Y-m-d' }}</td>
<td>{% if src.erositatransient.onlydetection%}V{%else%}T{%endif%}{{src.survey}}</td>
<td>{{ src.sxflux|stringformat:"1.1e" }}</td>
<td>{{src.erositatransient.ratio_to_maxxflux|floatformat:-1}} </td>
<td>{{src.erositatransient.ratio_to_minxflux|floatformat:-1}} </td>
<td align="center">{% if src.erositatransient.plx %} + {% endif %}</td>
<td>{% if src.erositatransient.sclass %}<a href="http://simbad.u-strasbg.fr/simbad/sim-id?Ident={{ src.erositatransient.sname|simbad_escape }}&NbIdent=1&Radius=2&Radius.unit=arcmin&submit=submit+id">{{ src.erositatransient.sclass }}</a>{% endif %}</td>
<td>{% if src.erositatransient.z and src.erositatransient.z != "nan" %}{{ src.erositatransient.z }}{% endif %}</td>
<td></td>
<td aligh="center">
<!--div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" id="testjs">
        <a class="dropdown-item" onclick="change_class(this,{{src.id}},'AGN')">AGN</a>
        <a class="dropdown-item" onclick="change_class(this,{{src.id}},'star')">star</a>
        <a class="dropdown-item" onclick="change_class(this,{{src.id}},'galaxy')">galaxy</a>
        <a class="dropdown-item" onclick="change_class(this,{{src.id}},'galactic')">galactic</a>
        <a class="dropdown-item" onclick="change_class(this,{{src.id}},'unknown')">unknown</a>
        <a class="dropdown-item" onclick="change_class(this,{{src.id}},'fake')">fake</a>
</div>
</div-->
{{ src.srcclass }}
</td>
<td align="center">
{% if src.sourcecomment_set.all %}
<button type="button" class="btn btn-seconday" data-toggle="tooltip" data-placement="left" title="({{ src.sourcecomment_set.last.created }}) {{ src.sourcecomment_set.last.author.username }}: {{ src.sourcecomment_set.last.text }}">c</button>
        
        
        <!--div class="tooltip">c<span class="tooltiptext">({{ src.sourcecomment_set.last.created }}) {{ src.sourcecomment_set.last.author.username }}: {{ src.sourcecomment_set.last.text }}</span></div-->
        
{% endif %}</td>
<td align="center">
        {{src.erositatransient.pavel_qual}}
</td>
<td>{% if src.erositatransient.ztfcl %} <a class="ztfclassrf" href="https://alerce.online/object/{{ src.erositatransient.ztfnm }}">{{ src.erositatransient.ztfcl }}</a>, {{ src.erositatransient.ztfcl_sep|floatformat:-1 }}" {% endif %}</td>
<td>{{src.srcstatus}}</td>
<td>{{src.followup}}</td>
</tr>

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


<div class="pagination">
<span class="step-links">
{% if srcs.has_previous %}
<button type="button" class="btn btn-warning" onclick=paginate({'page':1}) >first</button>
<button type="button" class="btn btn-warning" onclick=paginate({'page':'{{ srcs.previous_page_number }}'}) >previous</button>
{% endif %}

<span class="current">
Page {{ srcs.number }} of {{ srcs.paginator.num_pages }}.
</span>

{% if srcs.has_next %}
<button type="button" class="btn btn-warning" onclick=paginate({'page':'{{ srcs.next_page_number }}'}) >next</button>
<button type="button" class="btn btn-warning" onclick=paginate({'page':'{{ srcs.paginator.num_pages }}'}) >last</button>
{% endif %}
</span>
</div>