{% 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">
                    
                    <!-- Logo Container. All images put here will be vertically centere -->
                    <div id="dgtic-logo-wrap">
                        <div id="dgtic-logo">
                            <div id="dgtic-logo-img">
                                <a href="">
                                    <img src="{% static "assets/images/logotipo2.png" %}" alt="Dandelion Admin">
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    {% 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 == '/graficos_/' %}active{%endif%}">
                                <a href="/graficos_/">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-picture"></i>
                                    </span>
                                    Gráficos
                                </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="" >
                                <a target="_blank" href="{% static "manual/Manual Parte 1 Sistema 22SNCyT.pdf" %}">
                                    <!-- Icon Container -->
                                    <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" %}">
                                    <!-- Icon Container -->
                                    <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="" >
                                <a  href="/dudas/">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-envelope"></i>
                                    </span>
                                    ¿Dudas? Contáctanos
                                </a>
                            </li>


                            <li class="" >
                                <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>  <a href="#"> 
                                  "22a Semana nacional de ciencia y tecnología"
                                </a>
                                        </span>
                                    </div>
                                    <div class="dgtic-panel-content dgtic-form-container">
                                        <div style="text-align:justify" class="entry">
                                    <p style="margin:0px 25px 0px 25px;">

                                        <small>Del 19 al 23 y del 26 al 29 de Octubre del 2015</small>
                                        <br>
                                        <br>

                                        <img src="{% static "assets/images/foco.jpg" %}" alt="" width="200" height="200" class="left" style="float:left"; />
                                        Tabasco se suma hoy una vez más a una celebración que ha impulsado la conciencia sobre la importancia de la ciencia y la tecnología como pilares del  desarrollo económico y social de nuestro país.<br>
A lo largo de estos años, nuestra entidad se ha distinguido a nivel nacional por la participación comprometida de los diferentes sectores de la población.Todos juntos hemos logrado que en esta Semana se acerque el mensaje de la ciencia y la tecnología, desde las ciudades más pobladas, hasta los lugares más apartados de nuestro territorio.<br> 
La Semana Nacional de Ciencia y Tecnología (SNCT) busca propiciar una nueva actitud de trabajo y de esfuerzo en todos, que nos permita llegar a un público más amplio que rebase la frontera de lo académico para mostrar a chicos y grandes, estudiosos o no, que la ciencia y la tecnología son parte de nuestra vida cotidiana y debemos apoyar su desarrollo. 
Una vez más, te invitamos a colaborar con entusiasmo para que esta fiesta del conocimiento sea también un momento de reflexión entre los tabasqueños.                 

                                </div>
                                <br>
                                    <br>
                                <p class="links">&nbsp;&nbsp;&nbsp;</p>
                            </div>
                                    </div>
                                </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>
                                            <li><a href="http://www.ccytet.gob.mx">CCYTET
                                                <img src="{% static "assets/images/ccytet.png" %}" alt="Dandelion Admin">
                                            </a></li>
                                            <li><a href="http://www.conacyt.gob.mx">CONACYT
                                                <img src="{% static "assets/images/CONACYT_peque.jpg" %}" alt="Dandelion Admin">
                                            </a></li>
                                        </ul>
                                    </div>
                                </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 %}