jQuery(document).ready(function($) {

    // Ao clicar no botão "Pesquisar", mostra ou esconde o campo de busca
    $('#abrir-busca').on('click', function() {
        $('#campo-busca').slideToggle();
        $('#search-input').focus();
    });

    // Função de busca dinâmica enquanto digita
    $('#search-input').on('input', function() {
        var termo = $(this).val().toLowerCase().trim();

        if (termo.length < 3) {
            $('#resultados-busca').html('<p>Digite pelo menos 3 letras para buscar.</p>');
            return;
        }

        $.ajax({
            url: '/wp-json/wp/v2/posts?search=' + termo + '&_embed',
            method: 'GET',
            success: function(posts) {
                if (posts.length === 0) {
                    $('#resultados-busca').html('<p>Nenhum resultado encontrado.</p>');
                    return;
                }

                var html = '';
                posts.forEach(function(post) {
                    var titulo = post.title.rendered;
                    var link = post.link;
                    var data = new Date(post.date).toLocaleDateString('pt-BR');
                    var imagem = '';

                    if (post._embedded && post._embedded['wp:featuredmedia']) {
                        imagem = post._embedded['wp:featuredmedia'][0].source_url;
                    }

                    html += `
                        <div class="post-card">
                            ${imagem ? `<img src="${imagem}" alt="${titulo}">` : ''}
                            <div class="post-card-content">
                                <h3 class="post-card-title">
                                    <a href="${link}">${titulo}</a>
                                </h3>
                                <p class="post-card-meta">${data}</p>
                            </div>
                        </div>
                    `;
                });

                $('#resultados-busca').html(html);
            },
            error: function() {
                $('#resultados-busca').html('<p>Erro ao buscar os posts.</p>');
            }
        });
    });

});