@if ($errors->any())
    <ul class="alert alert-danger">
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
@endif
<div class="row">
    <div class="col-md-12">                
        <div class="tabbable-line boxless tabbable-reversed">
            <div class="tab-pane" id="tab_1">
                <div class="portlet box blue-steel">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-file-text"></i>Cadastro de Emendas dos Parlamentares
                        </div>
                        <div class="tools">
                            <div class="btn-group pull-right">
                                <a class="btn red-mint btn-xs" title="Fechar" onclick="DesativarCadastro();"><span class="glyphicon glyphicon-remove" aria-hidden="true"/></a>
                            </div>
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <!-- BEGIN FORM-->
                        {!! Form::open(['route' => 'emendas_parlamentaresCadastrargo', 'class' => 'horizontal-form', 'files' => true]) !!}
                        <div class="form-body">
                            <h3 class="form-section">Cadastro</h3>
                            @include ('painel.emendas_parlamentares.form')
                            
                            <!-- Seção de Arquivos da Emenda -->
                            <h3 class="form-section" style="margin-top: 30px; clear: both;"><i class="fa fa-paperclip"></i> Arquivos da Emenda</h3>
                            <div class="row">
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label>Nome do Arquivo</label>
                                        <input type="text" id="arquivo_nome" class="form-control" placeholder="Nome do arquivo">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>Data</label>
                                        <input type="text" id="arquivo_data" class="form-control" maxlength="10" onkeypress="formatar('##/##/####', this);return SomenteNumero(event)" placeholder="00/00/0000">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Arquivo</label>
                                        <input type="file" id="arquivo_file" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group" style="margin-top: -10px;">
                                        <label>&nbsp;</label>
                                        <button type="button" class="btn btn-primary btn-block" onclick="adicionarArquivo()">
                                            <i class="fa fa-plus"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <table class="table table-bordered table-striped" id="tabela_arquivos">
                                <thead>
                                    <tr>
                                        <th>Nome</th>
                                        <th>Data</th>
                                        <th>Arquivo</th>
                                        <th class="text-center" style="width: 80px;">Ações</th>
                                    </tr>
                                </thead>
                                <tbody id="lista_arquivos">
                                    <tr id="sem_arquivos">
                                        <td colspan="4" class="text-center">Nenhum arquivo adicionado.</td>
                                    </tr>
                                </tbody>
                            </table>
                            <div id="arquivos_hidden"></div>
                        </div>
                        <div class="form-actions clearboth right">                                                            
                            <button type="submit" class="btn blue-steel"><i class="fa fa-check"></i>{{trans('padrao.salvar')}}</button>
                        </div>                    
                        {!! Form::close() !!}
                        
<script>
var arquivoIndex = 0;
var arquivosLista = [];

function adicionarArquivo() {
    var nome = document.getElementById('arquivo_nome').value;
    var data = document.getElementById('arquivo_data').value;
    var fileInput = document.getElementById('arquivo_file');
    var file = fileInput.files[0];
    
    if (!nome) {
        alert('Informe o nome do arquivo');
        return;
    }
    if (!file) {
        alert('Selecione um arquivo');
        return;
    }
    
    // Esconde a mensagem "Nenhum arquivo"
    document.getElementById('sem_arquivos').style.display = 'none';
    
    // Adiciona linha na tabela
    var tbody = document.getElementById('lista_arquivos');
    var tr = document.createElement('tr');
    tr.id = 'arquivo_row_' + arquivoIndex;
    tr.innerHTML = '<td>' + nome + '</td>' +
                   '<td>' + (data || '-') + '</td>' +
                   '<td><i class="fa fa-paperclip"></i></td>' +
                   '<td class="text-center"><button type="button" class="btn btn-xs btn-danger" onclick="removerArquivo(' + arquivoIndex + ')"><i class="fa fa-trash"></i></button></td>';
    tbody.appendChild(tr);
    
    // Cria inputs hidden para enviar os dados
    var hiddenDiv = document.getElementById('arquivos_hidden');
    
    var inputNome = document.createElement('input');
    inputNome.type = 'hidden';
    inputNome.name = 'arquivos_nomes[]';
    inputNome.value = nome;
    inputNome.id = 'arquivo_nome_' + arquivoIndex;
    hiddenDiv.appendChild(inputNome);
    
    var inputData = document.createElement('input');
    inputData.type = 'hidden';
    inputData.name = 'arquivos_datas[]';
    inputData.value = data;
    inputData.id = 'arquivo_data_' + arquivoIndex;
    hiddenDiv.appendChild(inputData);
    
    // Cria input file clonado
    var newFileInput = fileInput.cloneNode(true);
    newFileInput.name = 'arquivos_files[]';
    newFileInput.id = 'arquivo_file_' + arquivoIndex;
    newFileInput.style.display = 'none';
    hiddenDiv.appendChild(newFileInput);
    
    // Limpa os campos
    document.getElementById('arquivo_nome').value = '';
    document.getElementById('arquivo_data').value = '';
    
    // Substitui o input file por um novo vazio
    var newInput = document.createElement('input');
    newInput.type = 'file';
    newInput.id = 'arquivo_file';
    newInput.className = 'form-control';
    fileInput.parentNode.replaceChild(newInput, fileInput);
    
    arquivoIndex++;
}

function removerArquivo(index) {
    // Remove a linha da tabela
    var row = document.getElementById('arquivo_row_' + index);
    if (row) row.remove();
    
    // Remove os inputs hidden
    var inputNome = document.getElementById('arquivo_nome_' + index);
    var inputData = document.getElementById('arquivo_data_' + index);
    var inputFile = document.getElementById('arquivo_file_' + index);
    if (inputNome) inputNome.remove();
    if (inputData) inputData.remove();
    if (inputFile) inputFile.remove();
    
    // Verifica se ainda tem arquivos
    var tbody = document.getElementById('lista_arquivos');
    var rows = tbody.querySelectorAll('tr:not(#sem_arquivos)');
    if (rows.length === 0) {
        document.getElementById('sem_arquivos').style.display = '';
    }
}
</script>
                    </div>
                </div>
            </div>        
        </div>        
    </div>               
</div>