<script>
jQuery(document).ready(function($) {
    // Estado global para dados e ordenação
    var cotasData = [];
    var ordenacao = {
        campo: 'credito', // 'credito' ou 'entrada'
        direcao: 'desc' // 'asc' ou 'desc'
    };

    function formatCurrency(value) {
        return new Intl.NumberFormat('pt-BR', {
            style: 'currency',
            currency: 'BRL'
        }).format(value);
    }

    function limparCotas() {
        $('.areaCotasOfertas').empty();
    }

    function renderCotas(cotas) {
        var $areaCotasOfertas = $('.areaCotasOfertas');
        limparCotas();

        cotas.forEach(function(cota) {
            var $itemCota = $('#itemCota').clone().removeAttr('id').show();
            $itemCota.find('.logoBank').css('background-image', 'url(' + cota.bancourl + ')');
            $itemCota.find('.nameBank').text(cota.banco);
            $itemCota.find('.idCota').text(cota._ID);

            var $categoria = $itemCota.find('.categoria');
            $categoria.text(cota.categoria);
            $categoria.removeClass('hidden');

            $itemCota.find('.creditoCota').text(formatCurrency(cota.credito));
            $itemCota.find('.entradaCota').text(formatCurrency(cota.entrada));
            $itemCota.find('.valorParcelas').text(cota.qtd_parcela + 'x ' + formatCurrency(cota.valor_parcela));

            $areaCotasOfertas.append($itemCota);
        });
    }

    function ordenarCotas(campo, direcao) {
        return cotasData.slice().sort(function(a, b) {
            var vA = parseFloat(a[campo]);
            var vB = parseFloat(b[campo]);
            if (direcao === 'asc') return vA - vB;
            return vB - vA;
        });
    }

    function atualizarOrdenacao(campo) {
        if (ordenacao.campo === campo) {
            // Troca a direção
            ordenacao.direcao = ordenacao.direcao === 'asc' ? 'desc' : 'asc';
        } else {
            ordenacao.campo = campo;
            // Define direção padrão para cada campo
            ordenacao.direcao = campo === 'credito' ? 'desc' : 'asc';
        }
    }

    function atualizarIcones() {
        // Atualiza ícones de acordo com o campo e direção
        var setaCredito = $('.filtroCredito .icon i');
        var setaEntrada = $('.filtroEntrada .icon i');
        if (ordenacao.campo === 'credito') {
            setaCredito.attr('class', ordenacao.direcao === 'desc' ? 'ion-ios-arrow-down' : 'ion-ios-arrow-up');
            setaEntrada.attr('class', 'ion-ios-arrow-up');
        } else {
            setaCredito.attr('class', 'ion-ios-arrow-down');
            setaEntrada.attr('class', ordenacao.direcao === 'desc' ? 'ion-ios-arrow-down' : 'ion-ios-arrow-up');
        }
    }

    function renderTudo() {
        var cotasOrdenadas = ordenarCotas(ordenacao.campo, ordenacao.direcao);
        renderCotas(cotasOrdenadas);
        atualizarIcones();
    }

    function loadAndRenderCotas() {
        $.post(window.location.href, { acao: 'get_cotas_vendedor' }, function(response, status, xhr) {
            if (xhr.status === 202 && response && response.length > 0) {
                cotasData = response;
                sessionStorage.setItem('cotasGeraisOfertas', JSON.stringify(response));
                renderTudo();
            } else {
                $('#cotasOfertas').addClass('hidden');
            }
        });
    }

    // Event listeners
    $('.filtroCredito').on('click', function(e) {
        e.preventDefault();
        atualizarOrdenacao('credito');
        renderTudo();
    });
    $('.filtroEntrada').on('click', function(e) {
        e.preventDefault();
        atualizarOrdenacao('entrada');
        renderTudo();
    });

    loadAndRenderCotas();
});
</script>

jQuery(document).ready(function($) {
    function formatCurrency(value) {
        return new Intl.NumberFormat('pt-BR', {
            style: 'currency',
            currency: 'BRL'
        }).format(value);
    }

    function renderCotas(cotas, $targetArea) {
        $targetArea.empty(); // Clear only the target area
        cotas.forEach(function(cota) {
            var $itemCota = $('#itemCota').clone().removeAttr('id');
            $itemCota.find('.logoBank').css('background-image', 'url(' + cota.bancourl + ')');
            $itemCota.find('.nameBank').text(cota.banco);
            $itemCota.find('.idCota').text(cota._ID);
            $itemCota.find('.creditoCota').text(formatCurrency(cota.credito));
            $itemCota.find('.entradaCota').text(formatCurrency(cota.entrada));
            $itemCota.find('.valorParcelas').text(cota.qtd_parcela + 'x ' + formatCurrency(cota.valor_parcela));
            $targetArea.append($itemCota);
        });
    }

    function sortCotas(cotas, key, asc) {
        return cotas.sort(function(a, b) {
            return asc ? a[key] - b[key] : b[key] - a[key];
        });
    }

    function loadAndRenderCotas() {
        $.post(window.location.href, { acao: 'get_cotas_selecao' }, function(response, status, xhr) {
            if (xhr.status === 202 && response.length > 0) {
                // Save the response in sessionStorage
                sessionStorage.setItem('cotasGerais', JSON.stringify(response));

                $('.areaCotas').each(function() {
                    var categoria = $(this).data('categoria');
                    var cotasCategoria = response.filter(cota => cota.categoria === categoria);
                    renderCotas(cotasCategoria, $(this));
                });
            } else {
                console.warn('Não foi possível carregar as cotas.');
            }
        });
    }

    loadAndRenderCotas();

    // Event handler for sorting
    $('.areaCotacoes').on('click', '.credito, .entrada', function() {
        var $sortButton = $(this);
        var $areaCotas = $sortButton.closest('.areaCotacoes').find('.areaCotas');
        var categoria = $areaCotas.data('categoria');
        var key = $sortButton.hasClass('credito') ? 'credito' : 'entrada';
        var ascending = $sortButton.find('i').hasClass('ion-ios-arrow-down');
        var allCotas = JSON.parse(sessionStorage.getItem('cotasGerais'));
        if (!allCotas) {
            console.warn('Cotas not found in sessionStorage.');
            return;
        }
        var cotasCategoria = allCotas.filter(cota => cota.categoria === categoria);
        var sortedCotas = sortCotas(cotasCategoria, key, ascending);
        renderCotas(sortedCotas, $areaCotas);
        $sortButton.find('i').toggleClass('ion-ios-arrow-down ion-ios-arrow-up');
    });
});