@php
$documentos = ($aba == 'identificacao')
    ? $emenda->abasDocumentos->filter(function($d) { return $d->aba == 'identificacao' || empty($d->aba); })
    : $emenda->abasDocumentos->where('aba', $aba);
$temDocs = $documentos->count() > 0;
$orcamentosDisponiveis = \App\orcamento::where('status', 'Ativo')->orderBy('ordem')->get();
$dataEmendaBr = '';
if (!empty($emenda->data) && preg_match('/^\d{4}-\d{2}-\d{2}/', $emenda->data)) {
    $dataEmendaBr = dataBrasileira($emenda->data);
}
@endphp

<div class="form-body" style="margin-top:25px;">
    <h4 class="form-section">Documentos</h4>

    <form id="form_documentos_{{ $aba }}" action="{{ route('emendas_abas_documento_store') }}" method="POST" class="horizontal-form" enctype="multipart/form-data" data-update-url="{{ route('emendas_abas_documento_update', 'IDPLACEHOLDER') }}">
        @csrf
        <input type="hidden" name="emenda_id" value="{{ $emenda->id }}">
        <input type="hidden" name="aba" value="{{ $aba }}">
        <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                    <label>Tipo de documento</label>
                    <select name="tipo" class="form-control select2" id="tipo_documento_{{ $aba }}" data-emenda-data="{{ $dataEmendaBr }}" onchange="handleTipoDocumentoChange(this, '{{ $aba }}')" required>
                        <option value="">Selecione</option>
                        <option value="Plano">Plano</option>
                        <option value="Projeto">Projeto</option>
                        <option value="Relatório">Relatório</option>
                        <option value="Demonstrativo">Demonstrativo</option>
                        <option value="Demonstrativo de Crédito">Demonstrativo de Crédito</option>
                        <option value="Parecer do Controle Interno">Parecer do Controle Interno</option>
                        <option value="Instrumento de Planejamento">Instrumento de Planejamento</option>
                        <option value="Comprovante">Comprovante</option>
                        <option value="Outro">Outro</option>
                    </select>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label>Descrição / Assunto</label>
                    <input type="text" name="descricao" class="form-control" id="descricao_documento_{{ $aba }}" required>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label>Data de Envio</label>
                    <input type="text" name="data_envio" class="form-control date-picker" id="data_envio_documento_{{ $aba }}" maxlength="10" onkeypress="formatar('##/##/####', this);return SomenteNumero(event)" placeholder="00/00/0000">
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label>Arquivo <small class="text-muted" id="arquivo_ajuda_{{ $aba }}">Tamanho máximo 60 MB.</small></label>
                    <input type="file" name="arquivo" class="form-control" id="arquivo_documento_{{ $aba }}" required>
                    <div id="arquivo_selecionado_info_{{ $aba }}" style="display:none; margin-top:5px;">
                        <span class="label label-success"><i class="fa fa-check"></i> Arquivo do orçamento: <span class="nome-arquivo-selecionado"></span></span>
                        <a href="javascript:void(0)" onclick="reabrirModalOrcamento('{{ $aba }}')" style="margin-left:6px;" title="Alterar seleção"><i class="fa fa-pencil"></i></a>
                        <a href="javascript:void(0)" onclick="limparSelecaoOrcamento('{{ $aba }}')" style="margin-left:6px;" title="Remover seleção"><i class="fa fa-times"></i></a>
                    </div>
                    <button type="button" class="btn btn-sm btn-default" id="btn_selecionar_orcamento_{{ $aba }}" style="display:none; margin-top:5px;" onclick="jQuery('#modalOrcamentos_{{ $aba }}').modal('show')">
                        <i class="fa fa-list"></i> Selecionar do cadastro de Orçamentos
                    </button>
                </div>
            </div>
            <div class="col-md-1" style="padding-top:14px;">
                <button type="submit" id="btn_salvar_documento_{{ $aba }}" class="btn btn-info btn-block"><i class="fa fa-plus"></i></button>
            </div>
            <input type="hidden" name="orcamento_id" id="orcamento_id_{{ $aba }}">
        </div>
    </form>

    <div class="table-responsive" style="margin-top:15px;">
        <table class="table table-bordered table-striped" style="margin-bottom:0;">
            <thead>
                <tr>
                    <th>Tipo de Documento</th>
                    <th>Descrição</th>
                    <th>Data de Envio</th>
                    <th>Arquivo</th>
                    <th class="text-center" style="width:80px;">Ação</th>
                </tr>
            </thead>
            <tbody>
                @if($temDocs)
                    @foreach($documentos as $doc)
                    <tr>
                        <td>{{ $doc->tipo }}</td>
                        <td>{{ $doc->descricao }}</td>
                        <td>{{ (is_string($doc->data_envio) && preg_match('/^\d{4}-\d{2}-\d{2}$/', $doc->data_envio)) ? dataBrasileira($doc->data_envio) : '-' }}</td>
                        <td>
                            @if($doc->arquivo)
                            <a href="{{ asset('upload/emendas_abas_documentos/'.$doc->arquivo) }}" target="_blank" class="btn btn-xs btn-info"><i class="fa fa-paperclip"></i> Visualizar</a>
                            @endif
                        </td>
                        <td class="text-center">
                            @php
                                $dataEnvioDocBr = (is_string($doc->data_envio) && preg_match('/^\d{4}-\d{2}-\d{2}$/', $doc->data_envio)) ? dataBrasileira($doc->data_envio) : '';
                            @endphp
                            <a href="javascript:void(0)" class="btn btn-xs btn-warning" onclick="editarDocumento('{{ $aba }}', {{ $doc->id }}, '{{ $doc->tipo }}', '{{ addslashes($doc->descricao) }}', '{{ $dataEnvioDocBr }}', '{{ $doc->arquivo }}')" style="margin-right:3px;"><i class="fa fa-edit"></i></a>
                            <a href="{{ route('emendas_abas_documento_excluir', [$doc->id, $emenda->id, $aba]) }}" class="btn btn-xs btn-danger" onclick="return confirmarAcao(this.href, 'Deseja realmente excluir este documento?')"><i class="fa fa-trash"></i></a>
                        </td>
                    </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="5" class="text-center">Não há documentos cadastrados.</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>
