@extends('painel.layouts.dashboard')

@section('title', 'Migração de Dados')

@section('title-dashboard')
<i class="fa fa-exchange"></i> Migração de Dados
@endsection

@section('pg-home')
@endsection

@section('content')
@parent

<div class="row">
    <div class="col-md-12">
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-cog"></i> Configuração da Migração
                </div>
            </div>
            <div class="portlet-body">

                @if(session('sucesso'))
                    <div class="alert alert-success">{{ session('sucesso') }}</div>
                @endif

                <form id="form_migracao">
                    {{ csrf_field() }}
                    <div class="row">
                        <div class="col-md-5">
                            <div class="form-group">
                                <label><i class="fa fa-link"></i> URL de Origem</label>
                                <input type="url" class="form-control" id="url_origem" name="url_origem"
                                    placeholder="https://www.presidentesarney.ma.gov.br/api/secretarias" required>
                                <span class="help-block">URL exata do endpoint (ex: /api/secretarias)</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label><i class="fa fa-database"></i> Entidade / O que migrar</label>
                                <select class="form-control" id="entidade" name="entidade" required>
                                    <option value="">-- Selecione --</option>
                                    @foreach($entidades as $key => $label)
                                        <option value="{{ $key }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label><i class="fa fa-code"></i> Formato / Layout da Origem</label>
                                <select class="form-control" id="layout" name="layout" required>
                                    <option value="">-- Selecione --</option>
                                    @foreach($layouts as $key => $label)
                                        <option value="{{ $key }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label><i class="fa fa-cogs"></i> Modo de Importação</label><br>
                                <label class="radio-inline">
                                    <input type="radio" name="modo" id="modo_preview" value="preview" checked onchange="alternarModo()">
                                    <i class="fa fa-eye"></i> Visualizar antes de importar
                                </label>
                                &nbsp;&nbsp;
                                <label class="radio-inline">
                                    <input type="radio" name="modo" id="modo_direto" value="direto" onchange="alternarModo()">
                                    <i class="fa fa-bolt"></i> Importar diretamente (sem preview)
                                </label>
                            </div>
                        </div>
                        <div class="col-md-12" style="margin-bottom:15px;">
                            <div id="area_btn_preview">
                                <button type="button" class="btn btn-info" id="btn_preview" onclick="migracaoPreview()">
                                    <i class="fa fa-eye"></i> Pré-visualizar
                                </button>
                            </div>
                            <div id="area_btn_direto" style="display:none;">
                                <button type="button" class="btn btn-success" id="btn_migrar_direto" onclick="migracaoMigrar()">
                                    <i class="fa fa-upload"></i> Importar agora
                                </button>
                            </div>
                        </div>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>

<!-- Área de pré-visualização -->
<div id="div_preview" style="display:none;">
    <div class="row">
        <div class="col-md-12">
            <div class="portlet box green">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-table"></i> Pré-visualização — dados encontrados na origem
                    </div>
                    <div class="tools" style="padding-top:8px;">
                        <span id="badge_total" class="badge badge-light" style="font-size:13px;"></span>
                    </div>
                </div>
                <div class="portlet-body">

                    <div id="div_alerta_duplicados" class="alert alert-warning" style="display:none;">
                        <i class="fa fa-exclamation-triangle"></i>
                        Registros marcados em laranja já existem (mesmo slug) e serão <strong>ignorados</strong> na importação.
                    </div>

                    <div class="table-responsive">
                        <table class="table table-bordered table-condensed table-striped" id="tabela_preview">
                            <thead id="thead_preview"></thead>
                            <tbody id="tbody_preview"></tbody>
                        </table>
                    </div>

                    <div class="text-right" style="margin-top:10px;">
                        <button type="button" class="btn btn-success btn-lg" id="btn_migrar" onclick="migracaoMigrar()">
                            <i class="fa fa-upload"></i> Importar para este portal
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Resultado da migração -->
<div id="div_resultado" style="display:none;">
    <div class="row">
        <div class="col-md-12">
            <div class="portlet box blue">
                <div class="portlet-title">
                    <div class="caption"><i class="fa fa-check"></i> Resultado da Importação</div>
                </div>
                <div class="portlet-body" id="conteudo_resultado"></div>
            </div>
        </div>
    </div>
</div>

