{% extends "base.html" %}

{% load staticfiles %}

{% block title %}CCYTET{% endblock %}

    {% block extrahead %}
    <meta charset="utf-8">

    <!-- Bootstrap Stylesheet -->
    <link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.min.css" %}" media="screen">
	<!-- Theme Stylesheet -->
	<link rel="stylesheet" href="{% static "assets/css/dandelion.theme.css" %}" media="screen">
	<!-- Icon Stylesheet -->
	<link rel="stylesheet" href="{% static "assets/css/fonts/glyphicons/style.css" %}" media="screen">
	<!--  Main Stylesheet -->
	<link rel="stylesheet" href="{% static "assets/css/dandelion.css" %}" media="screen">
    <!-- Demo Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/demo.css" %}" media="screen">

    <!-- Login Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/form.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "assets/css/login.css" %}" media="screen">

    <link rel="stylesheet" href="{% static "plugins/zocial/zocial.css" %}" media="screen">

    {% endblock %}

    {% block wrapper %}
	<!-- Main Wrapper. Set this to 'fixed' for fixed layout and 'fluid' for fluid layout' -->
	<div id="dgtic-wrapper">
        {% block header %}
        <!-- Header -->
        <div id="dgtic-header">
        
            <div id="dgtic-header-top">
                
                <!-- Container -->
                <div class="dgtic-container clearfix">

                    {% include  'imagen_encabezado.html' %}

                    {% block headertoolbar %}
                    
                    <!-- Header Toolbar Menu
                    <div id="dgtic-header-toolbar" class="clearfix">
                        <div id="dgtic-user-profile-wrap">
                            <div id="dgtic-user-profile" data-toggle="dropdown" class="clearfix">
                                <div id="dgtic-user-avatar">
                                    <img src="{% static "assets/images/pp.jpg" %}" alt="">
                                </div>
                                <div id="dgtic-user-info">
                                    {{ user }}
                                    <span class="dgtic-user-title">{{ user.title }}</span>
                                </div>
                            </div>
                            <ul class="dropdown-menu">
                                <li><a href="dashboard.html">Dashboard</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Profile</a></li>
                                <li><a href="#">Settings</a></li>
                                <li><a href="#">Change Password</a></li>
                            </ul>
                        </div>
                        <div id="dgtic-header-button-container">
                            <ul>
                                <li class="dgtic-header-button-wrap">
                                    <div class="dgtic-header-button">
                                        <a href="/logout/"><i class="icon-power"></i></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    -->

                    {% endblock %}
                                    
                </div>
            </div>
            
            <div id="dgtic-header-bottom">
                <!-- Container -->
                <div class="dgtic-container clearfix">
                
                	<!--<div id="dgtic-search">
                    	<form>
                        	<input type="text" class="search-query" placeholder="Search...">
                        </form>
                    </div>-->
                	
                    <!-- Breadcrumbs -->
                    <div id="dgtic-breadcrumb">
                        <ul>
                            {% block breadcrumbs %}
                            <li class="{%if request.path == '/' %}active{%endif%}"><a href="/"><i class="icol-house"></i> Inicio</a></li>                             
			    <!--<li><a target="_blank" href="{% static "manual/tut_con_gen_folios.pdf" %}"><i class="icol-doc-pdf"></i> Descargar Manual</a></li>-->
                            {% endblock %}
                        </ul>
                    </div>
                    
                </div>
            </div>
        </div>
        {% endblock %}
        <!-- Content -->
        <div id="dgtic-content">
            <!-- Container -->
            <div class="dgtic-container clearfix">
	            <!-- Sidebar Separator do not remove -->
                <div id="dgtic-sidebar-separator"></div>
                <!-- Sidebar -->
                <div id="dgtic-sidebar">
                    <!-- Navigation Toggle for < 480px -->
                    <div id="dgtic-sidebar-toggle"></div>
                    <!-- Main Navigation -->
                    <div id="dgtic-main-nav" class="btn-container">
                        {% block sidebar %}
                        <ul>

                            <li class="{%if request.path == '/' %}active{%endif%}">
                            	<a href="/">
                                	<!-- Icon Container -->
                                	<span class="dgtic-nav-icon">
                                        <i class="icon-home"></i>
                                    </span>
                                	Inicio
                                </a>
                            </li>

                            <li class="{%if request.path == '/snct/' %}active{%endif%}">
                                <a href="/snct/">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-calendar"></i>
                                    </span>
                                   ¿Qué es la SNCT?
                                </a>
                            </li>
{#                            <li >#}
{#                                <a target="_blank" href="http://www.ccytet.gob.mx/Web/ccytet04/SemanaNacional.aspx">#}
{#                                    <!-- Icon Container -->#}
{#                                    <span class="dgtic-nav-icon">#}
{#                                        <i class="icon-book-open"></i>#}
{#                                    </span>#}
{#                                    Programa de la Sede Estatal#}
{#                                </a>#}
{#                            </li>#}
                            <li class="{%if request.path == '/convocatorias_/' %}active{%endif%}">
                                <a href="/convocatorias_/">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-file"></i>
                                    </span>
                                    Convocatorias
                                </a>
                            </li>
                            <li class="{%if request.path == '/registro_institucion/' %}active{%endif%}" >
                                <a href="/registro_institucion/">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-justify"></i>
                                    </span>
                                    Registro institución por primera vez
                                </a>
                            </li>
                            
                             <li class="{%if request.path == '/login_/' %}active{%endif%}" >
                                <a href="/login_/">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-user"></i>
                                    </span>
                                    Iniciar sesión (Usuario ya registrado)
                                </a>
                            </li>
                            <li class="{%if request.path == '/tutoriales/' %}active{%endif%}">
                                <a href="/tutoriales/">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-eye-open"></i>
                                    </span>
                                    Tutoriales
                                </a>
                            </li>

                            <!--li class="" >
                                <a target="_blank" href="{% static "manual/Manual Parte 1 Sistema 22SNCyT.pdf" %}">
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-circle-info"></i>
                                    </span>
                                    Manual del Usuario Parte 1
                                </a>
                            </li>

                            <li class="" >
                                <a target="_blank" href="{% static "manual/Manual Parte 2 Sistema 22SNCyT.pdf" %}">
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-circle-info"></i>
                                    </span>
                                    Manual del Usuario Parte 2
                                </a>
                            </li-->
{##}
{##}
{#                            <li class="" >#}
{#                                <a href="/videos/">#}
{#                                    <!-- Icon Container -->#}
{#                                    <span class="dgtic-nav-icon">#}
{#                                        <i class="icon-circle-info"></i>#}
{#                                    </span>#}
{#                                    Videos#}
{#                                </a>#}
{#                            </li>#}

                            <li class="{% if request.path == '/dudas/' %}active{% endif %}" >
                                <a  href="/dudas/">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-envelope"></i>
                                    </span>
                                    ¿Dudas? Contáctanos
                                </a>
                            </li>


                            <li class="{% if request.path == '/frecuentes/'%}active{% endif %}" >
                                <a  href="/frecuentes/">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-circle-question-mark"></i>
                                    </span>
                                    Preguntas frecuentes
                                </a>
                            </li>

                        </ul>
                        {% endblock %}
                    </div>
                </div>
                <!-- Main Content Wrapper -->
                <div id="dgtic-content-wrap" class="clearfix">
                	<!-- Content Area -->
                	<div id="dgtic-content-area">
                    {% block maincontent %}
                        


                  <div id="dgtic-content-wrap" class="dgtic-container clearfix">
    
                    <!-- Content Area -->
                    <div id="dgtic-content-area">

                        <div class="row-fluid">
                            <div class="span6">
                                <div class="dgtic-panel">
                                    <div class="dgtic-panel-header">
                                        <span class="dgtic-panel-title">
                                            <i class="icon-brightness-reduce"></i>
                                                <b>{{ publicacion.titulo }}</b>
                                        </span>
                                    </div>
                                    <div class="dgtic-panel-content dgtic-form-container">
                                        <div style="text-align:justify" class="entry">
                                            <img src="/static/assets/images/Logo24SNCYT_01.jpg" alt="" width="100"  height="160" class="left" style="float:left"; />
                                            <p style="margin:0px 25px 0px 25px;">
                                                {{ publicacion.cuerpo|linebreaksbr }}
                                        </div>
                                     </div>
                                </div>

                                <!-- Inicia Banner -->
                                <div class="dgtic-panel">
                                    <div class="dgtic-panel-content dgtic-form-container" >
                                        <img src="{{ MEDIA_URL }}{{ banner.imagen }}" width="458" height="252" />
                                     </div>
                                </div>
                                <!-- Termina Banner -->

                            </div>



                            <div class="span6">
                                <!--<div class="dgtic-panel">
                                    <div class="dgtic-panel-header">
                                        <span class="dgtic-panel-title">
                                            <i class="icon-user"></i> Convocatorias
                                        </span>
                                        
                                    </div>
                                    <div class="dgtic-panel-content">
                                         {% for p in convoca %}
                                                <a href="{{ MEDIA_URL }}{{p.convocatoria}}" target="_blank">
                                                    <span style="background-color:#FFFFFF;">
                                                        <img class="dgtic-summary-image" src="{{ MEDIA_URL }}{{p.imagen}}" alt="image"/>
                                                    </span> 
                                                </a>

                                        {% endfor %}
                                    </div>
                                </div>-->
                                 <div class="dgtic-panel">
                                    <div class="dgtic-panel-header">
                                        <span class="dgtic-panel-title">
                                            <i class="icon-user"></i> Sitios de Interés
                                        </span>
                                        
                                    </div>
                                    <div class="dgtic-panel-content">
                                        <ul>
                                            {% for enlace in enlaces %}
                                            <li>
                                                <a href="{{ enlace.hipervinculo }}">
                                                    <img src="{{ MEDIA_URL }}{{ enlace.imagen }}" alt="Imagen enlace" width="70px">
                                                    {{ enlace.nombre }}
                                                </a>
                                            </li>
                                            {% endfor %}
                                        </ul>
                                    </div>

                                     <!-- Inicia panel GRAFICOS -->
                                     <div class="row-fluid">
                                        <div class="span12">
                                            <div class="dgtic-panel collapsible">
                                                <div class="dgtic-panel-header">
                                                    <span class="dgtic-panel-title">
                                                        <i class="icol-photos"></i>
                                                        Gráficos
                                                    </span>

                                                </div>
                                                <div class="dgtic-panel-content with-padding">
                                                    <h5>Descarga aqui la imagen del evento</h5>
                                                    <ul id="enlaces">
                                                        <li>
                                                            <a href="http://www.conacyt.gob.mx/images/conacyt/comunicacion/semana/2017/Elementos_en_Baja.zip"">
                                                                Baja resolución
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="http://www.conacyt.gob.mx/images/conacyt/comunicacion/semana/2017/Elementos_en_Alta.zip">
                                                                Alta resolución
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <hr>
                                                    <h5>Descarga también el MANUAL DE USO DE IMAGEN</h5>
                                                    <ul id="enlaces">
                                                        <li>
                                                            <a href="http://conacyt.gob.mx/images/conacyt/comunicacion/semana/2017/Manual_de_Uso_de_Imagen_XXIV_SNCyT_2017_baja.pdf">
                                                            Manual de uso de imagen de la 24<sup>a</sup> SNCyT
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                     <!--Termina panel GRAFICOS -->

                                 <!-- Inicia panel PROGRAMA SEDE ESTATAL -->
                                     <div class="row-fluid">
                                        <div class="span12">
                                            <div class="dgtic-panel collapsible">
                                                <div class="dgtic-panel-header">
                                                    <span class="dgtic-panel-title">
                                                        <i class="icol-desktop"></i>
                                                        {{ programa_sede_estatal.titulo }}
                                                    </span>

                                                </div>
                                                <div class="dgtic-panel-content with-padding">
                                                    <h5>Descarga aqui el documento</h5>
                                                    <ul id="enlaces">
                                                        <li>
                                                            <a href="{{ MEDIA_URL }}{{ programa_sede_estatal.documento_pdf }}">
                                                                {{ programa_sede_estatal.texto }}
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                     <!--Termina panel PROGRAMA SEDE ESTATAL -->

                                </div>


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

                    </div>



                    {% endblock %}
               		</div>
               	</div>
			</div>
		</div>
		{% block footer %}
        <br><br><br><br><br>
        <!-- Footer -->
        <div id="dgtic-footer">
        	<div class="dgtic-container clearfix">
                <img src="{% static "assets/images/logo-dgtic.png" %}">
            	<p>Derechos Reservados &copy; Direccion General de Tecnologías de la Información y la Comunicación.</p>
            </div>
        </div>
		{% endblock %}
	</div>
    {% endblock %}

{% block extralibs %}
    <script src="{% static "assets/js/libs/jquery.placeholder.min.js" %}"></script>
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>

    <!-- JS Login -->
    <script src="{% static "assets/js/core/dandelion.login.js" %}"></script>

{% endblock %}