{% extends "base.html.twig"%}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}
{% block menuTop %}
    <div class="col-lg-6 col-xs-12" >
        <div class="container" id="menuTop">
	<div class="btn-group" >
        <a  class="btn" href="{{path('controlCasosIni',{'idproyectos':idproyectos, 'idmodule':idmodule})}}">
                        <i class="glyphicon glyphicon-back"></i><span class="hidden-xs"> Volver</span> 
                </a>
                <a class="btn" title="Salir" href="{{path('initialPage')}}">
                        <i class="glyphicon glyphicon-share"></i><span class="hidden-xs"> Salir</span> 
                </a>
        </div>
            {# render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':1})) #}
            

        </div>


    </div>
{% endblock %}     

{%block dashboard %}
    <script>
    $(function(){
        if($("#idestado").val()==11){
            $("#causaRechazo").css('display','');

        }else {
            $("#causaRechazo").css('display', 'none');
        }

            $("#idestado").change(function () {
            if($(this).val()==11){
                $("#causaRechazo").css('display','');

            }else{
                $("#causaRechazo").css('display','none');

            }
        });
        $("#InformesComentarios").load("{{path('InformesComentarios',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme})}}");
        $("#consultarInformeTrack").load("{{path('consultarInformeTrack',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme})}}");
        $("#guardarInfoComentario").click(function(){
            comentario = $("#comentario2").val();
                     $('#guardarInfoComentario').attr('disabled'); 
                           if(comentario){
                            $('#cargar').css('display','');   
                            $.ajax({
                                type:"POST",
                                async:true,
                                url:"{{path('addComentarioInforme',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme })}}",
                                data:{$comentario:comentario}
                            }).done(function(msj){
                     $('#guardarInfoComentario').removeAttr('disabled'); 
                                $('#comentario2').val('');
                                $('#comentario2').text('');
                        $("#InformesComentarios").load("{{path('InformesComentarios',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme})}}");
                            });
                            }
        });
        
    $('#btnChangeStatus').click(function(){
                     $('#btnChangeStatus').attr('disabled','true'); 
                    textComent = $('#comentario').val();
                    idEstadoNuevo = $('#idestado').val();
                    razon = $('#razon').val();
                    if(idEstadoNuevo){
                    if(textComent){
                        $('#dialogMensaje').text('¿Esta segudo de Continuar?');
                        $('#dialogMensaje').dialog({
                            autoOpen: true ,
                            modal: true,
                            buttons:{
                                Continuar:function(){
                                       
                            $.ajax({
                                type:"POST",
                                async:true,
                                url:"{{path('cambiarEstadoInforme',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme})}}",
                                data:{$comentario:textComent, $idestado : idEstadoNuevo, $razon:razon }
                            }).done(function(msj){
                                if(msj=='bien'){
                     $('#btnCambiarEstado').removeAttr('disabled'); 
                                $('#textComent').val('');
                                $('#textComent').text('');
                            $('#dialogMensaje').dialog('close');
                            $('#cargar').css('display','');
                                location.reload();
                            }
                            });
                                },
                                    Cancel:function(){
                                        $(this).dialog('close');
                                }
                            }

                        });
                        
                    }else{
                        $('#dialogMensaje').text('No ingreso comentario ¿Esta segudo de Continuar?.');
                $('#dialogMensaje').dialog({
                    autoOpen: true ,
                    modal: true,
                    buttons:{
                        Continuar:function(){
                                       
                            $.ajax({
                                type:"POST",
                                async:true,
                                url:"{{path('cambiarEstadoInforme',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme})}}",
                                data:{$comentario:textComent, $idestado : idEstadoNuevo }
                            }).done(function(msj){
                                if(msj=='bien'){
                     $('#btnCambiarEstado').removeAttr('disabled'); 
                                $('#textComent').val('');
                                $('#textComent').text('');
                            $('#dialogMensaje').dialog('close');
                            $('#cargar').css('display','');
                                location.reload();
                            }
                            });
                        },
                        Cancel:function(){
                            $(this).dialog('close');
                        }
                    }
                    
                });
                        
                    }
                    }
                });
});
</script>



  <div class="col-xs-12 col-md-12 col-lg-12 group " >
  <div class="col-xs-12 col-md-8 col-lg-8 table-bordered col-lg-offset-2 " style=" min-height: 500px;" >
      {% if ticketInformeArchivo == false %}
                  <h1>Cargar Archivo:{{informe.informe}} </h1>
                  <form enctype="multipart/form-data" action="{{path('informeArchivo2',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme': idinforme})}}" method="POST" >
                  <br>
              <div class="form-group required">
                <label  class="control-label">Seleccione Archivo</label>
            <input  type="file"  name="archivo" placeholder="Seleccine Archivo" required  >
              </div>
              <div class="form-group required">
                <label for="comentario" class="control-label">{{'ticketDetail.comments.comentario' | trans}}</label>
                <textarea name="comentario" class="textarea"></textarea>
              </div>
                      <div style="text-align: center">
                          <button class="btn btn-info btn-lg">UPLOAD</button>

                          <a  class="btn" href="{{path('controlCasosIni',{'idproyectos':idproyectos, 'idmodule':idmodule})}}">
                          <button type="button" class="btn btn-defalt btn-lg">{{'Volver' | trans | upper}}</button>
                              </a>
                      </div>


              </form>



    {% else %}
      <h1> Archivo:{{informe.informe}} </h1>
      <br><br>
  <div class="form-group required">
      <label>Archivo:</label>
      
     <div class="input-group col-xs-5 col-md-2 col-lg-2  ">
      <a class="btn btn-default" href="{{path('descargarArchivo', {'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme })}}">
          <li class=" glyphicon glyphicon-download"></li><span>  {{ticketInformeArchivo.nombre}}</span>
          </a>
      <span class="input-group-btn">
          <a href="{{path('eliminarInforme', {'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme, 'opc':opc })}}">
          <button class="btn btn-danger" type="button">Delete</button> </a>
      </span>
     </div>
      </div>
  <div class="form-group required">
      <label>Fecha Carga:</label>
      <span>{{ticketInformeArchivo.fechaCreacion|date('d/m/Y')}}</span>
          
      </div>
        <div style="text-align: center">
            <a  class="btn" href="{{path('controlCasosIni',{'idproyectos':idproyectos, 'idmodule':idmodule})}}">
                <button type="button" class="btn btn-defalt btn-lg">{{'Volver' | trans | upper}}</button>
            </a>
        </div>
    
    
    
      {% endif %}
    
      <br>
</div>
</div>
{% endblock %}