{% extends 'base_app.html.twig' %}
{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('assets/vendor/lightbox2/dist/css/lightbox.css') }}" rel="stylesheet">
{% endblock %}

{%block body %} 
    
     <div class="content-wrapper">
        <div class="container">
            {% for message in app.session.flashBag.get('notice') %}
         <h4 class="alert alert-success">{{ message }}</h4>
    
    {%endfor %}
            <div class="row">
                <div class="col-md-9">
                    <h4 class="page-head-line">Solicitud de Adscripción número <code>{{adscripcion.id}}</code>: 
                        {{ adscripcion.idRolInstitucion.idRol.idPersona.primerNombre }}, 
                        {{ adscripcion.idRolInstitucion.idRol.idPersona.primerApellido }}                         
                    </h4>                       
                </div>
                <div class="col-md-3">
                    {% if servicio.idEstatus.id == 1 %}
                        <h4 class="alert alert-success">Estatus <strong>{{servicio.idEstatus}}</strong>
                    {% elseif servicio.idEstatus.id == 3 %}
                        <h4 class="alert alert-danger">Estatus <strong>{{servicio.idEstatus}}</strong> 
                    {% else %}
                        <h4 class="alert alert-warning">Estatus <strong>{{servicio.idEstatus}}</strong> 
                     {% endif %}
                    </h4>                       
                </div>

            </div>
            <div class="row">
                
                <div class="col-md-6">

                    <div class="col-md-4">
                        <img src="{{ asset('bundles/framework/images/portal/logo_ubv.png') }}" />
                    </div>

                    <div class="col-md-8">      
                        
                    
                        
                        <div class="form-group">
                            <label for="username">Fecha de Ingreso UBV:</label>
                            <input type="date" class="form-control" id="username" name="primerApellido" value="{{ adscripcion.fechaIngreso|date('Y-m-d') }}" />
                        </div>
                        {% if escalas is not null %}
                        <div class="form-group">
                            <label for="Escalafones">Escalafones:</label>
                             <table class="table table-striped table-bordered">
                                    <th>Escalafón</th>
                                    <th>Fecha</th>
                                    <th>Tipo</th>
                            {% for escala in escalas %}
                               
                                    <tr>
                                        <td>{{escala.idEscala }}</td>
                                        <td>{{escala.fechaEscala | date('d-m-Y') }}</td>
                                        <td>{{escala.idTipoEscala }}</td>
                                    </tr>                                                                                                    
                            {%endfor %}
                            </table>                            
                            {% if adscripcion.oposicion is  null %}     
                                <div class="form-group">
                                    <h6 class="alert alert-warning">El Docente al momento de la solicitud informa no haber realizado Concurso de oposición</h6>
                               </div>
                                <button class="btn btn-success btn-sm">Añadir Concurso de Oposición</button>                               
                            {% endif %}                
                            
                            
                         </div>
                        {% endif %}    
                            
                            
                        {% if adscripcion.idLineaInvestigacion is not null %}
                        <div class="form-group">
                            <label for="username">Area y Línea de Investigación:</label>
                            <ul>
                                <li>{{adscripcion.idLineaInvestigacion.idAreaInvestigacion}}</li>
                                <li>{{adscripcion.idLineaInvestigacion}}</li>
                            </ul>                            
                        </div>  
                         {% endif %}
                         
                         
                         {% if adscripcion.tituloTrabajo is not null %}
                        <div class="form-group">
                             <label for="titulo">Título del Trabajo:</label>
                             <input type="text" class="form-control" value="{{adscripcion.tituloTrabajo}}" />
                        </div>
                        {% endif %} 

                        </div>
                </div>
                             
                <div class="col-md-5">    
                     <h3>Documentos Consignados</h3>    
                     <div class="widget-content">
                                             
                         
                         
                         <div class="col-xs-4">
                            <div class="thumbnail">
                                <a href="{{asset('uploads/adscripcion/'~ adscripcion.trabajo)}}" data-lightbox="adscripcion">
                                    <img src="{{ asset('uploads/adscripcion/thumb/'~ adscripcion.trabajo) }}" />
                                </a>
                              <div class="caption">                                
                                <p>Constancia de Trabajo</p>                              
                              </div>
                          </div>
                        </div>
                                
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <a href="{{asset('uploads/adscripcion/'~ adscripcion.pregrado)}}" data-lightbox="adscripcion">
                                    <img src="{{ asset('uploads/adscripcion/thumb/'~ adscripcion.pregrado) }}" />
                                </a>
                              <div class="caption">                                
                                <p>Título de Pregrado</p>                              
                              </div>
                          </div>
                        </div>
                                
                        {% if adscripcion.postgrado is not null %}         
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <a href="{{asset('uploads/adscripcion/'~ adscripcion.postgrado)}}" data-lightbox="adscripcion">
                                    <img src="{{ asset('uploads/adscripcion/thumb/'~ adscripcion.postgrado) }}" />
                                </a>
                              <div class="caption">                                
                                <p>Título de Postgrado</p>                              
                              </div>
                          </div>
                        </div>
                        {% endif %}
                         
                        {% if adscripcion.oposicion is not null %}         
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <a href="{{asset('uploads/adscripcion/'~ adscripcion.oposicion)}}" data-lightbox="adscripcion">
                                    <img src="{{ asset('uploads/adscripcion/thumb/'~ adscripcion.oposicion) }}" />
                                </a>
                              <div class="caption">                                
                                <p>Concurso de Oposición</p>                              
                              </div>
                          </div>
                        </div>
                        {% endif %}
                        
                        
                        
                         {% if adscripcion.asistente is not null %}         
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <a href="{{asset('uploads/ascenso/'~ adscripcion.asistente)}}" data-lightbox="adscripcion">
                                    <img src="{{ asset('uploads/ascenso/thumb/'~ adscripcion.asistente) }}" />
                                </a>
                              <div class="caption">                                
                                <p>Ascenso Asistente</p>                              
                              </div>
                          </div>
                        </div>
                        {% endif %}
                        
                        {% if adscripcion.agreado is not null %}         
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <a href="{{asset('uploads/ascenso/'~ adscripcion.agreado)}}" data-lightbox="adscripcion">
                                    <img src="{{ asset('uploads/ascenso/thumb/'~ adscripcion.agreado) }}" />
                                </a>
                              <div class="caption">                                
                                <p>Ascenso Agregado</p>                              
                              </div>
                          </div>
                        </div>
                        {% endif %}
                        
                        
                        {% if adscripcion.asociado is not null %}         
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <a href="{{asset('uploads/ascenso/'~ adscripcion.asociado)}}" data-lightbox="adscripcion">
                                    <img src="{{ asset('uploads/ascenso/thumb/'~ adscripcion.asociado) }}" />
                                </a>
                              <div class="caption">                                
                                <p>Ascenso Asociado</p>                              
                              </div>
                          </div>
                        </div>
                        {% endif %}
                        
                        {% if adscripcion.titular is not null %}         
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <a href="{{asset('uploads/ascenso/'~ adscripcion.titular)}}" data-lightbox="adscripcion">
                                    <img src="{{ asset('uploads/ascenso/thumb/'~ adscripcion.titular) }}" />
                                </a>
                              <div class="caption">                                
                                <p>Ascenso Titular</p>                              
                              </div>
                          </div>
                        </div>
                        {% endif %}
                         
                         
                        
                         
                         
                             
                         
                         
                       

                    </div>
                </div>
                        
                        

            </div>
                         <!-- MOSTRAR ACTIVIDAD PIDA DEL DOCENTE  -->
                        {% if not pida %}
                            <p class="alert alert-warning">El Docente no ha registrado todavía su actividad PIDA</p>
                        {% else %}                            
                             <div class="form-group">
                            <label for="pida">PIDA:</label>
                            <ul>
                                <li>Objetivo Estratégico: {{pida.idPlanHistoricoNacionalEstrategico.nombre}}</li>
                                <li>Ámbito: {{ pida.idActividadDocente.nombre }}</li>
                                <li>Objetivo Específico: {{ pida.ObjetivoEspecifico }}</li>
                                <li>Fecha inicio: {{ pida.fechaInicio | date('d-m-Y') }} </li>
                                <li>Fecha final: {{ pida.fechaFinal | date('d-m-Y') }} </li>
                                
                            </ul>                            
                        </div>  
                        {% endif %}
                        <a class="btn btn-success btn-sm" href="{{ path('cea_solicitudes_actualizar', { 'id': adscripcion.id, 'estatus' : 'true' }) }}"  ><span class="fa fa-check"></span>&nbsp;Aprobar</a>
                        <a class="btn btn-danger btn-sm" data-toggle="modal" data-target="#motivo_rechazo"  ><span class="fa fa-close"></span>&nbsp;Rechazar</a>
                        
                        
                         <!-- Modal -->
<div class="modal fade" id="motivo_rechazo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
      <form action="{{ path('cea_solicitudes_actualizar', { 'id': adscripcion.id, 'estatus' : 'false' }) }}" method="POST" name="rechazar">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Rechazo de Solicitud</h4>
      </div>
        
      <div class="modal-body">
          
          
          <div class="form-group">
            <label for="message-text" class="control-label">Mensaje:</label>
            <textarea class="form-control" id="message-text" name="message-text"></textarea>
          </div>
       
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary">Enviar Correo</button>
      </div>
    </div>
     </form>
  </div>
</div>
        </div>
        
    </div>
    
{% endblock %}


{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('assets/vendor/lightbox2/dist/js/lightbox.min.js') }}"></script>
    {% endblock %}