@extends('plantilla')
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
    globalId = '0';
    
</script>
@endsection
@section('titulo', "Incidente #$globalId")
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/incidentes">Incidentes</a></li>
    <li class="breadcrumb-item active">Nuevo</li>
</ol>
@endsection
@section('contenido')
        <div class="row">
            <div id = "msg"></div>
                    </div>
            <form id="form1" name="form1" method="POST" enctype="multipart/form-data">
                <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>

                <ul class="nav nav-tabs" id="myTab" role="tablist">
                  <li class="nav-item">
                    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#tab-incidente" role="tab" aria-controls="home" aria-selected="true">Incidente</a>
                  </li>
                  @if(isset($incidente) == true)
                    <li class="nav-item">
                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#tab-seguimiento" role="tab" aria-controls="profile" aria-selected="false">Seguimiento</a>
                    </li>
                  @endif
                    @if(isset($incidente))
                        @foreach ($array_incidente_us as $user)
                            @if($user->fk_usuario_id == Session::get('usuario_id') and ($user->tipo == INCIDENTE_USUARIO_ASIGNADO or $user->tipo == INCIDENTE_USUARIO_SOLICITANTE))
                                <li class="nav-item">
                                    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#tab-solucion" role="tab" aria-controls="contact" aria-selected="false">Solución</a>
                                </li>
                                @break;
                            @endif
                        @endforeach
                    @endif
                </ul>

                <div class="tab-content">
                    <div id="tab-incidente" class="tab-pane fade show active">
                    
                        <h3>Datos generales</h3>
                        <div class="row">
                            <div class="form-group col-lg-2">
                                <label>Fecha de apertura</label>
                                <p>{{ $fecha_actual or $incidente->fecha_alta }}</p>
                            </div>
                            <div class="form-group col-lg-10">
                                <label>Última modificación</label>
                                <p>{{ $incidente->fecha_modificado or ''}} {{ $incidente->usuario_modif or ''}}</p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-lg-4">
                                <label>Categoría (*)</label>
                                <select id="lstCategoria" name="lstCategoria" class="form-control" required>
                                @for ($i = 0; $i < count($array_categoria); $i++)
                                    @if (isset($incidente) and $array_categoria[$i]->id == $incidente->fk_categoria_id)
                                        <option selected value="{{ $array_categoria[$i]->id }}">{{ $array_categoria[$i]->nombre }}</option>
                                    @else
                                        <option value="{{ $array_categoria[$i]->id }}">{{ $array_categoria[$i]->nombre }}</option>
                                    @endif
                                @endfor
                                </select>
                            </div>
                            <div class="form-group col-lg-4">
                                <label>Estado (*)</label>
                                <select id="lstEstado" name="lstEstado" class="form-control" required>
                                @for ($i = 0; $i < count($array_estado); $i++)
                                    @if (isset($incidente) and  $array_estado[$i]->id == $incidente->fk_estado_id)
                                        <option selected value="{{ $array_estado[$i]->id }}">{{ $array_estado[$i]->nombre }}</option>
                                    @else
                                        <option value="{{ $array_estado[$i]->id }}">{{ $array_estado[$i]->nombre }}</option>
                                    @endif
                                @endfor
                                </select>
                            </div>
                            <div class="form-group col-lg-4">
                                <label>Prioridad (*)</label>
                                <select id="lstPrioridad" name="lstPrioridad" class="form-control" required>
                                @for ($i = 0; $i < count($array_prioridad); $i++)
                                    @if (isset($incidente) and $array_prioridad[$i]->id == $incidente->fk_prioridad_id)
                                        <option selected value="{{ $array_prioridad[$i]->id }}">{{ $array_prioridad[$i]->nombre }}</option>
                                    @else
                                        <option value="{{ $array_prioridad[$i]->id }}">{{ $array_prioridad[$i]->nombre }}</option>
                                    @endif
                                @endfor
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="card mb-3">
                                    <div class="card-header text-white bg-warning o-hidden">
                                        <i class="fa fa-user-o"></i> Solicitante
                                    </div>
                                    <div class="card-body small">
                                        <div id="divSolicitanteUsuarioDinamico"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="card mb-3">
                                    <div class="card-header text-white bg-warning o-hidden">
                                      <i class="fa fa-user-o"></i> Observador
                                    </div>
                                    <div class="card-body small">
                                        <div id="divObservadorUsuarioDinamico"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="card mb-3">
                                    <div class="card-header text-white bg-danger o-hidden">
                                      <i class="fa fa-user-o"></i> Asignado
                                    </div>
                                    <div class="card-body small">
                                        <div id="divAsignadoUsuarioDinamico"></div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="form-group col-lg-12" style="clear: both">
                                <label>Titulo (*)</label>
                                @if($globalId > 0)
                                        <input type="text" id="txtTitulo" name="txtTitulo" class="form-control" value="{{$incidente->titulo or ''}}" disabled>
                                @else
                                        <input type="text" id="txtTitulo" name="txtTitulo" class="form-control" value="{{$incidente->titulo or ''}}" required>
                                @endif
                            </div>
                            <div class="form-group col-lg-12">
                                <label>Descripci&oacute;n (*)</label>
                                @if($globalId > 0)
                                <textarea rows="8" id="txtDescripcion" name="txtDescripcion" class="form-control" disabled>{{$incidente->descripcion or ''}}</textarea>
                                @else
                                <textarea rows="8" id="txtDescripcion" name="txtDescripcion" class="form-control" required>{{$incidente->descripcion or ''}}</textarea>
                                @endif
                            </div>
                            <div style="clear:both"> 
                            </div>
                        </div>
                        </form>
                        <div class="form-group col-lg-12 botonera">
                            <input type="button" class="btn btn-lg btn-danger" value="Cancelar" onclick="location.href = '/incidentes';">
                            @if(isset($incidente) == false)
                                <input type="submit" id="btnEnviar" name="btnEnviar" class="btn btn-lg btn-success" value="Guardar">
                            @else
                                @foreach ($array_incidente_us as $user)
                                    @if(($user->fk_usuario_id == Session::get('usuario_id') and ($user->tipo == INCIDENTE_USUARIO_ASIGNADO or $user->tipo == INCIDENTE_USUARIO_SOLICITANTE)) or Patente::autorizarOperacion("INCIDENTE_ADMINISTRADOR"))
                                        <input type="submit" id="btnEnviar" name="btnEnviar" class="btn btn-lg btn-success" value="Guardar">
                                        @break;
                                    @endif
                                @endforeach
                            @endif
                        </div>

                    </div>
                    @if(isset($incidente) == true)
                    <div id="tab-seguimiento" class="tab-pane fade">
                        <h3>Seguimiento</h3>
                        @if(isset($incidente))
                            @foreach ($array_incidente_us as $user)
                                @if($user->fk_usuario_id == Session::get('usuario_id') and ($user->tipo == INCIDENTE_USUARIO_ASIGNADO or $user->tipo == INCIDENTE_USUARIO_SOLICITANTE))
                                    <div class="row">
                                        <div class="form-group col-lg-12">
                                            <label>Descripci&oacute;n (*)</label>
                                            <textarea rows="8" id="txtSeguimiento" name="txtSeguimiento" class="form-control" required></textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-lg-12">
                                            <label>Adjuntos</label>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-lg-12 botonera">
                                            <input type="submit" id="btnAgregarSeguimiento" name="btnAgregarSeguimiento" class="btn btn-lg btn-secondary" value="Agregar">
                                        </div>
                                    </div>
                                    @break;
                                @endif
                            @endforeach
                        @endif
                        <div id="divSeguimiento"></div>
                        <div class="form-group card text-white bg-primary">
                          <div class="card-header">{{$incidente->fecha_alta or ''}}</div>
                          <div class="card-body">
                            <h5 class="card-title">{{$incidente->titulo or ''}}</h5>
                            <p class="card-text">{{$incidente->descripcion or ''}}</p>
                          </div>
                        </div>

                    </div>
                    @endif
                    @if(isset($incidente))
                            @foreach ($array_incidente_us as $user)
                                @if($user->fk_usuario_id == Session::get('usuario_id') and ($user->tipo == INCIDENTE_USUARIO_ASIGNADO or $user->tipo == INCIDENTE_USUARIO_SOLICITANTE))
                       <div id="tab-solucion" class="tab-pane fade">
                        <h3>Solución</h3>
                        @if($incidente->fk_estado_id == INCIDENTE_RESUELTO or $incidente->fk_estado_id == INCIDENTE_CERRADO)
                        <div id="divSolucion">
                        </div>
                        @endif
                        <div class="form-group col-lg-12">
                            <label>Descripci&oacute;n (*)</label>
                            <textarea rows="8" id="txtSolucion" name="txtSolucion" class="form-control" required>{{$incidente->solucion or ''}}</textarea>
                        </div>
                        <div class="form-group col-lg-12 botonera">
                            @if(isset($incidente))
                                @foreach ($array_incidente_us as $user)
                                    @if($user->fk_usuario_id == Session::get('usuario_id') and $user->tipo == INCIDENTE_USUARIO_SOLICITANTE and ($incidente->fk_estado_id == INCIDENTE_RESUELTO or $incidente->fk_estado_id == INCIDENTE_CERRADO))
                                        <input type="button" class="btn btn-lg btn-danger" value="Rechazar" onclick="abrirRechazarSolucion();">
                                        
                                        <div class="modal fade" id="modalRechazarSolucion" tabindex="-1" role="dialog" aria-labelledby="modalRechazarSolucion" aria-hidden="true">
                                          <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                              <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">¿Desea rechazar la solución?</h5>
                                                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                                                  <span aria-hidden="true">×</span>
                                                </button>
                                              </div>
                                              <div class="modal-body">Seleccciona "Aceptar" para rechazar la solución.</div>
                                              <div class="modal-footer">
                                                <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancelar</button>
                                                <input type="submit" id="btnRechazarSolucion" name="btnRechazarSolucion" class="btn btn-primary" value="Aceptar">
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                    @endif
                                    @if($user->fk_usuario_id == Session::get('usuario_id') and $user->tipo == INCIDENTE_USUARIO_SOLICITANTE and $incidente->fk_estado_id == INCIDENTE_RESUELTO)
                                        <input type="submit" id="btnAprobarSolucion" name="btnAprobarSolucion" class="btn btn-lg btn-success" value="Aprobar">
                                    @endif
                                    @if($user->fk_usuario_id == Session::get('usuario_id') and $user->tipo == INCIDENTE_USUARIO_ASIGNADO and $incidente->fk_estado_id != INCIDENTE_RESUELTO and $incidente->fk_estado_id != INCIDENTE_CERRADO)
                                        <input type="submit" id="btnEnviarSolucion" name="btnEnviarSolucion" class="btn btn-lg btn-warning" value="Enviar solución">
                                    @endif
                                @endforeach
                            @endif
                        </div>
                    </div>
                                    @break;
                                @endif
                            @endforeach
                        @endif                   
                </div>

            </form>

