{% extends "base.html" %}
{% load staticfiles %}
{% load url from future%}


{% block jquery %}
{% endblock %}

{% block contenedor %}
<div class="dgtic-content-area" >
    <div class="row-fluid" >
        <div class="span12">
            
        </div>
    </div>
</div>


<div id="dgtic-content-area">
<div class="row-fluid">
    <div class="span9">
        <div class="dgtic-panel">
            <div class="dgtic-panel-header">
               <form action="." method="GET">
                  <span class="dgtic-panel-title">
                       
                               
                               <i class="icol-clipboard-text"></i><H7 align="center">Proyectos Asignados </H7>
                            
                    </span>
                 
                </form>
                
            </div>        
                        
            <div class="dgtic-panel-content dgtic-table-container">
              <table id="dgtic-ex-datatable-numberpaging" class="dgtic-table">
            
                <thead>
                  <tr>
                   <th>NOMBRE DEL PROYECTO</th>
                   <th>RESPONSABLE</th>
                   <th>ESTADO</th>
                   {% if proyectoAreas %}
                   <th>FECHA DE INICIO</th>
                   <th>FECHA FINALIZACIÓN</th>
                   <th>DETALLE</th>
                   {% endif %}
                   <th>HERRAMIENTAS</th>

                   

                  </tr>

                 </thead>
                   
                 <tbody>
                 {% if proyectoCancelado %}
                  {% for persona in proyectoCancelado %} 
                  <tr>
                   <td>{{ persona.nombreProyecto }}</td>
                   <td>{{ persona.responsable|upper }}</td>
                   <td>
                      <ul class="dgtic-summary-stat">
                        <li>
                          <span rel="tooltip" data-placement="top" data-original-title="{{persona.estatus}}" class="" style="background-color:#{{persona.estatus.color}}">
                          </span>
                        </li>
                      </ul>
                    
                    </td>
                    <td>
                        <a 
                          href ="/proyecto/detalle/{{persona.id}}/">
                              <i class="icol-eye" rel="tooltip" data-original-title="Ver Detalle"></i>
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a 
                          href ="/proyecto/update/modifica/{{persona.id}}/">
                              <i class="icol-pencil" rel="tooltip" data-original-title="Editar Proyecto"></i>
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a 
                          href ="/tarea/add/alta/{{persona.id}}/">
                              <i class="icol-book-next" rel="tooltip" data-original-title="Agregar Tareas"></i>
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a 
                          href ="/proyecto/{{persona.id}}/cancelar/">
                              <i class="icol-wand" rel="tooltip" data-original-title="Cambiar Estado"></i>
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a 
                          href ="/proyecto/{{persona.id}}/archivar/">
                              <i class="icol-drawer" rel="tooltip" data-original-title="Archivar Proyecto"></i>
                        </a> 
                        
                        
                       
                     </td>
                     
                  <!--solo para administrador-->
                   

                </tr>
                  {% empty %}
                  <td colspan="9">No se encontraron registros&nbsp;&nbsp;&nbsp;&nbsp;
                      
                  </td></tr>

                 {% endfor %}
                {% endif%}
                {%if perms.principal.add_proyecto_datos %}
                  {% for persona in proyectovies %} 
                  <tr>
                   <td>{{ persona.nombreProyecto }}</td>
                   <td>{{ persona.responsable|upper }}</td>
                   <td>
                      <ul class="dgtic-summary-stat">
                        <li>
                          <span rel="tooltip" data-placement="top" data-original-title="{{persona.estatus}}" class="" style="background-color:#{{persona.estatus.color}}">
                          </span>
                        </li>
                      </ul>
                    
                    </td>
                    <td>
                        <a 
                          href ="/proyecto/detalle/{{persona.id}}/">
                              <i class="icol-eye" rel="tooltip" data-original-title="Ver Detalle"></i>
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a 
                          href ="/proyecto/update/modifica/{{persona.id}}/">
                              <i class="icol-pencil" rel="tooltip" data-original-title="Editar Proyecto"></i>
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a 
                          href ="/tarea/add/alta/{{persona.id}}/">
                              <i class="icol-book-next" rel="tooltip" data-original-title="Agregar Tareas"></i>
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a 
                          href ="/proyecto/{{persona.id}}/cancelar/">
                              <i class="icol-wand" rel="tooltip" data-original-title="Cambiar Estado"></i>
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a 
                          href ="/proyecto/{{persona.id}}/archivar/">
                              <i class="icol-drawer" rel="tooltip" data-original-title="Archivar Proyecto"></i>
                        </a> 
                        
                        
                       
                     </td>
                     
                  <!--solo para administrador-->
                   

                </tr>
                  {% empty %}
                  <td colspan="9">No se encontraron registros&nbsp;&nbsp;&nbsp;&nbsp;
                      
                  </td></tr>

                 {% endfor %}
                {% endif%}
                {% if proyectoAreas %}
                  {% for persona in proyectoAreas %} 
                  <tr>
                   <td>{{ persona.nombreProyecto }}</td>
                   <td>{{ persona.responsable|upper }}</td>
                   <td>
                      <ul class="dgtic-summary-stat">
                        <li>
                          <span rel="tooltip" data-placement="top" data-original-title="{{persona.estatus}}" class="" style="background-color:#{{persona.estatus.color}}">
                          </span>
                        </li>
                      </ul>
                    
                    </td>
                    <td>{{ persona.fechaInicio }}</td>
                    <td>{{ persona.fechaFinal }}</td>
                    <td>
                        <a 
                          href ="/proyecto/detalle2/{{persona.id}}/">
                              <i class="icol-eye" rel="tooltip" data-original-title="Ver Detalle"></i>
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                       
                        
                        
                       
                     </td>  
                     {%if time > persona.fechaFinal|date:"Y-m-d" %}
                     <td>Proyecto Finalizado </td>

                     {%elif time < persona.fechaFinal|date:"Y-m-d" %}
                     <td>Proyecto a Tiempo </td>
                     {%elif time == persona.fechaFinal|date:"Y-m-d" %}
                     <td>24 Hora para terminar </td>
                     {%else%}
                     <td>None</td>
                     {%endif%}
                  <!--solo para administrador-->
                   

                </tr>
                  {% empty %}
                  <td colspan="9">No se encontraron registros&nbsp;&nbsp;&nbsp;&nbsp;
                      
                  </td></tr>

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

{% endblock %}