{% extends "base.html.twig"%}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}
{% block titulo %} - <a href="{{path('projectInitial',{ 'idproyectos':idproyectos})}}">{{proyectos.proyecto}}</a> - <a href="{{path(modulo.path,{ 'idproyectos':idproyectos,'idmodule':idmodule})}}">{{modulo.modulo}}</a>{% 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 %}
    <style>
        .bs-example:after {
            position: absolute;
            top: 15px;
            left: 15px;
            font-size: 12px;
            font-weight: 700;
            color: #959595;
            text-transform: uppercase;
            letter-spacing: 1px;
            content: "{{ 'ticketDetail.inbox' | trans }}: ";
        }
    </style>

    <script>
        $(function () {
            $("#cambiarTipo").click(function () {
                idtipoproceso = $("#idTipoProceso2").val()
                $.ajax({
                    type:"POST",
                    url : "{{ path('cambiarHallazgo',{'idproyectos':idproyectos, 'idticket':idticket}) }}",
                    data:{$idtipoporceso: idtipoproceso}

                }).done(function (msj) {
                    location.reload();
                });

            });

            $('#takeHallazgos').load("{{path('takeHallazgos',{'idproyectos':idproyectos,'idmodule':idmodule, 'idsubmodulo':1})}}",{$idproceso:$('#idprocesos').val(), $idticket : '{{ idticket }}'},
                    function( response, status, xhr ) {
                        if ( status == "error" ) {
                            $('#cargar').hide();
                            var msg = "Sorry but there was an error: ";
                            swal(xhr.statusText, msg, "error");

                        }
                    });

        });
    </script>





    <div class="col-sm-12  col-md-12 col-lg-12 col-xs-12   main">



        <div class="col-xs-12 col-md-12 col-lg-6 table-bordered " style=" min-height: 280px;" >
            <div class="row text-center">
                <h1 style="   text-decoration: underline;">{{'ticketDetail.general' | trans}}</h1>
            </div>
            {% for ticket in tickets%}
                <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;">{{'ticketDetail.nroticket' | trans}}: </label>
                        <span >{{ticket.ticket}}</span>
                    </div>
                    <div class=" col-lg-4 col-xs-12 col-md-4 ">
                        <label for="file" class="control-label">{{'ticketDetail.process' | trans}}: </label>
                        <span>{{ticket.proceso}}</span>
                    </div>
                </div>

                <div class="row">
                    <div class=" col-lg-6 col-xs-12 col-md-6 ">
                        <label for="file" class="control-label">{{'ticketDetail.ref' | trans}}: </label>
                        <span id="refValue">{{ticket.ref}} </span>

                    </div>
                    <div class=" col-lg-4 col-xs-12 col-md-4 ">
                        <label for="file" class="control-label"  style="   font-size: 16px;  text-decoration: underline;">{{'ticketDetail.priority' | trans}}</label>
                <span  id="idprioridadValue">{{ticket.prioridad | trans}}


                </span>
                    </div>
                    {% if   proyectoDatosOpen == true%}
                        {% if proyectoDatosOpen.idtipoProceso == 1 %}
                            <div class=" col-lg-12 col-xs-12 col-md-12 ">
                                <label for="file" class="control-label">{{'ticketDetail.email.tipo' | trans}}</label>
                                <div class="input-group">
                                    <select id="idTipoProceso2" class="form-control">
                                        <option value="204" {% if ticket.tipoProceso == 'TRABAJO ESPECIAL' %} selected {% endif %}>TRABAJO ESPECIAL</option>
                                        <option value="205" {%  if ticket.tipoProceso == 'MTTO CORRECTIVO CAMPO' %} selected {% endif %}>MTTO CORRECTIVO CAMPO</option>
                                        <option value="206"  {%  if ticket.tipoProceso == 'REPUESTO LPU' %} selected {% endif %}>REPUESTO LPU</option>
                                    </select>
                                    <span class="input-group-btn">
                                    <button class="btn btn-info" type="button" id="cambiarTipo">Cambiar</button>
                       </span>

                                </div>
                            </div>

                        {% endif %}
                    {% endif %}
                </div>


                <div class="row">
                    <div class=" col-lg-6 col-xs-12 col-md-6 ">
                        <label for="file" class="control-label">Creado Por</label>
                        <span>{{ ticket.nombre}}</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;">{{'ticketDetail.status' | trans}}: </label>
                        <span>{%if is_granted("ROLE_COORDINADOR")%}{{ticket.padre | trans |upper}}{%else%}{{ticket.estado | trans}}{%endif%}</span>
                    </div>

                    <div class=" col-lg-4 col-xs-12 col-md-4 ">
                        <label for="file" class="control-label" style="   font-size: 16px; text-decoration: underline;">{{'ticketDetail.assignment' | trans}}: </label>
                        <span>{{ticket.userAsignado | upper}}</span>
                    </div>

                </div>


                {% if   proyectoDatosOpen == true%}
                    {% if proyectoDatosOpen.idSitio == 1 %}
                        <div class="row">
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label">{{'ticketDetail.code' | trans}}: </label>
                                <span>{{ticket.codigo}}</span>
                            </div>
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label" style="   font-size: 16px; text-decoration: underline;">{{'ticketDetail.site' | trans}}: </label>
                <span id="idsitioValue">{{ticket.sitio | upper}}
                      </span>
                            </div>
                        </div>

                        <div class="row">
                            <div class=" col-lg-6 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label">{{'ticketDetail.address' | trans}}: </label>
                                <span>{{ticket.direccion | upper}}</span>
                            </div>
                            <div class=" col-lg-4 col-xs-4 col-md-4 ">
                                <label for="file" class="control-label">{{'ticketDetail.region' | trans}}: </label>
                                <span>{{ticket.region}}</span>
                            </div>
                        </div>

                    {% endif %}
                {% endif %}
                {% if   proyectoDatosOpen == true%}
                    {% if proyectoDatosOpen.userExtSolicita == 1 %}
                        <div class="row">
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label">Solicitante</label>
                                <span>{{ticket.userExtSolicita}}</span>
                            </div>
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label">{{'user.phone' | trans}}</label>
                                <span>{{ticket.tlfExtSolicita}}</span>
                            </div>
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label">Correo:</label>
                                <span>{{ticket.emailExtSolicita}}</span>
                            </div>
                        </div>

                    {% endif %}
                {% endif %}
                <div class="row">
                    {% if   proyectoDatosOpen == true%}
                        {% if proyectoDatosOpen.fechaFalla == 1 %}
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label">Fecha Falla</label>

    <span id="fechaFallaValue">{{ticket.fechaFalla|date('Y-m-d H:i:s')}}

    </span>
                            </div>
                        {% endif %}
                    {% endif %}
                    {% if   proyectoDatosOpen == true%}
                        {% if proyectoDatosOpen.idtipofallas == 1 %}
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label">Tipo Falla</label>
                                <span>{{ticket.tipoFallas}}</span>
                            </div>
                        {% endif %}
                    {% endif %}
                    {% if   proyectoDatosOpen == true%}
                        {% if proyectoDatosOpen.idfallas == 1 %}
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label">IMPACTO</label>
                                <span>{{ticket.fallas}}</span>
                            </div>
                        {% endif %}
                    {% endif %}
                </div>


                <div class="row">
                    {% if   proyectoDatosOpen == true%}
                        {% if proyectoDatosOpen.fechaInicioAct == 1 %}
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file"  class="control-label">{% if is_granted("ROLE_COORDINADOR") %} {{'ticketDetail.planinstallationdate' | trans}}: {%else%} FECHA INICIO: {%endif%}</label>


    <span id="fechaInicioActValue">{{ticket.fechaInicioAct|date('Y-m-d H:i:s')}}

    </span>

                            </div>
                        {% endif %}
                    {% endif %}

                    {% if   proyectoDatosOpen == true  %}
                        {% if proyectoDatosOpen.fechaFinPro == 1 %}
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file" class="control-label">{{'ticketDetail.endprocess' | trans}}: </label>
                <span id="fechaFinProValue">{{ticket.fechaFinPro|date('Y-m-d H:i:s')}}

    </span>
                            </div>
                        {% endif %}
                    {% endif %}
                    {% if   proyectoDatosOpen == true%}
                        {% if proyectoDatosOpen.fechaInicioAct == 1 and  proyectoDatosOpen.fechaFinPro == 1 %}
                            <div class=" col-lg-4 col-xs-12 col-md-4 ">
                                <label for="file"  data-date-format="YYYY-MM-DD HH:mm"  class="control-label">Duración Actividad</label>
                                <span>{{ticket.duracion}}</span>
                            </div>
                        {% endif %}
                    {% endif %}
                </div>






                {% for ticketsDato in ticketsDatos %}
                    <div class="row">

                        <div class=" col-lg-8 col-xs-12 col-md-8 ">
                            <label for="file" class="control-label">{{ticketsDato.etiqueta | trans}}</label>
                            {% if(ticketsDato.type == "date") %}

                                <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor }}

                                    </span>
                            {%elseif(ticketsDato.type == "datetime") %}

                                <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}

                                    </span>
                            {%elseif(ticketsDato.type == "text") %}

                                <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}

                                    </span>



                            {% elseif(ticketsDato.type == "textarea") %}



                                <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}

                                    </span>



                            {%elseif(ticketsDato.type == "select") %}

                                <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}

    </span>



                            {%elseif(ticketsDato.type == "longSelect") %}

                                <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}
          </span>







                            {% elseif(ticketsDato.type == "number") %}


                                <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}

            </span>


                            {% elseif(ticketsDato.type == "time") %}





                                <span id="{{ticketsDato.idetiquetas}}Value">{{ticketsDato.valor}}

            </span>



                            {% endif %}
                        </div>
                    </div>
                {% endfor %}
                {% if   proyectoDatosOpen == true%}
                    {% if proyectoDatosOpen.observacion == 1 %}
                        <div class="row">
                            <div class=" col-lg-2 col-xs-12 col-md-2 ">
                                <label for="file" class="control-label">DESCRIPCION:</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class=" col-lg-12 col-xs-12 col-md-12 ">



    <span id="observacionValue">{{ticket.observacion}}

      </span>


                            </div>
                        </div>
                    {% endif %}
                {% endif %}

            {% endfor %}
        </div>


<div class="col-xs-12 col-md-12 col-lg-6 table-bordered " style=" min-height: 280px;" >
        <table class="ui-widget ui-widget-content negrillas  col-xs-12 col-lg-12 col-md-12"  style="margin: auto; padding: 20px">
             <tr>
                                <td class="nombreCampo">PROCESO A TOMAR</td>
                                <td>
            <select  id="idprocesos" name="campo[idprocesos]">
                {% if tickets.0.idtipoProceso == 204 %}
                <option value="36">Servicio</option>
                {% endif %}
                {% if tickets.0.idtipoProceso == 206 %}
                <option value="28">Correctivo Repuesto</option>
                {% endif %}
                {% if tickets.0.idtipoProceso == 205 %}
                <option value="29">Correctivo Ventana Mtto</option>
                {% endif %}
            </select>
                                    </td>
                 </tr>
            </table>
        <div id="takeHallazgos"></div>

</div>




{% endblock %}