{% extends "base.html" %}

{% block title %}Selecionar Itens para Devolução (NF) - CapeSystem{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="bi bi-arrow-return-left"></i> Devolução com Nota Fiscal - Selecionar Itens</h2>
        <a href="{{ url_for('devolucao_com_nota') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left"></i> Voltar
        </a>
    </div>

    <div class="row">
        <!-- Dados da Nota -->
        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="bi bi-file-earmark-text"></i> Dados da Nota Fiscal</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr>
                            <th>Número:</th>
                            <td><strong>{{ nota.numero }}/{{ nota.serie }}</strong></td>
                        </tr>
                        <tr>
                            <th>Modelo:</th>
                            <td>
                                {% if nota.modelo == '55' %}NF-e
                                {% elif nota.modelo == '65' %}NFC-e
                                {% else %}{{ nota.modelo }}{% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Emissão:</th>
                            <td>{{ nota.data_emissao.strftime('%d/%m/%Y') if nota.data_emissao else '-' }}</td>
                        </tr>
                        <tr>
                            <th>Chave:</th>
                            <td><small class="text-muted" style="word-break: break-all;">{{ nota.chave_acesso or '-' }}</small></td>
                        </tr>
                        <tr>
                            <th>Valor Total:</th>
                            <td><strong class="text-success">R$ {{ "%.2f"|format(nota.valor_total or 0) }}</strong></td>
                        </tr>
                    </table>
                </div>
            </div>

            <!-- Cliente -->
            <div class="card mb-4">
                <div class="card-header">
                    <h6 class="mb-0"><i class="bi bi-person"></i> Cliente para Crédito</h6>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <select class="form-select" id="pessoa_id" name="pessoa_id">
                            <option value="">Selecione o cliente...</option>
                            {% if cliente %}
                            <option value="{{ cliente.id }}" selected>{{ cliente.nome }}</option>
                            {% endif %}
                        </select>
                        <div class="form-text">
                            O crédito será lançado para este cliente.
                        </div>
                    </div>
                    <div id="saldo-credito-info" class="alert alert-info d-none">
                        <small>Saldo atual: <strong id="saldo-atual">R$ 0,00</strong></small>
                    </div>
                </div>
            </div>

            <!-- Motivo -->
            <div class="card mb-4">
                <div class="card-header">
                    <h6 class="mb-0"><i class="bi bi-chat-text"></i> Motivo da Devolução</h6>
                </div>
                <div class="card-body">
                    <select class="form-select mb-2" id="motivo-select">
                        <option value="">Selecione...</option>
                        <option value="Arrependimento">Arrependimento</option>
                        <option value="Produto com defeito">Produto com defeito</option>
                        <option value="Produto diferente do pedido">Produto diferente do pedido</option>
                        <option value="Tamanho/Medida incorreta">Tamanho/Medida incorreta</option>
                        <option value="Troca por outro produto">Troca por outro produto</option>
                        <option value="Outro">Outro</option>
                    </select>
                    <textarea class="form-control" id="motivo" rows="2" placeholder="Detalhes..."></textarea>
                </div>
            </div>

            <!-- Gerar NF-e de Devolução -->
            <div class="card mb-4">
                <div class="card-header bg-warning">
                    <h6 class="mb-0"><i class="bi bi-file-earmark-plus"></i> NF-e de Devolução</h6>
                </div>
                <div class="card-body">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="gerar_nfe_devolucao" checked>
                        <label class="form-check-label" for="gerar_nfe_devolucao">
                            Gerar NF-e de entrada (devolução)
                        </label>
                    </div>
                    <small class="text-muted">
                        A NF-e de devolução será gerada com finalidade 4 (Devolução) referenciando a nota original.
                    </small>
                </div>
            </div>

            <!-- Resumo -->
            <div class="card bg-success text-white">
                <div class="card-body text-center">
                    <h6>CRÉDITO A GERAR</h6>
                    <h2 id="total-devolucao">R$ 0,00</h2>
                    <button class="btn btn-light btn-lg w-100 mt-2" onclick="processarDevolucao()">
                        <i class="bi bi-check-circle"></i> Processar Devolução
                    </button>
                </div>
            </div>
        </div>

        <!-- Itens -->
        <div class="col-md-8">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="bi bi-box-seam"></i> Itens da Nota Fiscal</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="table-dark">
                                <tr>
                                    <th width="5%">
                                        <input type="checkbox" id="selecionar-todos" onchange="selecionarTodos(this)">
                                    </th>
                                    <th>Produto</th>
                                    <th class="text-center">Qtd Original</th>
                                    <th class="text-center">Qtd Devolver</th>
                                    <th class="text-end">Preço Unit.</th>
                                    <th class="text-end">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for item in itens %}
                                <tr id="item-{{ item.id }}">
                                    <td>
                                        <input type="checkbox" class="item-check" 
                                               data-item-id="{{ item.id }}"
                                               data-produto-id="{{ item.produto_id }}"
                                               data-quantidade="{{ item.quantidade }}"
                                               data-valor-unitario="{{ item.valor_unitario }}"
                                               onchange="atualizarTotal()">
                                    </td>
                                    <td>
                                        <strong>{{ item.descricao or (item.produto.nome if item.produto else 'Produto') }}</strong>
                                        {% if item.ncm %}
                                        <br><small class="text-muted">NCM: {{ item.ncm }}</small>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">{{ item.quantidade }}</td>
                                    <td class="text-center">
                                        <input type="number" class="form-control form-control-sm text-center qtd-devolver" 
                                               style="width: 80px; display: inline-block;"
                                               min="0" max="{{ item.quantidade }}" step="0.01"
                                               value="{{ item.quantidade }}"
                                               data-item-id="{{ item.id }}"
                                               onchange="atualizarTotal()">
                                    </td>
                                    <td class="text-end">R$ {{ "%.2f"|format(item.valor_unitario) }}</td>
                                    <td class="text-end">
                                        <strong class="item-total">R$ 0,00</strong>
                                    </td>
                                </tr>
                                {% else %}
                                <tr>
                                    <td colspan="6" class="text-center py-4 text-muted">
                                        Nenhum item encontrado nesta nota fiscal.
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
const notaId = {{ nota.id }};

function selecionarTodos(checkbox) {
    document.querySelectorAll('.item-check').forEach(cb => {
        cb.checked = checkbox.checked;
    });
    atualizarTotal();
}

function atualizarTotal() {
    let total = 0;
    
    document.querySelectorAll('.item-check:checked').forEach(checkbox => {
        const itemId = checkbox.dataset.itemId;
        const valorUnitario = parseFloat(checkbox.dataset.valorUnitario);
        const qtdInput = document.querySelector(`.qtd-devolver[data-item-id="${itemId}"]`);
        const qtd = parseFloat(qtdInput.value) || 0;
        
        const totalItem = qtd * valorUnitario;
        total += totalItem;
        
        const row = document.getElementById(`item-${itemId}`);
        if (row) {
            row.querySelector('.item-total').textContent = `R$ ${totalItem.toFixed(2)}`;
        }
    });
    
    document.querySelectorAll('.item-check:not(:checked)').forEach(checkbox => {
        const itemId = checkbox.dataset.itemId;
        const row = document.getElementById(`item-${itemId}`);
        if (row) {
            row.querySelector('.item-total').textContent = 'R$ 0,00';
        }
    });
    
    document.getElementById('total-devolucao').textContent = `R$ ${total.toFixed(2)}`;
}

function processarDevolucao() {
    const itens = [];
    let total = 0;
    
    document.querySelectorAll('.item-check:checked').forEach(checkbox => {
        const itemId = checkbox.dataset.itemId;
        const produtoId = checkbox.dataset.produtoId;
        const valorUnitario = parseFloat(checkbox.dataset.valorUnitario);
        const quantidadeOriginal = parseFloat(checkbox.dataset.quantidade);
        const qtdInput = document.querySelector(`.qtd-devolver[data-item-id="${itemId}"]`);
        const qtd = parseFloat(qtdInput.value) || 0;
        
        if (qtd <= 0) return;
        
        itens.push({
            item_nota_id: parseInt(itemId),
            produto_id: parseInt(produtoId),
            quantidade: qtd,
            quantidade_original: quantidadeOriginal,
            valor_unitario: valorUnitario,
            valor_ajustado: valorUnitario  // NF não tem desconto adicional
        });
        
        total += qtd * valorUnitario;
    });
    
    if (itens.length === 0) {
        alert('Selecione pelo menos um item para devolução.');
        return;
    }
    
    const pessoaId = document.getElementById('pessoa_id').value;
    if (!pessoaId) {
        if (!confirm('Nenhum cliente selecionado. O crédito não será gerado. Deseja continuar?')) {
            return;
        }
    }
    
    const motivoSelect = document.getElementById('motivo-select').value;
    const motivoTexto = document.getElementById('motivo').value;
    const motivo = motivoSelect + (motivoTexto ? ': ' + motivoTexto : '');
    
    const formData = new FormData();
    formData.append('tipo', 'com_nota');
    formData.append('nota_id', notaId);
    formData.append('pessoa_id', pessoaId);
    formData.append('motivo', motivo);
    formData.append('gerar_nfe', document.getElementById('gerar_nfe_devolucao').checked);
    formData.append('itens', JSON.stringify(itens));
    
    fetch('{{ url_for("devolucao_processar") }}', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert(data.message + '\n\nCrédito gerado: R$ ' + data.valor_credito.toFixed(2));
            window.location.href = '{{ url_for("devolucoes") }}';
        } else {
            alert('Erro: ' + data.message);
        }
    })
    .catch(error => {
        alert('Erro ao processar: ' + error);
    });
}

document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('selecionar-todos').checked = true;
    selecionarTodos(document.getElementById('selecionar-todos'));
});
</script>
{% endblock %}