<script>
    var dadosPreview = [];

    function alternarModo(){
        var direto = $('#modo_direto').is(':checked');
        $('#area_btn_preview').toggle(!direto);
        $('#area_btn_direto').toggle(direto);
        if(direto){
            $('#div_preview').hide();
            $('#div_resultado').hide();
        }
    }

    function migracaoPreview(){
        var url    = $('#url_origem').val().trim();
        var ent    = $('#entidade').val();
        var layout = $('#layout').val();

        if(!url || !ent || !layout){
            alert('Preencha todos os campos antes de pré-visualizar.');
            return;
        }

        $('#btn_preview').html('<i class="fa fa-spinner fa-spin"></i>').prop('disabled', true);
        $('#div_preview').hide();
        $('#div_resultado').hide();

        $.ajax({
            url: '{{ url("painel/migracao/preview") }}',
            method: 'POST',
            data: {
                _token: $('input[name=_token]').val(),
                url_origem: url,
                entidade: ent,
                layout: layout
            },
            success: function(res){
                if(!res.success){
                    alert('Erro: ' + res.erro);
                    return;
                }
                dadosPreview = res.dados;
                renderizarPreview(ent, res.dados);
                $('#div_preview').show();
                $('#badge_total').text(res.dados.length + ' registro(s) encontrado(s)');
            },
            error: function(xhr){
                var json = xhr.responseJSON;
                var msg = (json && (json.erro || json.message)) ? (json.erro || json.message) : (xhr.responseText || 'Erro desconhecido.');
                alert('Falha ao buscar dados: ' + msg);
            },
            complete: function(){
                $('#btn_preview').html('<i class="fa fa-eye"></i>').prop('disabled', false);
            }
        });
    }

    function renderizarPreview(entidade, dados){
        var thead = $('#thead_preview');
        var tbody = $('#tbody_preview');
        thead.empty(); tbody.empty();
        var temDuplicado = false;

        if(entidade === 'secretarias'){
            var layout = $('#layout').val();
            thead.html('<tr><th>#</th><th>Nome</th><th>Secretário(a)</th><th>Endereço</th><th>Email</th><th>Contato</th><th>Imagem</th></tr>');
            $.each(dados, function(i, d){
                var dup = d._duplicado ? ' style="background:#ffe0b2;"' : '';
                if(d._duplicado) temDuplicado = true;
                // Normaliza campos conforme o layout
                var nome      = layout === 'webservice' ? (d.descricao||'')     : (d.nome||'');
                var secret    = layout === 'webservice' ? (d.nome_secretario||'') : (d.secretario||'');
                var end       = layout === 'webservice' ? ((d.logradouro||'')+' '+(d.bairro||'')) : (d.endereco||'');
                var email     = layout === 'webservice' ? (d.email_secretaria||'') : (d.email||'');
                var contato   = layout === 'webservice' ? (d.telefone_secretaria||'') : (d.contato||'');
                var temImagem = layout === 'webservice' ? !!d.foto_secretario : !!d.imagem_url;
                tbody.append(
                    '<tr'+dup+'>' +
                    '<td>'+(i+1)+'</td>' +
                    '<td>'+nome+'</td>' +
                    '<td>'+secret+'</td>' +
                    '<td>'+end+'</td>' +
                    '<td>'+email+'</td>' +
                    '<td>'+contato+'</td>' +
                    '<td>'+(temImagem ? '<span class="label label-success"><i class="fa fa-check"></i> Sim</span>' : '<span class="label label-default">—</span>')+'</td>' +
                    '</tr>'
                );
            });
        } else if (entidade === 'leis'){
            thead.html('<tr><th>#</th><th>Descrição</th><th>Número/Ano</th><th>Data</th><th>PDF</th></tr>');
            $.each(dados, function(i, d){
                var dup = d._duplicado ? ' style="background:#ffe0b2;"' : '';
                if(d._duplicado) temDuplicado = true;
                var desc     = (d.descricao||'').substring(0,80);
                var numAno   = (d.numero||'') + '/' + (d.ano||'');
                var dataPub  = d.data_publicacao || '';
                var temPdf   = d.link ? '<span class="label label-success"><i class="fa fa-check"></i> Sim</span>' : '<span class="label label-default">—</span>';
                tbody.append(
                    '<tr'+dup+'>' +
                    '<td>'+(i+1)+'</td>' +
                    '<td>'+desc+'</td>' +
                    '<td>'+numAno+'</td>' +
                    '<td>'+dataPub+'</td>' +
                    '<td>'+temPdf+'</td>' +
                    '</tr>'
                );
            });
        } else if (entidade === 'licitacoes'){
            thead.html('<tr><th>#</th><th>Nome / Modalidade</th><th>Objeto</th><th>Situação</th><th>Valor</th><th>Data</th><th>Docs</th><th>Contratos Vinc.</th></tr>');
            $.each(dados, function(i, d){
                var dup = d._duplicado ? ' style="background:#ffe0b2;"' : '';
                if(d._duplicado) temDuplicado = true;
                var c      = d.campos || {};
                var nome   = (c['Modalidade'] || c['Tipo de Procedimento'] || d.dados_basicos && d.dados_basicos[0] || '').substring(0,60);
                var objeto = Object.values(c).find(function(v){ return v && v.length > 20; }) || '';
                objeto = objeto.substring(0,60);
                var situa  = c['Situação'] || c['Status'] || c['Resultado'] || '';
                var valor  = c['Valor'] || c['Valor Estimado'] || c['Valor Global'] || '';
                var data   = c['Data'] || c['Data de Abertura'] || c['Data da Sessão'] || '';
                var docs   = (d.documentos || []).length;
                var conts  = (d.contratos_vinculados || []).length;
                var docBadge  = docs  > 0 ? '<span class="badge" style="background:#5cb85c">'+docs+'</span>'  : '<span class="badge">0</span>';
                var contBadge = conts > 0 ? '<span class="badge" style="background:#337ab7">'+conts+'</span>' : '<span class="badge">0</span>';
                tbody.append(
                    '<tr'+dup+'>' +
                    '<td>'+(i+1)+'</td>' +
                    '<td>'+nome+'</td>' +
                    '<td>'+objeto+'</td>' +
                    '<td>'+situa+'</td>' +
                    '<td>'+valor+'</td>' +
                    '<td>'+data+'</td>' +
                    '<td>'+docBadge+'</td>' +
                    '<td>'+contBadge+'</td>' +
                    '</tr>'
                );
            });
        } else if (entidade === 'contratos'){
            thead.html('<tr><th>#</th><th>Número/Ano</th><th>Fornecedor</th><th>Objeto</th><th>Valor</th><th>Assinatura</th><th>Licitação Vinc.</th><th>Docs</th></tr>');
            $.each(dados, function(i, d){
                var dup = d._duplicado ? ' style="background:#ffe0b2;"' : '';
                if(d._duplicado) temDuplicado = true;
                var c          = d.campos || {};
                var numContrato = c['Número do Contrato'] || c['Nº Contrato'] || d.dados_basicos && d.dados_basicos[0] || '';
                var anoContrato = c['Ano'] || c['Exercício'] || '';
                var fornecedor  = (c['Fornecedor'] || c['Contratada'] || c['Empresa'] || '').substring(0,40);
                var objeto      = (c['Objeto'] || '').substring(0,60);
                var valor       = c['Valor do Contrato'] || c['Valor Contrato'] || c['Valor'] || '';
                var assinatura  = c['Data de Assinatura'] || c['Assinatura'] || '';
                var numLic      = c['Licitação'] || c['Nº Licitação'] || c['Processo Licitatório'] || '';
                var docs        = (d.documentos || []).length;
                var licBadge    = numLic ? '<span class="label label-info">'+numLic+'</span>' : '<span class="label label-default">—</span>';
                var docBadge    = docs > 0 ? '<span class="badge" style="background:#5cb85c">'+docs+'</span>' : '<span class="badge">0</span>';
                tbody.append(
                    '<tr'+dup+'>' +
                    '<td>'+(i+1)+'</td>' +
                    '<td>'+(numContrato + (anoContrato ? '/'+anoContrato : ''))+'</td>' +
                    '<td>'+fornecedor+'</td>' +
                    '<td>'+objeto+'</td>' +
                    '<td>'+valor+'</td>' +
                    '<td>'+assinatura+'</td>' +
                    '<td>'+licBadge+'</td>' +
                    '<td>'+docBadge+'</td>' +
                    '</tr>'
                );
            });
        }

        $('#div_alerta_duplicados').toggle(temDuplicado);
    }

    function migracaoMigrar(){
        if(!confirm('Confirma a importação dos dados para este portal?\nRegistros duplicados (mesmo slug) serão ignorados.')){
            return;
        }

        var url    = $('#url_origem').val().trim();
        var ent    = $('#entidade').val();
        var layout = $('#layout').val();

        var direto = $('#modo_direto').is(':checked');
        var $btnAtivo = direto ? $('#btn_migrar_direto') : $('#btn_migrar');
        $btnAtivo.html('<i class="fa fa-spinner fa-spin"></i> Importando...').prop('disabled', true);

        $.ajax({
            url: '{{ url("painel/migracao/migrar") }}',
            method: 'POST',
            data: {
                _token: $('input[name=_token]').val(),
                url_origem: url,
                entidade: ent,
                layout: layout
            },
            success: function(res){
                if(!res.success){
                    alert('Erro: ' + res.erro);
                    return;
                }

                var errosHtml = '';
                if(res.erros && res.erros.length > 0){
                    errosHtml = '<ul class="text-danger">';
                    $.each(res.erros, function(i, e){ errosHtml += '<li>'+e+'</li>'; });
                    errosHtml += '</ul>';
                }

                $('#conteudo_resultado').html(
                    '<div class="row text-center">' +
                    '<div class="col-md-4"><h2 class="text-success">'+res.importados+'</h2><p>Importados</p></div>' +
                    '<div class="col-md-4"><h2 class="text-warning">'+res.ignorados+'</h2><p>Ignorados (duplicados)</p></div>' +
                    '<div class="col-md-4"><h2 class="text-danger">'+(res.erros?res.erros.length:0)+'</h2><p>Erros</p></div>' +
                    '</div>' + errosHtml
                );
                $('#div_resultado').show();
                $('html,body').animate({scrollTop: $('#div_resultado').offset().top - 60}, 400);
            },
            error: function(xhr){
                var msg = xhr.responseJSON ? xhr.responseJSON.erro : 'Erro desconhecido.';
                alert('Falha na migração: ' + msg);
            },
            complete: function(){
                $('#btn_migrar').html('<i class="fa fa-upload"></i> Importar para este portal').prop('disabled', false);
                $('#btn_migrar_direto').html('<i class="fa fa-upload"></i> Importar agora').prop('disabled', false);
            }
        });
    }
</script>

@endsection