</div>

<div class="modal fade" id="modalOrcamentos_{{ $aba }}" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Selecionar Instrumento de Planejamento (cadastro de Orçamentos)</h4>
            </div>
            <form id="formMultiploOrcamentos_{{ $aba }}" action="{{ route('emendas_abas_documento_store_multiplo') }}" method="POST">
                @csrf
                <input type="hidden" name="emenda_id" value="{{ $emenda->id }}">
                <input type="hidden" name="aba" value="{{ $aba }}">
                <input type="hidden" name="data_envio" value="{{ $dataEmendaBr }}">
                <div class="modal-body">
                    <div class="form-group">
                        <input type="text" class="form-control" id="pesquisa_orcamento_{{ $aba }}" placeholder="Pesquisar por nome ou tipo..." onkeyup="filtrarOrcamentos(this, '{{ $aba }}')" onkeydown="if(event.key==='Enter'){event.preventDefault();}">
                    </div>
                    <div class="table-responsive" style="max-height:400px; overflow-y:auto;">
                        <table class="table table-bordered table-striped" style="margin-bottom:0;">
                            <thead>
                                <tr>
                                    <th style="width:36px;"></th>
                                    <th>Nome</th>
                                    <th>Tipo</th>
                                    <th>Arquivo</th>
                                    <th class="text-center" style="width:110px;">Ação</th>
                                </tr>
                            </thead>
                            <tbody id="tbody_orcamentos_{{ $aba }}">
                                @forelse($orcamentosDisponiveis as $orc)
                                <tr class="linha-orcamento-{{ $aba }}" data-busca="{{ mb_strtolower($orc->nome.' '.$orc->tipo) }}">
                                    <td class="text-center">
                                        <input type="checkbox" class="checkbox-orcamento-{{ $aba }}" name="orcamento_ids[]" value="{{ $orc->id }}" onchange="atualizarBotaoSalvarMultiplo('{{ $aba }}')">
                                    </td>
                                    <td>{{ $orc->nome }}</td>
                                    <td>{{ $orc->tipo }}</td>
                                    <td>
                                        @if($orc->arquivo)
                                        <a href="{{ asset('upload/orcamentos/'.$orc->arquivo) }}" target="_blank"><i class="fa fa-file"></i> Visualizar</a>
                                        @else
                                        -
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        <button type="button" class="btn btn-xs btn-info"
                                            onclick="selecionarOrcamento(this, '{{ $aba }}')"
                                            data-id="{{ $orc->id }}"
                                            data-nome="{{ $orc->nome }}"
                                            data-arquivo="{{ $orc->arquivo }}">
                                            <i class="fa fa-check"></i> Selecionar
                                        </button>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="5" class="text-center">Nenhum orçamento cadastrado.</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success" id="btn_salvar_multiplo_{{ $aba }}" style="display:none;">
                        <i class="fa fa-save"></i> Salvar Selecionados (<span class="qtd-selecionados">0</span>)
                    </button>
                    <button type="button" class="btn red btn-outline" data-dismiss="modal">Fechar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    function handleTipoDocumentoChange(select, aba) {
        var isEdicao = jQuery('#form_documentos_' + aba).data('editing');
        if (select.value === 'Instrumento de Planejamento') {
            var dataEmenda = select.getAttribute('data-emenda-data');
            if (dataEmenda) {
                jQuery('#data_envio_documento_' + aba).val(dataEmenda);
            }
            if (!jQuery('#orcamento_id_' + aba).val()) {
                jQuery('#btn_selecionar_orcamento_' + aba).show();
                if (!isEdicao) {
                    jQuery('#modalOrcamentos_' + aba).modal('show');
                }
            }
        } else {
            jQuery('#btn_selecionar_orcamento_' + aba).hide();
            if (!isEdicao) {
                jQuery('#orcamento_id_' + aba).val('');
                jQuery('#arquivo_selecionado_info_' + aba).hide();
                jQuery('#arquivo_documento_' + aba).prop('required', true);
            }
        }
    }

    function selecionarOrcamento(botao, aba) {
        var nome = botao.getAttribute('data-nome');
        var arquivo = botao.getAttribute('data-arquivo');
        var id = botao.getAttribute('data-id');

        jQuery('#descricao_documento_' + aba).val(nome);
        jQuery('#orcamento_id_' + aba).val(id);
        jQuery('#arquivo_documento_' + aba).prop('required', false).val('');
        jQuery('#arquivo_selecionado_info_' + aba + ' .nome-arquivo-selecionado').text(arquivo || 'sem arquivo');
        jQuery('#arquivo_selecionado_info_' + aba).show();
        jQuery('#btn_selecionar_orcamento_' + aba).hide();

        jQuery('#modalOrcamentos_' + aba).modal('hide');
    }

    function reabrirModalOrcamento(aba) {
        jQuery('#modalOrcamentos_' + aba).modal('show');
    }

    function filtrarOrcamentos(input, aba) {
        var termo = input.value.toLowerCase();
        jQuery('.linha-orcamento-' + aba).each(function() {
            var busca = jQuery(this).data('busca') || '';
            jQuery(this).toggle(busca.indexOf(termo) !== -1);
        });
    }

    function limparSelecaoOrcamento(aba) {
        jQuery('#orcamento_id_' + aba).val('');
        jQuery('#arquivo_selecionado_info_' + aba).hide();
        jQuery('#arquivo_documento_' + aba).prop('required', true);
        jQuery('#btn_selecionar_orcamento_' + aba).show();
    }

    function editarDocumento(aba, id, tipo, descricao, dataEnvio, arquivo) {
        var form = jQuery('#form_documentos_' + aba);
        form.data('editing', id);
        var updateUrl = form.data('update-url').replace('IDPLACEHOLDER', id);
        form.attr('action', updateUrl);

        var $tipo = jQuery('#tipo_documento_' + aba);
        var onchange = $tipo.attr('onchange');
        $tipo.removeAttr('onchange');
        $tipo.val(tipo).trigger('change');
        $tipo.attr('onchange', onchange);

        jQuery('#descricao_documento_' + aba).val(descricao);
        jQuery('#data_envio_documento_' + aba).val(dataEnvio);
        jQuery('#arquivo_documento_' + aba).val('').prop('required', false);
        jQuery('#arquivo_ajuda_' + aba).text('Deixe em branco para manter o arquivo atual.');

        if (tipo === 'Instrumento de Planejamento') {
            jQuery('#btn_selecionar_orcamento_' + aba).show();
        } else {
            jQuery('#btn_selecionar_orcamento_' + aba).hide();
        }

        if (arquivo) {
            jQuery('#arquivo_selecionado_info_' + aba + ' .nome-arquivo-selecionado').text(arquivo);
            jQuery('#arquivo_selecionado_info_' + aba).show();
        } else {
            jQuery('#arquivo_selecionado_info_' + aba).hide();
        }

        jQuery('#btn_salvar_documento_' + aba).removeClass('btn-info').addClass('btn-success').html('<i class="fa fa-save"></i>');
    }

    function atualizarBotaoSalvarMultiplo(aba) {
        var qtd = jQuery('.checkbox-orcamento-' + aba + ':checked').length;
        var botao = jQuery('#btn_salvar_multiplo_' + aba);
        if (qtd > 1) {
            botao.find('.qtd-selecionados').text(qtd);
            botao.show();
        } else {
            botao.hide();
        }
    }
</script>