@extends('layouts.meeting')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('meetings.list') !!}
@endsection
@section('content-meeting')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/css/jquery-ui.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script src="/assets/js/jquery.mjs.nestedSortable.js"></script>
    <link href="/assets/plugins/chosen/chosen.min.css" rel="stylesheet">

    <style>
        .container ul {
            list-style: none;
        }

        @media print {
            .noprint {
                display: none !important;
            }
        }

        .limheight {
            margin-bottom: 0px;
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            /*3 in those rules is just placeholder -- can be anything*/
        }

        .limheight li {
            display: inline-block;
            /*necessary*/
            width: 100%;
        }

        .chosen-container {
            width: 100% !important;
        }

        .document_list {
            margin-left: 5px;
            font-style: italic;
            color: #999;
            text-align: justify;
        }

        .chosen-container .chosen-results li {
            height: 55px;
        }

        .btn-info {
            background-color: #3BAFDA;
            border-color: #3BAFDA;
            margin-left: -30px;
            width: 133px;
        }
    </style>
    <script type="text/javascript">
        function deleteConfirmation(id) {
            swal({
                title: "Delete?",
                text: "Please ensure and then confirm!",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: "No, cancel!",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                    $.ajax({
                        type: 'POST',
                        url: "{{ url('/delete') }}/" + id,
                        data: {
                            _token: CSRF_TOKEN
                        },
                        dataType: 'JSON',
                    }).then((results) => {
                        swal("Done!", results.message, "success");
                    }).catch((error) => {
                        swal("Error!", results.message, "error");
                    });
                } else {
                    e.dismiss;
                }
            }, function(dismiss) {
                return false;
            })
        }

        function imprimir() {

            var conteudo = document.getElementById('print').innerHTML;
            var tela = window.open('about:blank');
            tela.document.write(conteudo);
            tela.window.print();
            tela.window.close();
        }
    </script>
    <div class="" id="print">
        <div class="the-box rounded">
            <div class="col-md-9">
                <h2>Pauta da sessão</h2>
            </div>
            <div class="col-md-12">
                <a href="/meeting/pauta/{{ $meeting_id }}/pdf" target="_blank"><button
                        class="pull-right btn btn-info btn-rounded-lg"><i class="fa fa-file-pdf-o"></i> GERAR PDF
                    </button></a>

            </div>
            <br />

            @shield('list.signers')
                <div class="col-md-9">
                    <h2>Assinatura Digital</h2>
                </div>
                @php
                    $type = $type ?? 'pauta';
                    $signer = \App\Models\SignatureSigners::where('id_document', $meeting_id)
                        ->where('document_type', '!=', 'ata')
                        ->first();

                    $checkStatus = null;
                    if ($signer) {
                        $checkStatus = $signer->status === 'SIGNED' ? 'SIGNED' : 'PENDING';
                    }

                    $url = request()->getHost();
                @endphp
                <div class="col-md-12 text-right">
                    @if ($checkStatus === 'PENDING')
                        <div class="d-flex align-items-center gap-2">
                            <span class="btn btn-warning btn-sm">
                                <i class="fas fa-hourglass-half"></i> Aguardando assinaturas
                            </span>
                            <button type="button" class="btn btn-danger btn-sm"
                                onclick="window.location.href='{{ url('/document/start/signature/delete/' . $meeting_id) }}'">
                                Cancelar pedido de assinatura
                            </button>
                        </div>
                    @elseif($checkStatus === 'SIGNED')
                        <span class="badge badge-success p-2">
                            <i class="fas fa-check"></i> Documento assinado
                        </span>
                        <a href="{!! route('signature.pdf.download', [$meeting_id, $type]) !!}" target="_blank" class="badge badge-danger p-2 icon-btn shadow-sm"
                            title="Download">
                            <i class="fas fa-download"> Download </i>
                        </a>
                    @else
                        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modalSignatureLot">
                            <i class="fas fa-pen-alt"></i> ASSINAR
                        </button>
                    @endif
                </div>
            @endshield
            {{-- <div class="col-md-3 noprint"> --}}
            {{-- <a href="" target="_blank"><button class="pull-right btn btn-info btn-rounded-lg" onclick="imprimir()"><i class="fa fa-file-pdf-o"></i> GERAR PDF </button></a> --}}
            {{-- </div> --}}


            <div class="clearfix"></div>

            

            <div class="">
                <ul class="">
                    @foreach ($structurepautas as $reg)
                        {!! renderNode($reg, 0, 0, $meeting_id) !!}
                    @endforeach
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="col-md-12 the-box rounded">
            <a href="/meetings"><button class="btn btn-default">Voltar</button></a>
        </div>
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">ADICIONAR DOCUMENTO</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12 form-group">

                        <input type="hidden" class="form-control" name="meeting" id="meeting_doc"
                            value="{{ $meeting_id }}">
                        <br>


                        <input type="hidden" class="form-control" name="structure" id="struct_doc"><br>


                        {!! Form::label('document_id', 'Documento:') !!}
                        {!! Form::select('document_id', $docs, null, ['class' => 'chosen form-control']) !!}

                        {!! Form::label('observation', 'Observação:') !!}
                        {!! Form::textarea('observation', null, ['class' => 'form-control']) !!}

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    <button type="button" onclick="addDocument()" class="btn btn-primary">Adicionar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">ADICIONAR PROJETOS DE LEI</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12 form-group">

                        <input type="hidden" class="form-control" name="meeting" id="meeting_law"
                            value="{{ $meeting_id }}">
                        <br>


                        <input type="hidden" class="form-control" name="structure" id="struct_law"><br>


                        {!! Form::label('project_law_id', 'Projeto de lei:') !!}
                        {!! Form::select('project_law_id', $lawscreate, null, ['class' => 'chosen form-control']) !!}
                        {!! Form::label('observation', 'Observação:') !!}
                        {!! Form::textarea('observation', null, ['id' => 'observation_law', 'class' => 'form-control']) !!}

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    <button type="button" onclick="addProjectLaw()" class="btn btn-primary">Adicionar</button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">ADICIONAR PARECER</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12 form-group">

                        <input type="hidden" class="form-control" name="meeting" id="meeting_advice"
                            value="{{ $meeting_id }}"> <br>
                        <input type="hidden" class="form-control" name="structure" id="struct_advice"><br>

                        {!! Form::label('advice_id', 'Parecer:') !!}
                        {!! Form::select('advice_id', $advices, null, ['class' => 'chosen form-control']) !!}

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    <button type="button" onclick="addAdvices()" class="btn btn-primary">Adicionar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">ADICIONAR ATA</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12 form-group">

                        <input type="hidden" class="form-control" name="meeting" id="meeting_ata"
                            value="{{ $meeting_id }}"> <br>
                        <input type="hidden" class="form-control" name="structure" id="struct_ata"><br>
                                                {!! Form::label('ata_id', 'ATA:') !!}
                        {!! Form::select('ata_id', $ataOptions, null, ['class' => 'chosen form-control']) !!}

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    <button type="button" onclick="addAta()" class="btn btn-primary">Adicionar</button>
                </div>
            </div>
        </div>
    </div>



    <!-- Modal Signature Lot-->
    <div class="modal fade" id="modalSignatureLot" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <img src="{{ asset('assets/images/assinatura-digital-image.png') }}" style="width: 100px;">
                    <h5 class="modal-title" id="lot-modal-title">Configurações de Assinatura</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <form>
                    @csrf
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <input type="hidden" name="meeting_id" value="{{ $meeting_id }}" />
                                <input type="hidden" name="type" value="pauta" />

                                <!-- Parlamentares Assinando -->
                                <div class="form-group">
                                    <label for="assemblymen" class="d-block">
                                        <i class="fa fa-user-plus"></i> Parlamentares Assinando
                                    </label>
                                    {!! Form::select('assemblymensList[]', $assemblymensList, null, [
                                        'class' => 'form-control assemblymenChosen',
                                        'id' => 'multiple-select-clear-field',
                                        'multiple' => true,
                                        'style' => 'width: 100%;',
                                        'data-placeholder' => 'Selecione o parlamentar...',
                                    ]) !!}
                                </div>

                                <!-- Modo de Assinatura -->
                                <div class="form-group">
                                    {!! Form::label('module', 'Modo de assinatura', ['class' => 'required']) !!}
                                    {!! Form::select(
                                        'module',
                                        [
                                            'SIMPLE' => 'Simples',
                                            'ADVANCED' => 'Avançada',
                                            'QUALIFIED' => 'Qualificada',
                                        ],
                                        null,
                                        [
                                            'class' => 'form-control',
                                            'id' => 'select-state',
                                        ],
                                    ) !!}
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Modal Footer -->
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                        <button id="btnAssinar" class="btn btn-success">
                            <i class="fas fa-pen-alt"></i> ASSINAR
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script src="{!! asset('chosen_v1.8.7/chosen.jquery.js') !!}" type="text/javascript"></script>


    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $('#btnAssinar').on('click', function(e) {
            e.preventDefault();

            let meeting_id = $("input[name='meeting_id']").val();
            let type = $("input[name='type']").val();
            let module = $("#select-state").val();
            let assemblymensList = $("#multiple-select-clear-field").val();

            Swal.fire({
                title: 'Enviando assinatura...',
                text: 'Aguarde enquanto processamos o documento.',
                allowOutsideClick: false,
                didOpen: () => {
                    Swal.showLoading();
                }
            });

            $.ajax({
                url: "{{ route('meetings.signature') }}",
                method: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    meeting_id: meeting_id,
                    type: type,
                    module: module,
                    assemblymensList: assemblymensList
                },
                success: function(res) {
                    Swal.close();
                    if (res.success) {
                        Swal.fire('Sucesso!', res.message, 'success').then(() => {
                            window.location.href = res.redirect;
                        });
                    } else {
                        Swal.fire('Erro', res.message, 'error');
                    }
                },
                error: function(xhr) {
                    Swal.close();
                    Swal.fire('Erro', xhr.responseJSON?.message || 'Erro inesperado.', 'error');
                }
            });
        });
    </script>
    <script>
        $(".assemblymenChosen").chosen({
            disable_search_threshold: 10,
            no_results_text: "Oops, nothing found!",
            width: "95%"
        });

        var Sign = function() {
            $('#modalSignatureLot').modal('show');
        }
    </script>


    <script>
        var showFields = function(id, struct, texto, observation) {
            if (texto) {
                var cleanText = texto.replace(/<[^>]*>/g, '')
                    .replace(/^"+|"+$/g, '')
                    .replace(/\\\//g, '/')
                    .trim();
            }

            console.log(texto)

            observation = observation ? observation : '';
            var tb = $('#document_' + struct);
            var str1 = '<tr id="document_row_' + id + '"> ';
            str1 += '<td>' + texto + '<br>';
            str1 += '<div class="document_list"> Observação - ' + observation + '</div>';
            str1 += '</td> ';
            str1 += '<td><button type="button" onclick="removeRow(' + id +
                ')" class="btn btn-danger btn-sm">Remover</button></td> ';
            str1 += '</tr>';

            tb.append(str1);
        }
    </script>


    
    @foreach ($pautas as $p)
        <script>
            showFields(
                '{{ $p->id }}',
                '{{ $p->structure_id }}',
                @json(loadText($p)),
                @json($p->observation ?? '')
            );
        </script>
    @endforeach


    <script>
        var idMeetingPauta = 0;

        $(document).ready(function() {
            $('.addDoc').on('click', function() {
                var structId = $(this).data('structure');
                $(".modal-body #struct_doc").val(structId);
                $('#myModal').modal();
            });

            $('.addLaw').on('click', function() {
                var structId = $(this).data('structure');
                $(".modal-body #struct_law").val(structId);
                $('#myModal1').modal();
            });

            $('.addAdvice').on('click', function() {
                var structId = $(this).data('structure');
                $(".modal-body #struct_advice").val(structId);
                $('#myModal2').modal();
            });

            $('.addAta').on('click', function() {
                var structId = $(this).data('structure');
                $(".modal-body #struct_ata").val(structId);
                $('#myModal3').modal();
            });

            $('.chosen').chosen();
        });

        var addDocument = function() {
            var doc = $('#document_id option:selected');
            var meet = $('#meeting_doc').val();
            var struct = $('#struct_doc').val();
            var cmp = $('#document_' + struct);
            var obs = $('#observation').val();

            salvaDoc(meet, struct, 0, doc.val(), 0, 0, '', obs, function(data) {
                var tpl = getTemplate(data.id, meet, doc.html(), obs);
                cmp.append(tpl);
                $('#observation').val('');
            });

        };

        $('#document_id').on('change', function() {
            var selectedDocumentId = $(this).val();

            if (selectedDocumentId) {
                $.ajax({
                    url: '/document/get/observation/' + selectedDocumentId,
                    method: 'GET',
                    dataType: 'json',
                    success: function(response) {
                        console.log(response);
                        var textoSemTags = $.trim($('<div/>').html(response).text());

                        $('#observation').val(textoSemTags);
                    },
                    error: function(error) {
                        console.error('Erro ao obter o texto do documento:', error);
                    }
                });
            } else {
                $('#observation').val('');
            }
        });


        var limpaTexto = function(struct, id) {
            var meet = $('#meeting_doc').val();
            $('#obs_' + struct).val('');
            removeDoc(id);
            window.location.reload();
        }

        var salvaTexto = function(struct) {

            var meet = $('#meeting_doc').val();
            var obs = CKEDITOR.instances['obs_' + struct].getData();

            salvaDoc(meet, struct, 0, 0, 0, 0, obs, function(data) {
                window.location.reload();
                toastr.success('Pauta salva com sucesso!');
            });

        }


        var salvaDoc = function(meet, struct, law, document, advice, ata, description, obs, callback) {

            url = '/meetings/addDocument';

            var data = {
                meeting_id: meet,
                structure_id: struct,
                law_id: law,
                document_id: document,
                advice_id: advice,
                ata_id: ata,
                description: description,
                observation: obs
            };

            $.ajax({
                method: "POST",
                url: url,
                data: data
            }).success(function(data) {
                if (data) {
                    callback(data)
                }
            });
        };


        var addProjectLaw = function() {

            var doc = $('#project_law_id option:selected');
            var meet = $('#meeting_law').val();
            var struct = $('#struct_law').val();
            var cmp = $('#document_' + struct);
            var obs = $('#observation_law').val();


            salvaDoc(meet, struct, doc.val(), 0, 0, 0, '', obs, function(data) {
                var tpl = getTemplateLaw(data.id, meet, doc.html(), obs);
                cmp.append(tpl);
                $('#observation_law').val('');
            });
        };

        var addAdvices = function() {

            var doc = $('#advice_id option:selected');
            var meet = $('#meeting_law').val();
            var struct = $('#struct_advice').val();
            var cmp = $('#document_' + struct);

            salvaDoc(meet, struct, 0, 0, doc.val(), 0, '', '', function(data) {
                var tpl = getTemplateAdvice(data.id, meet, doc.html());
                cmp.append(tpl);
            });
        };

        var addAta = function() {

            var doc = $('#ata_id option:selected');
            var meet = $('#meeting_ata').val();
            var struct = $('#struct_ata').val();
            var cmp = $('#document_' + struct);

            console.log(doc.html());

            salvaDoc(meet, struct, 0, 0, 0, doc.val(), '', '', function(data) {
                var tpl = getTemplateAta(data.id, meet, doc.html());
                cmp.append(tpl);
            });
        };

        const removeRow = (id) => {
            const url = `/meetings/removeDocument/${id}`;

            Swal.fire({
                title: 'Excluir Documento?',
                text: "Não será possivel desfazer!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sim'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: url,
                        method: "GET"
                    }).success(function(data) {
                        data = JSON.parse(data);
                        if (data) {
                            $('#document_row_' + id).fadeOut(400, function() {
                                $(this).remove();
                            });
                        } else {
                            toastr.error('Registro possui votação, não pode ser excluido!');
                        }
                    });
                }
            })
        };

        var getTemplate = function(id, number, type, obs) {
            id = String(id);
            type = type.split(':');
            var mp_id = null;

            if (id.search(',') > 0) {
                var m_p = id.split(',');
                if (m_p[9] && m_p[9].search(':') > 0) {
                    var m_p_id = m_p[9].split(':');
                    mp_id = m_p_id[1];
                    if (mp_id && mp_id.search('}') > 0) {
                        mp_id = mp_id.replace('}', '');
                    }
                }
            } else {
                mp_id = id;
            }

            if ($('#document_row_' + mp_id).length == 0) {
                var str = '<tr id="document_row_' + mp_id + '">';
                str += '<td>';
                str += '<b>' + (type[0] || '') + ' :</b> <br>';
                str += '<span class="text-muted">' + (type[1] || '') + '::' + (type[3] || '') + '</span>';
                if (obs && obs.length > 0) {
                    str += '<div class="document_list">Observação - ' + obs + '</div>';
                }
                str += '</td>';
                str += '<td><button type="button" onclick="removeRow(' + mp_id +
                    ')" class="btn btn-sm btn-danger">Remover</button></td>';
                str += '</tr>';

                return str;
            } else {
                toastr.error('Documento já está vinculado à pauta!');
            }
        };

        var getTemplateAdvice = function(id, number, type, obs) {
            id = String(id);
            type = type.split(':');
            var mp_id = null;

            if (id.search(',') > 0) {
                var m_p = id.split(',');
                if (m_p[9] && m_p[9].search(':') > 0) {
                    var m_p_id = m_p[9].split(':');
                    mp_id = m_p_id[1];
                    if (mp_id && mp_id.search('}') > 0) {
                        mp_id = mp_id.replace('}', '');
                    }
                }
            } else {
                mp_id = id;
            }


            if ($('#document_row_' + mp_id).length == 0) {
                var str = '<tr id="document_row_' + mp_id + '">';
                str += '<td>';
                str += '<b>' + (type[0] || '') + ' :</b> <br>';
                str += '<span class="text-muted">' + (type[2] || '') + '</span>';
                // if(obs && obs !== '') {
                //     str += '<div class="document_list">Observação - ' + obs + '</div>';
                // }
                str += '</td>';
                str += '<td><button type="button" onclick="removeRow(' + mp_id +
                    ')" class="btn btn-danger btn-sm">Remover</button></td>';
                str += '</tr>';

                return str;
            } else {
                toastr.error('Parecer já está vinculado à pauta!');
            }
        };


        var getTemplateAta = function(id, number, type, obs) {
            console.log('id, number, type, doc: ', id, number, type, obs);

            type = type.split(':');
            var mp_id = null;

            if (typeof id === 'string' && id.search(',') > 0) {
                m_p = id.split(',');
                if (m_p[9].search(':') > 0) {
                    m_p_id = m_p[9].split(':');
                    mp_id = m_p_id[1];
                    if (mp_id.search('}') > 0) {
                        mp_id = mp_id.replace('}', '');
                    }
                }
            } else {
                mp_id = id;
            }

            if ($('#document_row_' + mp_id).length == 0) {
                var str = '<tr id="document_row_' + mp_id + '"> ';
                str += '<td>';
                str += '<b>' + type[0] + ' :</b> <br>';
                str += '<span class="text-muted">' + type[2] + '</span>';
                // if (obs != '') {
                //     str += '<div class="document_list">Observação - ' + obs + '</div>';
                // }
                str += '</td> ';
                str += '<td><button type="button" onclick="removeRow(' + mp_id +
                    ')" class="btn btn-danger btn-sm">Remover</button></td> ';
                str += '</tr>';

                return str;
            } else {
                toastr.error('Ata já esta vinculada a pauta!');
            }
        };

        var getTemplateLaw = function(id, number, type, obs) {
            id = String(id); // Garante que 'id' seja uma string
            type = String(type).split(':'); // Garante que 'type' seja uma string
            var mp_id = null;

            if (id.includes(',')) {
                var m_p = id.split(',');
                if (m_p[9] && m_p[9].includes(':')) {
                    var m_p_id = m_p[9].split(':');
                    mp_id = m_p_id[1];
                    if (mp_id && typeof mp_id === 'string') {
                        mp_id = mp_id.replace('}', '').trim();
                    }
                }
            } else {
                mp_id = id;
            }

            // ⚠️ Se mp_id ainda não for string ou número simples, forçamos isso ou mostramos erro
            if (typeof mp_id !== 'string' && typeof mp_id !== 'number') {
                console.error('ID inválido para gerar seletor:', mp_id);
                toastr.error('Erro interno ao processar o ID do documento.');
                return;
            }

            var selector = '#document_row_' + mp_id;

            if ($(selector).length === 0) {
                var str = '<tr id="document_row_' + mp_id + '"> ';
                str += '<td>';
                str += '<b>' + (type[0] || '') + ' :</b> <br>';
                str += '<span class="text-muted">' + (type[1] || '') + '</span>';

                if (obs && obs.trim() !== '') {
                    str += '<div class="document_list">Observação - ' + obs + '</div>';
                }

                str += '</td> ';
                str += '<td><button type="button" onclick="removeRow(' + JSON.stringify(mp_id) +
                    ')" class="btn btn-danger btn-sm">Remover</button></td> ';
                str += '</tr>';

                return str;
            } else {
                toastr.error('Projeto de lei já está vinculado à pauta!');
            }
        };
    </script>
@endsection