<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<style>
.fipe-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.fipe-panel{background:#fff;border:1px solid #e2e6ea;border-radius:10px;padding:18px}
.fipe-panel h4{font-size:13.5px;font-weight:700;color:#1e3a5f;margin:0 0 14px;display:flex;align-items:center;gap:7px}
.step-num{width:22px;height:22px;background:#1e3a5f;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.tipo-btn{padding:7px 16px;border:2px solid #dde2e8;border-radius:8px;background:#fff;font-size:12.5px;font-weight:600;color:#555;cursor:pointer;transition:all .15s}
.tipo-btn.active{border-color:#1e3a5f;background:#1e3a5f;color:#fff}
.fipe-resultado{background:#fff;border:2px solid #1e3a5f;border-radius:12px;padding:20px;text-align:center;display:none}
.fipe-valor{font-size:32px;font-weight:700;color:#1e3a5f;margin:8px 0}
.fipe-sub{font-size:12px;color:#888}
.renajud-box{background:#fff3e0;border:2px solid #e65100;border-radius:10px;padding:16px;margin-top:10px;display:none}
.renajud-box h5{color:#e65100;font-size:13px;font-weight:700;margin:0 0 8px}
.veic-salvo-card{background:#f8fafc;border:1px solid #e2e6ea;border-radius:8px;padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;gap:12px}
.veic-icon{width:38px;height:38px;background:#e3f2fd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
@media(max-width:768px){.fipe-wrap{grid-template-columns:1fr}}
</style>

<section class="content-header">
    <h1><i class="fa fa-car"></i> Consulta FIPE & RENAJUD</h1>
    <ol class="breadcrumb">
        <li><a href="<?php echo site_url('admin') ?>"><i class="fa fa-dashboard"></i></a></li>
        <li><a href="<?php echo site_url('admin/patrimonio') ?>">Busca Patrimonial</a></li>
        <?php if($exp): ?>
        <li><a href="<?php echo site_url('admin/patrimonio/view/'.$exp->id) ?>"><?php echo htmlspecialchars($exp->devedor_nome) ?></a></li>
        <?php endif; ?>
        <li class="active">FIPE & RENAJUD</li>
    </ol>
</section>

<section class="content">

<!-- Aviso informativo -->
<div class="alert alert-info alert-dismissible" style="border-radius:8px;font-size:13px">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    <i class="fa fa-info-circle"></i>
    <strong>Como funciona:</strong> Consulte o valor de mercado (FIPE) de veículos suspeitos encontrados durante a investigação.
    Não existe API gratuita para buscar veículos pelo CPF/CNPJ do devedor — isso é feito via <strong>RENAJUD</strong> (sistema judicial), cujo requerimento você pode gerar diretamente abaixo.
</div>

<div class="fipe-wrap">

    <!-- Painel FIPE -->
    <div class="fipe-panel">
        <h4><span class="step-num">1</span> Consultar Valor FIPE</h4>

        <!-- Tipo de veículo -->
        <div style="margin-bottom:12px">
            <label style="font-size:11px;font-weight:700;color:#888;text-transform:uppercase;display:block;margin-bottom:6px">Tipo de Veículo</label>
            <div style="display:flex;gap:8px">
                <button class="tipo-btn active" data-tipo="carros">🚗 Carros</button>
                <button class="tipo-btn" data-tipo="motos">🏍 Motos</button>
                <button class="tipo-btn" data-tipo="caminhoes">🚛 Caminhões</button>
            </div>
        </div>

        <!-- Marca -->
        <div class="form-group">
            <label style="font-size:11px;font-weight:700;color:#888;text-transform:uppercase">Marca</label>
            <select id="sel-marca" class="form-control" disabled>
                <option value="">Carregando marcas...</option>
            </select>
        </div>

        <!-- Modelo -->
        <div class="form-group">
            <label style="font-size:11px;font-weight:700;color:#888;text-transform:uppercase">Modelo</label>
            <select id="sel-modelo" class="form-control" disabled>
                <option value="">Selecione a marca primeiro</option>
            </select>
        </div>

        <!-- Ano -->
        <div class="form-group">
            <label style="font-size:11px;font-weight:700;color:#888;text-transform:uppercase">Ano</label>
            <select id="sel-ano" class="form-control" disabled>
                <option value="">Selecione o modelo primeiro</option>
            </select>
        </div>

        <button id="btn-consultar-fipe" class="btn btn-primary btn-block" disabled>
            <i class="fa fa-search"></i> Consultar Valor FIPE
        </button>

        <!-- Resultado FIPE -->
        <div id="fipe-resultado" class="fipe-resultado" style="margin-top:14px">
            <div style="font-size:12px;color:#888" id="fipe-veiculo-nome"></div>
            <div class="fipe-valor" id="fipe-valor-display"></div>
            <div class="fipe-sub" id="fipe-referencia"></div>
            <div style="font-size:11px;color:#aaa;margin-top:4px" id="fipe-codigo"></div>
            <?php if($exp): ?>
            <button id="btn-salvar-bem" class="btn btn-success btn-sm" style="margin-top:10px">
                <i class="fa fa-save"></i> Salvar como bem localizado no expediente
            </button>
            <?php endif; ?>
        </div>
    </div>

    <!-- Painel RENAJUD -->
    <div class="fipe-panel">
        <h4><span class="step-num">2</span> Requerer RENAJUD</h4>
        <p style="font-size:12.5px;color:#666;line-height:1.6;margin-bottom:14px">
            O <strong>RENAJUD</strong> é o sistema que permite ao juízo restrições sobre veículos de devedores diretamente junto ao DENATRAN.
            Não existe API pública para buscar veículos por CPF/CNPJ — isso só é feito via ordem judicial pelo sistema RENAJUD.
        </p>

        <div style="background:#f8fafc;border-radius:8px;padding:14px;margin-bottom:14px">
            <div style="font-size:11.5px;font-weight:700;color:#1e3a5f;margin-bottom:8px">📋 Como pedir o RENAJUD:</div>
            <ol style="font-size:12px;color:#555;margin:0;padding-left:16px;line-height:1.8">
                <li>Peticionar requerimento ao juízo</li>
                <li>Juiz acessa o RENAJUD e consulta veículos pelo CPF/CNPJ</li>
                <li>Sistema retorna lista de veículos em nome do devedor</li>
                <li>Juiz expede ordem de restrição/bloqueio via DENATRAN</li>
            </ol>
        </div>

        <?php if($exp): ?>
        <!-- Gerador de requerimento -->
        <div style="margin-bottom:12px">
            <label style="font-size:11px;font-weight:700;color:#888;text-transform:uppercase;display:block;margin-bottom:6px">Dados do requerimento</label>
            <div class="form-group">
                <label style="font-size:12px">Devedor</label>
                <input type="text" id="renajud-devedor" class="form-control" value="<?php echo htmlspecialchars($exp->devedor_nome) ?>" readonly>
            </div>
            <div class="form-group">
                <label style="font-size:12px">CPF/CNPJ</label>
                <input type="text" id="renajud-doc" class="form-control" value="<?php echo htmlspecialchars($exp->devedor_doc) ?>" readonly>
            </div>
            <div class="form-group">
                <label style="font-size:12px">Número do processo</label>
                <input type="text" id="renajud-processo" class="form-control" value="<?php echo htmlspecialchars($exp->numero_processo ?? '') ?>" placeholder="Ex: 0001234-56.2024.8.17.0001">
            </div>
            <div class="form-group">
                <label style="font-size:12px">Valor do débito (R$)</label>
                <input type="text" id="renajud-valor" class="form-control" value="<?php echo number_format($exp->valor_execucao ?? 0, 2, ',', '.') ?>">
            </div>
        </div>
        <button id="btn-gerar-renajud" class="btn btn-warning btn-block">
            <i class="fa fa-file-text-o"></i> Gerar Requerimento RENAJUD
        </button>
        <?php else: ?>
        <div class="alert alert-warning" style="font-size:12px;border-radius:6px">
            <i class="fa fa-exclamation-triangle"></i>
            Acesse esta tela a partir de um expediente específico para gerar o requerimento com os dados preenchidos automaticamente.
        </div>
        <a href="<?php echo site_url('admin/patrimonio') ?>" class="btn btn-default btn-block">
            <i class="fa fa-search"></i> Ir para Busca Patrimonial
        </a>
        <?php endif; ?>
    </div>
</div>

<!-- Veículos já salvos -->
<?php if(!empty($bens_veic)): ?>
<div class="box box-primary">
    <div class="box-header with-border">
        <h3 class="box-title"><i class="fa fa-car"></i> Veículos Registrados neste Expediente</h3>
    </div>
    <div class="box-body">
        <?php foreach($bens_veic as $b): ?>
        <div class="veic-salvo-card">
            <div class="veic-icon">🚗</div>
            <div style="flex:1">
                <strong style="font-size:13.5px"><?php echo htmlspecialchars($b->descricao) ?></strong>
                <div style="font-size:12px;color:#888">
                    Valor FIPE: <strong style="color:#1e3a5f">R$ <?php echo number_format($b->valor_estimado, 2, ',', '.') ?></strong>
                    &nbsp;·&nbsp; Fonte: <?php echo htmlspecialchars($b->fonte) ?>
                    &nbsp;·&nbsp; <?php echo date('d/m/Y', strtotime($b->created_at)) ?>
                </div>
            </div>
            <span class="label label-success" style="font-size:11px"><?php echo $b->status ?></span>
        </div>
        <?php endforeach; ?>
    </div>
</div>
<?php endif; ?>

<!-- Modal requerimento RENAJUD -->
<div class="modal fade" id="modal-renajud">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="border-radius:10px;overflow:hidden">
            <div class="modal-header" style="background:#e65100;color:#fff;border:none">
                <button type="button" class="close" data-dismiss="modal" style="color:#fff">&times;</button>
                <h4 class="modal-title"><i class="fa fa-file-text-o"></i> Requerimento RENAJUD</h4>
            </div>
            <div class="modal-body" id="renajud-preview" style="font-family:Georgia,serif;font-size:13.5px;line-height:1.8;padding:24px"></div>
            <div class="modal-footer" style="border-top:1px solid #eee">
                <button onclick="window.print()" class="btn btn-primary"><i class="fa fa-print"></i> Imprimir</button>
                <button class="btn btn-default" data-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

</section>

<script>
var tipoAtual = 'carros';
var marcaId = null, modeloId = null;
var fipeData = null;
var expId = <?php echo $exp ? $exp->id : 0 ?>;
var baseUrl = '<?php echo site_url('admin/patrimonio/api_fipe') ?>';

// Carregar marcas ao iniciar
carregarMarcas('carros');

// Tipo de veículo
$('.tipo-btn').on('click', function(){
    $('.tipo-btn').removeClass('active');
    $(this).addClass('active');
    tipoAtual = $(this).data('tipo');
    marcaId = modeloId = null;
    fipeData = null;
    resetSelects();
    carregarMarcas(tipoAtual);
});

function resetSelects(){
    $('#sel-marca').html('<option value="">Carregando...</option>').prop('disabled', true);
    $('#sel-modelo').html('<option value="">Selecione a marca primeiro</option>').prop('disabled', true);
    $('#sel-ano').html('<option value="">Selecione o modelo primeiro</option>').prop('disabled', true);
    $('#btn-consultar-fipe').prop('disabled', true);
    $('#fipe-resultado').hide();
}

function carregarMarcas(tipo){
    $.getJSON(baseUrl + '?action=marcas&tipo=' + tipo, function(data){
        var opts = '<option value="">Selecione a marca</option>';
        $.each(data, function(i, m){ opts += '<option value="'+m.codigo+'">'+m.nome+'</option>'; });
        $('#sel-marca').html(opts).prop('disabled', false);
    }).fail(function(){ $('#sel-marca').html('<option>Erro ao carregar</option>'); });
}

$('#sel-marca').on('change', function(){
    marcaId = $(this).val();
    if(!marcaId) return;
    $('#sel-modelo').html('<option>Carregando modelos...</option>').prop('disabled', true);
    $('#sel-ano').html('<option>Selecione o modelo</option>').prop('disabled', true);
    $('#btn-consultar-fipe').prop('disabled', true);
    $.getJSON(baseUrl + '?action=modelos&tipo='+tipoAtual+'&marca_id='+marcaId, function(data){
        var opts = '<option value="">Selecione o modelo</option>';
        $.each(data, function(i, m){ opts += '<option value="'+m.codigo+'">'+m.nome+'</option>'; });
        $('#sel-modelo').html(opts).prop('disabled', false);
    });
});

$('#sel-modelo').on('change', function(){
    modeloId = $(this).val();
    if(!modeloId) return;
    $('#sel-ano').html('<option>Carregando anos...</option>').prop('disabled', true);
    $.getJSON(baseUrl + '?action=anos&tipo='+tipoAtual+'&marca_id='+marcaId+'&modelo_id='+modeloId, function(data){
        var opts = '<option value="">Selecione o ano</option>';
        $.each(data, function(i, a){ opts += '<option value="'+a.codigo+'">'+a.nome+'</option>'; });
        $('#sel-ano').html(opts).prop('disabled', false);
    });
});

$('#sel-ano').on('change', function(){
    $('#btn-consultar-fipe').prop('disabled', !$(this).val());
});

$('#btn-consultar-fipe').on('click', function(){
    var anoId = $('#sel-ano').val();
    if(!anoId) return;
    $(this).prop('disabled', true).html('<i class="fa fa-spin fa-spinner"></i> Consultando...');
    $.getJSON(baseUrl + '?action=valor&tipo='+tipoAtual+'&marca_id='+marcaId+'&modelo_id='+modeloId+'&ano_id='+anoId+'&exp_id='+expId, function(data){
        if(!data || !data.valor){ alert('Não foi possível obter o valor.'); return; }
        fipeData = data;
        $('#fipe-veiculo-nome').text((data.marca||'') + ' ' + (data.modelo||''));
        $('#fipe-valor-display').text(data.valor||'');
        $('#fipe-referencia').text('Ano: ' + (data.ano||'') + ' · Combustível: ' + (data.comb||''));
        $('#fipe-codigo').text('Código FIPE: ' + (data.codigo||''));
        $('#fipe-resultado').show();
        $('#btn-consultar-fipe').prop('disabled', false).html('<i class="fa fa-search"></i> Consultar Valor FIPE');
    }).fail(function(){
        alert('Erro ao consultar FIPE.');
        $('#btn-consultar-fipe').prop('disabled', false).html('<i class="fa fa-search"></i> Consultar Valor FIPE');
    });
});

$('#btn-salvar-bem').on('click', function(){
    if(!fipeData) return;
    // O save já foi feito pelo controller ao retornar o valor — recarregar a página para mostrar
    $(this).html('<i class="fa fa-check"></i> Salvo!').prop('disabled', true);
    setTimeout(function(){ location.reload(); }, 1200);
});

// Gerar requerimento RENAJUD
$('#btn-gerar-renajud').on('click', function(){
    var devedor  = $('#renajud-devedor').val();
    var doc      = $('#renajud-doc').val();
    var processo = $('#renajud-processo').val();
    var valor    = $('#renajud-valor').val();
    var hoje     = new Date().toLocaleDateString('pt-BR', {day:'2-digit',month:'long',year:'numeric'});

    var txt = '<div style="text-align:center;margin-bottom:20px"><strong style="font-size:14px">EXCELENTÍSSIMO(A) SENHOR(A) DOUTOR(A) JUIZ(A) DE DIREITO</strong></div>';
    txt += '<p style="text-indent:40px">'+
        '<strong><?php echo htmlspecialchars($exp->exequente_nome ?? 'EXEQUENTE') ?></strong>, '+
        'nos autos da execução em epígrafe (Processo nº <strong>'+processo+'</strong>), '+
        'vem respeitosamente à presença de Vossa Excelência, por meio de seu advogado subscritor, requerer:</p>';
    txt += '<p style="text-indent:40px;margin-top:16px">'+
        '<strong>REQUERIMENTO DE CONSULTA E BLOQUEIO VIA RENAJUD</strong></p>';
    txt += '<p style="text-indent:40px">'+
        'Em razão do débito no valor de <strong>R$ '+valor+'</strong>, já transitado em julgado, '+
        'e da infrutífera tentativa de localização de bens do(a) executado(a) '+
        '<strong>'+devedor+'</strong>, inscrito(a) no CPF/CNPJ sob o nº <strong>'+doc+'</strong>, '+
        'requer-se a V.Exa. se digne determinar a expedição de ofício eletrônico ao '+
        '<strong>RENAJUD — Restrições Judiciais sobre Veículos Automotores</strong>, '+
        'sistema gerido pelo Conselho Nacional de Justiça (CNJ) em conjunto com o DENATRAN/SENATRAN, '+
        'para que seja realizada:</p>';
    txt += '<ol style="margin:16px 0 16px 40px;font-size:13.5px;line-height:1.8">'+
        '<li>Consulta de todos os veículos registrados em nome do(a) executado(a);</li>'+
        '<li>Inclusão de restrição judicial (bloqueio de transferência) em todos os veículos localizados;</li>'+
        '<li>Comunicação ao juízo dos veículos localizados para fins de penhora nos termos do art. 845, §1º do CPC.</li>'+
        '</ol>';
    txt += '<p style="text-indent:40px">'+
        'Fundamentação: arts. 139, IV, 523, 771 e 845, §1º do CPC/2015; Resolução CNJ nº 61/2008 (RENAJUD).</p>';
    txt += '<p style="margin-top:24px;text-align:center">Recife/PE, '+hoje+'.</p>';
    txt += '<p style="text-align:center;margin-top:30px">_____________________________<br>'+
        '<strong><?php echo htmlspecialchars($exp->advogado_nome ?? 'ADVOGADO') ?></strong><br>'+
        '<small style="color:#888">OAB/PE nº <?php echo htmlspecialchars($exp->oab ?? '') ?></small></p>';

    $('#renajud-preview').html(txt);
    $('#modal-renajud').modal('show');
});
</script>
