{% 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="javascript:history.go(-1)">
                        <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 " style=" min-height: 500px;" >
      {% if ticketInformeArchivo == false %}
                  <h1>Cargar Archivo:{{informe.informe}} </h1>
                  <form enctype="multipart/form-data" action="{{path('informeArchivo',{'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"  >
              </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 class="form-group required">
                <label for="comentario" class="control-label">Seleccione Estado</label>
                <select name="idestado">
                    {% for estado in estados %}
                    <option value="{{estado.idestados}}">{{estado.estado}}</option>
                    {% endfor %}
                </select>
              </div>

                          {% if estados == true %}
                      <button type="submit"  class="btn btn-default center-block btn-primary">Submit</button>
                          {% endif %}
                </form>
          {% elseif ticketInforme.idestados==11%}
              <h1> Archivo:{{informe.informe}} </h1>
              <br><br>

              <form enctype="multipart/form-data" action="{{path('informeArchivo',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme': idinforme})}}" method="POST" >
                  <br>
                  <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>
                  <div class="form-group required">
                      <label  class="control-label">Seleccione Archivo</label>
                      <input  type="file"  name="archivo" placeholder="Seleccine Archivo"  >
                  </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 class="form-group required">
                      <label for="comentario" class="control-label">Seleccione Estado</label>
                      <select name="idestado">
                          {% for estado in estados %}
                              <option value="{{estado.idestados}}">{{estado.estado}}</option>
                          {% endfor %}
                      </select>
                  </div>

                  {% if estados == true %}
                      <button type="submit"  class="btn btn-default center-block btn-primary">Submit</button>
                  {% endif %}
              </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>
      {% if ticketInforme == true %}
      {% if ultimoEstado != ticketInforme.idestados or ticket.idestados == 54%}
      <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>
          {% endif %}
          {% else %}
      <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>
          {% endif %}
     </div>
      </div>
  <div class="form-group required">
      <label>Fecha Carga:</label>
      <span>{{ticketInformeArchivo.fechaCreacion|date('d/m/Y')}}</span>
          
      </div>
      {% if ticketInforme.idestados == true%}
      {% if ultimoEstado != ticketInforme.idestados %}
        {% set a = 0 %}
      {% for estado in estados %}
      {% if is_granted(estado.rol)%}
          {% set a = 1 %}
      {% endif %}
      {% endfor %}
          {% if a  >0 %}

              <div class="form-group required">
                  <label for="comentario" class="control-label">Seleccione Estado</label>
                  <select name="idestado" id="idestado">
                      {% for estado in estados %}
                          {% if is_granted(estado.rol)%}
                              <option value="{{estado.idestados}}">{{estado.estado}}</option>
                          {% endif %}
                      {% endfor %}
                  </select>
              </div>
              {% if causas == true %}
              <div class="form-group required" id="causaRechazo">
                  <label>Causa</label>
                  <select name="razon" id="razon">
                      {% for causa in causas %}
                              <option value="{{causa.razon}}">{{causa.razon}}</option>
                      {% endfor %}
                  </select>
              </div>
                  {% endif %}

  <div class="form-group required">
    <label for="comentario" class="control-label" name="comentario">{{'ticketDetail.comments.comentario' | trans}}</label>
    <textarea id="comentario" class="textarea"></textarea>
  </div>
          {% if estados == true %}
      <button type="button" id="btnChangeStatus"  class="btn btn-default center-block btn-primary">Submit</button>
          {% endif %}
    {% endif %}
          {% endif %}
    {%else %}
  <div class="form-group required">
    <label for="comentario" class="control-label" name="comentario">{{'ticketDetail.comments.comentario' | trans}}</label>
    <textarea id="comentario" class="textarea"></textarea>
  </div>
  <div class="form-group required">
    <label for="comentario" class="control-label">Seleccione Estado</label>
    <select name="idestado" id="idestado">
        {% for estado in estados %}
            {% if is_granted(estado.rol)%}
        <option value="{{estado.idestados}}">{{estado.estado}}</option>
        {% endif %}
        {% endfor %}
    </select>
  </div>
        {% if estados == true %}
      <button type="button" id="btnChangeStatus"  class="btn btn-default center-block btn-primary">Submit</button>
            {% endif %}
   
        
    {% endif %}
    
    
    
      {% endif %}
    
      <br>
</div>
    <div class="col-xs-12 col-md-4 col-lg-4 table-bordered " style=" height: 300px;">
        
      <h1>Comentarios: </h1>
      {% if ticketInforme == true %}
      {% if ultimoEstado != ticketInforme.idestados%}
  <div class="form-group required">
     <div class="input-group">
    <textarea id="comentario2" class="textarea"></textarea>
      <span class="input-group-btn">
        <button class="btn btn-primary" type="button" id="guardarInfoComentario">Send</button>
      </span>
    </div>
  </div>
  {% endif %}
  {% else %}
  <div class="form-group required">
     <div class="input-group">
    <textarea id="comentario2" class="textarea"></textarea>
      <span class="input-group-btn">
        <button class="btn btn-primary" type="button" id="guardarInfoComentario">Send</button>
      </span>
    </div>
  </div>
  {% endif %}
      <div id="InformesComentarios" style=" height: 150px;  overflow-y: scroll;">          
      </div>
      
    </div>
    <div class="col-xs-12 col-md-4 col-lg-4 table-bordered " style=" height: 200px; ">
        
      <h1>Track Informe: </h1>
      <div id="consultarInformeTrack" style=" height: 150px;  overflow-y: scroll;">          
      </div>
      
    </div>
</div>
{% endblock %}