{% 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">Servicio número <code>{{servicio.id}}</code>: 
                        {{ servicio.idRolInstitucion.idRol.idPersona.primerNombre }}, 
                        {{ servicio.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">      
                        
                    <form action="{{ path('login') }}" method="post" role="form" >
                        
                        <div class="form-group">
                            <label for="username">Fecha de Solicitud:</label>
                            <input type="date" class="form-control" value="{{ servicio.fechaSolicitud |date('Y-m-d') }}" />
                        </div>
                        
                        <div class="form-group">
                            <label for="Escalafones">Solicitud:</label>
                            {{servicio.idServicioCe.Nombre}}                                            
                        </div>
                           
                        {% if servicio.idServicioCe.id == 1 %}   
                            <div class="form-group">
                               <label for="Escalafones">Fecha de Ingreso UBV:</label>
                               {{ adscripcion.fechaIngreso|date('d/m/Y') }}                                       
                           </div>
                           
                            <div class="form-group">
                               <label for="Escalafones">Fecha de Oposicion:</label>
                               {{ oposicion.fechaEscala|date('d/m/Y') }}                                       
                           </div>
                           
                            
                        {% endif %}  
                        
                        {% if servicio.idServicioCe.id == 3 %}   
                            <div class="form-group">
                               <label for="Escalafones">Malla que Solicita:</label>
                               {{ estado_academico.idOfertaMallaCurricular.idMallaCurricularInstitucion.idMallaCurricular }}                                       
                           </div>                                                      
                           
                            
                        {% endif %}   
                            
                              

                        <a class="btn btn-success btn-sm" href="{{ path('cea_servicios_actualizar', { 'id': servicio.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>
                        
                         </form>
                        <!-- 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_servicios_actualizar', { 'id': servicio.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>
                        
                   
                    <hr />
                        </div>
                </div>
               {% if servicio.idServicioCe.id == 1 %}                 
                <div class="col-md-5">    
                     <h3>Documentos Para confirmar</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.oposicion)}}" data-lightbox="adscripcion">
                                    <img src="{{ asset('uploads/adscripcion/thumb/'~ adscripcion.oposicion) }}" />
                                </a>
                              <div class="caption">                                
                                <p>Concurso Oposición</p>                              
                              </div>
                          </div>
                        </div>
                                                                                                        
                              
                    </div>
                </div>
               {% endif %}

            </div>
        </div>
    </div>
    
{% endblock %}


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