{% 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 %}    
                            
                              

                        <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" href="{{ path('cea_servicios_actualizar', { 'id': servicio.id, 'estatus' : 'false' }) }}" ><span class="fa fa-close"></span>&nbsp;Rechazar</a>
                    </form>
                    <hr />
                        </div>
                </div>
                             
                <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>

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


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