<script>

    $("#form1").validate();

    json_usuario = '';

    function frechazarSolucion(){
        motivo = $("#txtSolucion").val();
        if(motivo != ""){
            $.ajax({
                type: "GET",
                url: "{{ asset('incidente/rechazar_solucion') }}",
                data: { id:globalId, motivo:motivo },
                async: true,
                dataType: "json",
                success: function (data) {
                    if (data.ESTADO = "success") {
                        $("#lstEstado").val("6");
                        $('#mdlRechazar').modal('toggle');
                        $('.nav-tabs a[href="#tab-incidente"]').tab('show');
                        $("#txtSolucion").val("");
                    }
                    msgShow(data.MSG, data.ESTADO);
                }
            });
        }
    }

    function faprobarSolucion(){
        motivo = $("#txtSolucion").val();
        if(motivo != ""){
            $.ajax({
                type: "GET",
                url: "{{ asset('incidente/aprobar_solucion') }}",
                data: { id:globalId, motivo:motivo },
                async: true,
                dataType: "json",
                success: function (data) {
                    if (data.ESTADO = "success") {
                        $("#lstEstado").val("6");
                        $('#mdlRechazar').modal('toggle');
                        $('.nav-tabs a[href="#tab-incidente"]').tab('show');
                        $("#txtSolucion").val("");
                    }
                    msgShow(data.MSG, data.ESTADO);
                }
            });
        }
    }

    function abrirRechazarSolucion(){
        $('#modalRechazarSolucion').modal('toggle');
    }

    function agregarAttachment(idDiv, parametro, nombre_json_datos, etiqueta) {
        json_datos = eval(nombre_json_datos);
        var num = parametro + 1;
        $("<div>", {
            id: "divCelda_" + num,
            class: "form-group col-lg-12"
        }
        ).append($("<label>", {

        })).appendTo("#" + idDiv);
        $("<select>",
                {
                    id: "lstDinamico_" + num,
                    name: "lst" + idDiv + "[]",
                    class: "form-control  col-lg-10",
                    style: "display:inline"
                }
        ).appendTo("#" + idDiv + " #divCelda_" + num);
//Agrega opciones
        var rows = json_datos;
        for (i = 0; i < rows.length; i++) {
            $("<option>", {
                value: rows[i]["id"],
                text: rows[i]["nombre"]
            }
            ).appendTo("#" + idDiv + " #lstDinamico_" + num);
        }
        $("#" + idDiv + " #lstDinamico_" + num).prop("selectedIndex", "-1");

        $("<div>", {
            id: "divAddAtt_" + num,
            class: "fa fa-plus-circle boton-agregar  col-lg-1",
            onclick: "agregarAttachment('" + idDiv + "'," + num + ",'" + nombre_json_datos + "','" + etiqueta + "')"
        }
        ).appendTo("#" + idDiv + " #divCelda_" + num);

        $("<div>", {
            id: "divAddAtt_" + num,
            class: "fa fa-trash boton-quitar  col-lg-1",
            onclick: "quitarAttachment('" + idDiv + "'," + num + ",'" + nombre_json_datos + "','" + etiqueta + "')"
        }
        ).appendTo("#" + idDiv + " #divCelda_" + num);
    }

    function seleccionarAttachment(idDiv, parametro, valor) {
        $('#' + idDiv + ' #lstDinamico_' + (parametro + 1)).val(valor);
    }

    function quitarAttachment(idDiv, parametro) {
        $("#" + idDiv + " #divCelda_" + parametro).remove();
    }

    function abrirRechazarSolucion() {
        $('#modalRechazarSolucion').modal('toggle');
    }

    function agregarSeguimiento(idDiv, parametro, titulo, subtitulo, descripcion, tipo) {
        var num = parametro + 1;
        $("<div>", {
            id: "divSeguimiento_" + num,
            class: "form-group card " + tipo
        }).append($("<div>", {
            id: "divTituloSeguimiento_" + num,
            class: "card-header"
        })).appendTo("#" + idDiv);

        $("<hi>", {
            class: "fa fa-clock-o"
        }).appendTo("#divTituloSeguimiento_" + num);


        $("<span>", {
            class: "card-title",
            text: " " + titulo
        }).appendTo("#divTituloSeguimiento_" + num);

        $("<div>", {
            class: "card-body"
        }).append($("<h5>", {
            class: "card-title",
            text: subtitulo
        })).append($("<p>", {
            class: "card-text"
        })).appendTo("#divSeguimiento_" + num);
        descripcion = descripcion.replace('"','');
        descripcion = descripcion.replace('\n','<br />');
        $("#divSeguimiento_" + num + " p").html(descripcion.substr(6, descripcion.length - 12));
    }


    @if (isset($incidente))
        @php ($pos = 0)
        @foreach ($array_incidente_us as $user)

            @if($user->tipo == 'S')
                agregarAttachment('divSolicitanteUsuarioDinamico', {{ $pos }}, 'json_usuario', 'Usuario');
                seleccionarAttachment('divSolicitanteUsuarioDinamico', {{ $pos }},  {{  $user->fk_usuario_id }});
            @endif
            @if($user->tipo == 'O')
                agregarAttachment('divObservadorUsuarioDinamico', {{ $pos }}, 'json_usuario', 'Usuario');
                seleccionarAttachment('divObservadorUsuarioDinamico', {{ $pos }},  {{  $user->fk_usuario_id }});
            @endif
            @if($user->tipo == 'A')
                agregarAttachment('divAsignadoUsuarioDinamico', {{ $pos }}, 'json_usuario', 'Usuario');
                seleccionarAttachment('divAsignadoUsuarioDinamico', {{ $pos }},  {{  $user->fk_usuario_id }});
            @endif
            
            @php ($pos++)
        @endforeach

        @php ($pos = 0)


        @php ($pos = 0)
        @php ($inicio = true)
        @foreach ($array_seguimiento as $seguimiento)
            @if($seguimiento->tipo == INCIDENTE_SEGUIMIENTO_INFORMATIVO)
                agregarSeguimiento("divSeguimiento", {{ $pos }}, "{{ $seguimiento->fecha }}", "{{ $seguimiento->apellido . ' '. $seguimiento->nombre }}", "{{ json_encode($seguimiento->descripcion) }}", "text-white bg-primary");
            @endif
            @if($seguimiento->tipo == INCIDENTE_SEGUIMIENTO_TEXTO)
                agregarSeguimiento("divSeguimiento", {{ $pos }}, "{{ $seguimiento->fecha }}", "{{ $seguimiento->apellido . ' '. $seguimiento->nombre }}", "{{ json_encode($seguimiento->descripcion) }}", "bg-light");
            @endif
            @if($seguimiento->tipo == INCIDENTE_SEGUIMIENTO_RECHAZADO)
                agregarSeguimiento("divSeguimiento", {{ $pos }}, "{{ $seguimiento->fecha }}", "{{ $seguimiento->apellido . ' '. $seguimiento->nombre }}", "{{ json_encode($seguimiento->descripcion) }}", "text-white bg-danger");
            @endif
            @if($seguimiento->tipo == INCIDENTE_SEGUIMIENTO_SOLUCION)
                agregarSeguimiento("divSeguimiento", {{ $pos }}, "{{ $seguimiento->fecha }}", "{{ $seguimiento->apellido . ' '. $seguimiento->nombre }}", "{{ json_encode($seguimiento->descripcion) }}", "bg-warning");
                @if($inicio == true)
                    @php ($pos++)
                    agregarSeguimiento("divSolucion", {{ $pos }}, "{{ $seguimiento->fecha }}", "{{ $seguimiento->apellido . ' '. $seguimiento->nombre }}", "{{ json_encode($seguimiento->descripcion) }}", "bg-warning");
                    @php ($inicio = false)
                @endif
            @endif
            @if($seguimiento->tipo == INCIDENTE_SEGUIMIENTO_APROBADO)
                agregarSeguimiento("divSeguimiento", {{ $pos }}, "{{ $seguimiento->fecha }}", "{{ $seguimiento->apellido . ' '. $seguimiento->nombre }}", "{{ json_encode($seguimiento->descripcion) }}", "text-white bg-success");
            @endif
            
            @php ($pos++)
        @endforeach
    @else
    @endif

    if($("#divSolicitanteUsuarioDinamico select").length == 0)
        agregarAttachment('divSolicitanteUsuarioDinamico',0, "json_usuario", "Usuario");
    if($("#divObservadorUsuarioDinamico select").length == 0)
        agregarAttachment('divObservadorUsuarioDinamico',0, "json_usuario", "Usuario");
    if($("#divAsignadoUsuarioDinamico select").length == 0)
        agregarAttachment('divAsignadoUsuarioDinamico',0, "json_usuario", "Usuario");


    @if(isset($incidente) == false)
        $("#lstCategoria").prop("selectedIndex", "-1");
        $('#divSolicitanteUsuarioDinamico #lstDinamico_1').val("{{ Session::get('usuario_id') }}");
        $('#divAsignadoUsuarioDinamico #lstDinamico_1').val("{{ Session::get('usuario_id') }}");
        $('#divObservadorUsuarioDinamico select').prop("selectedIndex", "-1");
        $("#lstPrioridad").val("3");
    @endif

</script>
@endsection