@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <style>
        .control-documentos-table th,
        .control-documentos-table td {
            text-align: center !important;
            vertical-align: middle !important;
        }

        .control-documentos-table .ui.tiny.icon.buttons {
            justify-content: center;
        }

        .control-documentos-table .col-nombre-documento {
            min-width: 260px;
            max-width: none;
            overflow-wrap: anywhere;
            white-space: normal !important;
            text-align: left !important;
        }

        .control-documentos-table .ui.label,
        .control-documentos-table .btn,
        .control-documentos-table .ui.button {
            font-size: 12px;
        }
    </style>
    <div class="ui big breadcrumb">
        <div class="section">Sistema de gestión</div>
        <i class="right chevron icon divider"></i>
        {{-- Texto visible homologado del módulo. --}}
        <div class="active section">Control de Documentos</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    {{-- El módulo carga únicamente su modal; las notificaciones globales se muestran mediante el flujo legacy del layout. --}}
    @include('Control_documentos.Notificacion.notificacion_documento_version')
	@if ($permisos->crear == 1)
    <button class="ui button fluid primary create_documento_modal">
        <i class="pencil alternate icon"></i> Nuevo documento
    </button>
	@endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center">{{ $datos_documentos->count() }} resultados en esta página</p>
            <table id="lang-dt" class="ui celled table unstackable control-documentos-table">
                <thead>
                    <tr>
                        <th class="col-nombre-documento">Nombre del documento</th>
                        <th>Tipo de documento</th>
                        <th>Módulo relacionado</th>
                        <th>Área</th>
                        <th>Versión activa</th>
                        @if($es_gerente)
                        <th>Estatus de difusión</th>
                        @endif
                        <th class="collapsing">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($datos_documentos as $dato_documento)
                    @php
                        $modulos_documento = modulos_documento($dato_documento->id_documento);
                        $lineas = lineas_documento($dato_documento->id_documento);
                    @endphp

                    <tr>
                        <td class="col-nombre-documento">{{$dato_documento->nombre_documento}}</td>
                        <td>{{$dato_documento->tipo_documento}}</td>
                        <td>{{$modulos_documento}}</td>
                        <td>{{$lineas}}</td>
                        <td>{{$dato_documento->version_activa_mostrada}}</td>
                        @if($es_gerente)
                        <td>{!! $dato_documento->estatus_difusion_html !!}</td>
                        @endif

                        <td>
                            <div class="ui tiny icon buttons">
                                <a href="{{url('versiones_documento/'.$dato_documento->id_documento)}}" class="ui button orange">
                                    <i class="right arrow icon"></i>
                                </a>

                                @if ($permisos->actualizar == 1)
                                <a class="ui button green edit_documento_modal" id="{{$dato_documento->id_documento}}">
                                    <i class="pencil alternate icon"></i>
                                </a>
                                @endif

                                @if ($permisos->eliminar == 1 && $dato_documento->categoria_documento != "Generado por sistema")
                                <button class="ui button red eliminarDocumento" id="{{$dato_documento->id_documento}}" data-nombre="{{$dato_documento->nombre_documento}}">
                                    <i class="trash alternate icon"></i>
                                </button>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @php
        use App\Documento_x_Modulo;
        function modulos_documento($id_documento){
            $datos = Documento_x_Modulo::select('modulos.nombre as nombre_modulo')
            ->join('modulos', 'documento_x_modulos.id_modulo', '=', 'modulos.id_modulo')
            ->where('documento_x_modulos.id_documento',$id_documento)
            ->get();

            $modulos = "";
            foreach ($datos as $value) {
                $modulos .= $value->nombre_modulo;
                if (count($datos)>1) {
                    $modulos .= ", ";
                }
            }
            return $modulos != "" ? rtrim($modulos, ", ") : "N/A";
        }

        function lineas_documento($id_documento){
            $datos = DB::table('documento_x_linea_trabajo')
                ->join('linea_trabajos','documento_x_linea_trabajo.id_linea_trabajo','=','linea_trabajos.id_linea_trabajo')
                ->where('documento_x_linea_trabajo.id_documento',$id_documento)
                ->where('linea_trabajos.estatus',1)
                ->get();

            $lineas = "";
            foreach ($datos as $value) {
                $lineas .= $value->linea_trabajo . ", ";
            }

            $lineas = rtrim($lineas, ", ");
            return $lineas != "" ? $lineas : "N/A";
        }
    @endphp
    @include('Control_documentos.create_modal')
    <script>
        $(document).on('click','.create_documento_modal',function(){
            $('#create_documento_modal').modal('show');
        });
    </script>
    @include('Control_documentos.edit_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_documento_modal').on('click', function(){
                showLoader();
                id_documento = $(this).attr('id');
                $('#id_documento_update').val(id_documento);

                $.ajax({
                    url:"show_documento",
                    method:"POST",
                    data:{'id_documento': id_documento, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        resultData = response.data;
                        hideLoader();
                        $('#edit_documento_modal').modal('show');
                    }
                });

            });
        });

        $('#edit_documento_modal').on('show.bs.modal', function () {

        input_arr = ['categoria_documento','nombre_documento'];

        $.each(input_arr, function(key, value) {
            $('#edit_documento_modal #'+value).val(resultData['datos_documento'][value]);
            $('#edit_documento_modal #'+value).selectpicker('val',resultData['datos_documento'][value]);
        });

        let tipo = (resultData['datos_documento']['tipo_documento'] || '').trim();
        let opciones = ["Procedimiento","Manual","Formato","Documento de apoyo"];

        if(!opciones.includes(tipo)){

            $('#edit_tipo_documento')
                .val("Otro")
                .selectpicker('refresh');

            $('#edit_grupo_otro_tipo').show();
            $('#edit_tipo_documento_otro').val(tipo);

        }else{

            $('#edit_tipo_documento')
                .val(tipo)
                .selectpicker('refresh');

            $('#edit_grupo_otro_tipo').hide();
            $('#edit_tipo_documento_otro').val('');
        }

            let opciones_modulos = [];

            if(resultData['datos_modulos'] && resultData['datos_modulos'].length > 0){

                for(const opcion of resultData['datos_modulos']){
                    opciones_modulos.push(opcion.id_modulo);
                }

            }else{
                opciones_modulos = ["0"];
            }

            $('#edit_documento_modal #modulos').selectpicker("val", opciones_modulos);

            let lineas = [];

            if(resultData['lineas_trabajo']){
                for(const linea of resultData['lineas_trabajo']){
                    lineas.push(linea.id_linea_trabajo);
                }
            }

            $('#edit_documento_modal #lineas_trabajo').selectpicker("val", lineas);

        });

        $(document).on('change','#edit_documento_modal #modulos',function(){

            let valores = $(this).val();

            if(valores && valores.includes("0")){
                $('#edit_documento_modal #modulos')
                    .selectpicker('val', ["0"]);
            }

        });

        $(document).on('changed.bs.select','#edit_tipo_documento',function(){

            let val = $(this).val();

            if(val === "Otro"){
                $('#edit_grupo_otro_tipo').show();
            }else{
                $('#edit_grupo_otro_tipo').hide();
                $('#edit_tipo_documento_otro').val('');
            }

        });
    </script>
    @include('Control_documentos.delete_modal')
    <script>
        $(document).on('click','.eliminarDocumento',function(){
            var id_documento = $(this).attr('id');
            var nombre=$(this).attr('data-nombre');

            $('#id_documento_delete').val(id_documento);
            $('#nombre_delete').html(nombre);

            $('#delete_documento_modal').modal('show');
        });
    </script>
@endsection