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

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}
{% block menuTop %}
    <div class="col-lg-12 col-xs-12" >
            <div class="btn-group" >
                <a href="javascript:history.go(-1)">
                    <button class="btn btn-info"><i class="glyphicon glyphicon-back"></i><span class="hidden-xs"> Volver</span></button>
                </a>
            </div>
            {# render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':1})) #}




    </div>
{% endblock %}


{%block dashboard %}
    <br>
    <script>
        $(function(){
            $("#dialogRechazo").dialog({
                autoOpen: false});
            $("#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})}}");
                    });
                }
            });

            $('#btnChangeStatus1').click(function(){
                $('#btnChangeStatus').attr('disabled','true');
                textComent = $('#comentario').val();
                    if(textComent){
                        $('#dialogMensaje').text('¿Esta segudo de Continuar?');
                        $('#dialogMensaje').dialog({
                            autoOpen: true ,
                            modal: true,
                            buttons:{
                                Continuar:function(){

                                    $.ajax({
                                        type:"POST",
                                        async:true,
                                        url:"{{path('aprobarEstadoInforme',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme})}}",
                                        data:{$comentario:textComent, $idestado : 10 }
                                    }).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('aprobarEstadoInforme',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme})}}",
                                        data:{$comentario:textComent, $idestado : 10 }
                                    }).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');
                                }
                            }

                        });

                    }

            });


            $('#btnChangeStatus2').click(function(){
                $('#btnChangeStatus').attr('disabled','true');
                textComent = $('#comentario').val();
                    if(textComent){
                        $("#comentarioRechazo").val(textComent);
                        $('#dialogRechazo').dialog({
                            autoOpen: true ,
                            modal: true,
                            buttons:{
                                Continuar:function(){
                                    textComent = $('#comentarioRechazo').val();
                                    idRechazo = $('#idRechazo').val();
                                    if(idRechazo==''){
                                        alert('Debe seleccionar tipo de Rechazo');
                                        return false
                                    }

                                    $.ajax({
                                        type:"POST",
                                        async:true,
                                        url:"{{path('rechazaEstadoInforme',{'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme})}}",
                                        data:{$comentario:textComent, $idestado : 11, $idRechazo:idRechazo }
                                    }).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('debe ingresar el comentario de rechazo.');
                        $('#dialogMensaje').dialog({
                            autoOpen: true ,
                            modal: true,
                            buttons:{
                                Cerrar:function(){
                                    $(this).dialog('close');
                                }
                            }

                        });

                    }

            });
        });
    </script>



    <div class="col-xs-12 col-md-12 col-lg-12 " >
        <div class="col-xs-12 col-md-8 col-lg-8 table-bordered " style=" min-height: 500px;" >


            {% for ticket in tickets%}

            <div class="row  ">
                <div class=" col-lg-12 col-xs-12 col-md-4">
                    <label class="control-label"  style="   font-size: 16px; text-decoration: underline;">NRO. TICKET: </label>
                    <span >{{ticket.ticket}}</span>
                </div>
                <div class=" col-lg-12 col-xs-12 col-md-4">
                    <label class="control-label"  style="   font-size: 16px; text-decoration: underline;">ESTADO: </label>
                    <span >{{ticket.estado}}</span>
                </div>
                </div>
                <div class="row">
                <div class=" col-lg-4 col-xs-12 col-md-4">
                    <label for="file" class="control-label"  style="   font-size: 16px; text-decoration: underline;">NRO. REMEDY: </label>
                    <span  style=" text-decoration: underline; color:red;">{{ticket.ref}}</span>
                </div>
                <div class=" col-lg-4 col-xs-12 col-md-4 ">
                    <label for="file" class="control-label">PROCESO: </label>
                    <span>{{ticket.proceso}}</span>
                </div>
            </div>
                <div class="row  ">
                    {% for ticketDato in ticketDatos %}
                        {% if ticketDato.idetiquetas == 132 %}
                            <div class=" col-lg-4 col-xs-12 col-md-4">
                                <label for="file" class="control-label">{{ ticketDato.etiqueta }} </label>
                                <span >{{ticketDato.valor}}</span>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>

            <div class="row  ">
                {% for ticketDato in ticketDatos %}
                    {% if ticketDato.idetiquetas == 11 %}
                        <div class=" col-lg-4 col-xs-12 col-md-4">
                            <label for="file" class="control-label">{{ ticketDato.etiqueta }} </label>
                            <span >{{ticketDato.valor}}</span>
                        </div>
                    {% endif %}
                    {% if ticketDato.idetiquetas == 9 %}
                        <div class=" col-lg-4 col-xs-12 col-md-4">
                            <label for="file" class="control-label">{{ ticketDato.etiqueta }} </label>
                            <span >{{ticketDato.valor}}</span>
                        </div>
                    {% endif %}
                    {% endfor %}
                </div>
                <div class="row  ">
                    {% for ticketDato in ticketDatos %}
                    {% if ticketDato.idetiquetas == 70 %}
                    <div class=" col-lg-4 col-xs-12 col-md-4">
                        <label for="file" class="control-label">{{ ticketDato.etiqueta }} </label>
                        <span >{{ticketDato.valor}}</span>
                    </div>
                        {% endif %}
                    {% if ticketDato.idetiquetas == 130 %}
                    <div class=" col-lg-4 col-xs-12 col-md-4 ">
                        <label for="file" class="control-label">{{ ticketDato.etiqueta }} </label>
                        <span>{{ticketDato.valor}}</span>
                    </div>
                    {% endif %}
                    {% if ticketDato.idetiquetas == 131 %}
                        <div class=" col-lg-4 col-xs-12 col-md-4 ">
                            <label for="file" class="control-label">{{ ticketDato.etiqueta }} </label>
                            <span>{{ticket.proceso}}</span>
                        </div>
                    {% endif %}
                    {% endfor %}
                </div>

            <div class="row  ">
                <div class=" col-lg-12">
                    <label>Descripcion</label>
                </div>
                <div class="col-lg-12">
                    {{ticket.observacion}}
                </div>
                </div>
            {% endfor %}
                <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-info" href="{{path('descargarArchivo', {'idproyectos':idproyectos, 'idticket':idticket, 'idinforme':informe.idinforme })}}">
                            <li class=" glyphicon glyphicon-download"></li><span>  {{ticketInformeArchivo.nombre}}</span>
                        </a>
                    </div>
                </div>
                <div class="form-group required">
                    <label>Fecha Carga:</label>
                    <span>{{ticketInformeArchivo.fechaCreacion|date('d/m/Y')}}</span>

                </div>
                {% if tickets.0.idestados == 9 %}
                        <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 text-center">
                            <button class="btn btn-success" id="btnChangeStatus1">APROBAR</button>
                            <button class="btn btn-danger" id="btnChangeStatus2">RECHAZAR</button>
                        </div>
            {% endif %}







            <br>
        </div>
        <div class="col-xs-12 col-md-4 col-lg-4 table-bordered " style=" height: 300px;">

            <h1>Comentarios: </h1>
            <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>


    <div id="dialogRechazo" title="Rechazar Informe">
        <table class="ui-widget ui-widget-content">
            <tr>
                <td>Seleccione Tipo de Rechazo</td>
            </tr>
            <tr>
                <td>
                    <select id="idRechazo">
                        <option></option>
                        <option>Documentación incompleta</option>
                        <option>Información no legible</option>
                        <option>Trabajo no completo</option>
                        <option>Trabajo no corresponde a la actividad solicitada</option>
                        <option>Problema en el sistema de reportes</option>
                        <option>Inconsistencia en la información</option>
                        <option>Registro fotográfico incompleto</option>
                        <option>visita fallida </option>
                        <option>Formato sin informacion</option>
                    </select>
                    </select>
                </td>
            </tr>
            <tr>
                <td>{{'ticketDetail.comments.comentario' | trans}}</td>
            </tr>
            <tr>
                <td><textarea id="comentarioRechazo"></textarea></td>
            </tr>
        </table>
    </div>
{% endblock %}