{% extends "dashboard_base.html" %}
{% load staticfiles %}

{% block breadcrumbs %}
{{ block.super }}
<li class="active"><a href="/"><i class="icol-calendar-2"></i>Convocatorias</a></li>
{% endblock %} 
{% block maincontent %}

<div class="row-fluid">
                        	<div class="span12">
                            	<div class="dgtic-panel collapsible">
                                	<div class="dgtic-panel-header">
                                    	<span class="dgtic-panel-title">
                                            <i class="icon-display"></i>
                                            20a Semana Nacional de Ciencia y Tecnología.
                                        </span>
                                        
                                    </div>
                                    <div class="dgtic-panel-content with-padding">

                                        {% for p in convoca %}
                                        <ul class="dgtic-summary-stat">
                                            <li>


                                                {% if forloop.counter == 1 %}
                                                    <a TARGET="_new" href="http://www.energiatabasco.mx">
                                                    <span class="dgtic-summary-icon" style="background-color:#FFFFFF;  margin-right:10px">
                                                        <img class="dgtic-summary-image" src="{{ MEDIA_URL }}{{p.imagen}}" alt="image">
                                                    </span>     
                                                    <span class="dgtic-summary-text">
                                                        <span class="value up">&nbsp&nbsp{{p.tema}}</span><br>
                                                        <span class="">&nbsp&nbsp&nbsp{{p.descripcion}}<a href="{{ MEDIA_URL }}{{p.convocatoria}}" target="_blank">
                                                            <a target = "_blank" href="http://www.energiatabasco.mx">Visitanos aqui.</a>
                                                            </a></span>
                                                    </span>
                                                    </a>    
							<span class=""><a href="{{ MEDIA_URL }}{{p.convocatoria}}" tar$
                                                            <a href="#">Descarga convocatoria aqui.</a>
                                                            </a></span>
						   

                                                {% else %}            


                                                <a href="{{ MEDIA_URL }}{{p.convocatoria}}" >
                                                    <span class="dgtic-summary-icon" style="background-color:#FFFFFF;  margin-right:10px">
                                                        <img class="dgtic-summary-image" src="{{ MEDIA_URL }}{{p.imagen}}" alt="image">
                                                    </span>     
                                                    <span class="dgtic-summary-text">
                                                        <span class="value up">&nbsp&nbsp{{p.tema}}</span><br>
                                                        <span class="">&nbsp&nbsp&nbsp{{p.descripcion}}<a href="{{ MEDIA_URL }}{{p.convocatoria}}" target="_blank">¡Descargar convocatoria  aqui! 

                                                            </a></span>
                                                    </span>
                                                    </a>
                                                    {% endif %}

                                            </li>
                                        </ul><br>
                                        {% endfor %}                                        
                                    </div>
                                </div>
                            </div>
                        </div>


{% endblock%}