{% extends "base.html" %}

{% block title %}Editar Produto - CapeSystem{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1><i class="bi bi-pencil"></i> Editar Produto: {{ produto.nome }}</h1>
    </div>
    <div>
        <a href="{{ url_for('duplicar_produto', id=produto.id) }}" 
           class="btn btn-info"
           onclick="return confirm('Deseja criar uma cópia deste produto?\n\nSerão copiados todos os dados de cadastro, exceto estoque e movimentações.')">
            <i class="bi bi-files"></i> Duplicar Produto
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST">
            <div class="row">
                <div class="col-md-3 mb-3">
                    <label class="form-label">ID / Código Interno</label>
                    <input type="text" class="form-control" name="codigo_produto" placeholder="Opcional"
                           value="{{ produto.codigo_produto or '' }}">
                    <small class="text-muted">Opcional: se vazio, o sistema usa o ID padrão do produto.</small>
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">Código de Barras (EAN/GTIN)</label>
                    <input type="text" class="form-control" name="codigo_barras" maxlength="20"
                           value="{{ produto.codigo_barras or '' }}" placeholder="7891234567890">
                    <small class="text-muted">Deixe em branco se não tiver.</small>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Nome do Produto/Serviço *</label>
                    <input type="text" class="form-control" name="nome" required value="{{ produto.nome }}">
                </div>
            </div>

            <div class="row">
                <div class="col-md-4 mb-3">
                    <label class="form-label">Empresa *</label>
                    <select class="form-select" name="empresa_id" required>
                        <option value="">Selecione...</option>
                        {% for empresa in empresas %}
                            <option value="{{ empresa.id }}" {% if produto.empresa_id == empresa.id %}selected{% endif %}>
                                {{ empresa.nome }}
                            </option>
                        {% endfor %}
                    </select>
                    <small class="text-muted">Determina regras fiscais, CFOP e faturamento.</small>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Tipo *</label>
                    <select class="form-select" name="tipo" required>
                        <optgroup label="Produtos">
                            <option value="produto" {% if produto.tipo == 'produto' %}selected{% endif %}>Produto (Revenda)</option>
                            <option value="equipamento" {% if produto.tipo == 'equipamento' %}selected{% endif %}>Equipamento</option>
                            <option value="aluguel_maquina" {% if produto.tipo == 'aluguel_maquina' %}selected{% endif %}>Aluguel de Máquina</option>
                        </optgroup>
                        <optgroup label="Serviços">
                            <option value="servico" {% if produto.tipo == 'servico' %}selected{% endif %}>Serviço</option>
                            <option value="locacao" {% if produto.tipo == 'locacao' %}selected{% endif %}>Locação de Sistema</option>
                            <option value="consultoria" {% if produto.tipo == 'consultoria' %}selected{% endif %}>Consultoria</option>
                            <option value="comissao_transacao" {% if produto.tipo == 'comissao_transacao' %}selected{% endif %}>Comissão/Transação</option>
                        </optgroup>
                    </select>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Periodicidade</label>
                    <select class="form-select" name="periodicidade">
                        <option value="mensal" {% if produto.periodicidade == 'mensal' %}selected{% endif %}>Mensal</option>
                        <option value="anual" {% if produto.periodicidade == 'anual' %}selected{% endif %}>Anual</option>
                        <option value="unico" {% if produto.periodicidade == 'unico' %}selected{% endif %}>Único</option>
                    </select>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4 mb-3">
                    <div class="form-check mt-4 pt-1">
                        <input type="checkbox" class="form-check-input" name="recorrente" id="recorrente"
                               {% if produto.recorrente %}checked{% endif %}>
                        <label class="form-check-label" for="recorrente">
                            Receita recorrente
                        </label>
                    </div>
                </div>
                <div class="col-md-8 mb-3">
                    <label class="form-label">Descrição</label>
                    <textarea class="form-control" name="descricao" rows="2"
                              placeholder="Resumo do produto e regras comerciais.">{{ produto.descricao or '' }}</textarea>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4 mb-3">
                    <label class="form-label">Valor Venda (R$)</label>
                    <input type="number" class="form-control" name="valor_venda"
                           step="0.01" min="0" value="{{ '%.2f'|format(produto.valor_venda or 0) }}"
                           id="valorBase">
                    <small class="text-muted">Sincronizado com o primeiro preço listado.</small>
                </div>
                
                <div class="col-md-4 mb-3">
                    <label class="form-label">Custo de Operação (R$)</label>
                    <input type="number" class="form-control" name="custo_operacao"
                           step="0.01" min="0" value="{{ '%.2f'|format(produto.custo_operacao or 0) }}"
                           id="custoOperacao">
                    <small class="text-muted">Custos fixos e despesas recorrentes.</small>
                </div>
                
                <div class="col-md-4 mb-3">
                    <label class="form-label">Margem de Lucro</label>
                    <input type="text" class="form-control" id="margemLucro" readonly
                           value="{{ '%.1f'|format(produto.margem_base() or 0) }}%">
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Fornecedor</label>
                    <select class="form-select" name="fornecedor_id">
                        <option value="">Nenhum (sem fornecedor vinculado)</option>
                        {% for fornecedor in fornecedores %}
                            <option value="{{ fornecedor['id_real'] }}" 
                                    {% if produto.fornecedor_id and fornecedor['id_real'] == produto.fornecedor_id %}selected{% endif %}>
                                {{ fornecedor['nome'] }}
                                {% if fornecedor['tipo_cadastro'] == 'pessoa' %} (Novo Cadastro){% endif %}
                            </option>
                        {% endfor %}
                    </select>
                    <small class="text-muted">
                        Vincule o fornecedor responsável.
                        <a href="{{ url_for('nova_pessoa') }}?tipo=fornecedor" target="_blank">Cadastrar novo fornecedor</a>
                    </small>
                </div>
                
                <div class="col-md-6 mb-3">
                    <label class="form-label">Embalagem / Unidade</label>
                    <select class="form-select" name="embalagem_id">
                        <option value="">Nenhuma (não especificada)</option>
                        {% for embalagem in embalagens %}
                            <option value="{{ embalagem.id }}" 
                                    {% if produto.embalagem_id and embalagem.id == produto.embalagem_id %}selected{% endif %}>
                                {{ embalagem.nome }} ({{ embalagem.sigla }})
                                {% if embalagem.fracionada %} - Fracionada{% endif %}
                            </option>
                        {% endfor %}
                    </select>
                    <small class="text-muted">
                        Define como o produto é comercializado.
                        <a href="{{ url_for('nova_embalagem') }}" target="_blank">Cadastrar nova embalagem</a>
                    </small>
                </div>
            </div>

            <!-- CONTROLE DE ESTOQUE (apenas para produtos tipo "produto") -->
            <div class="card mb-3" id="estoqueCard" style="{% if produto and produto.tipo != 'produto' %}display:none;{% endif %}">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="bi bi-box-seam"></i> Controle de Estoque</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <div class="form-check mt-2">
                                <input type="checkbox" class="form-check-input" name="controla_estoque" id="controla_estoque"
                                       {% if produto and produto.controla_estoque %}checked{% endif %}>
                                <label class="form-check-label" for="controla_estoque">
                                    <strong>Controlar Estoque</strong>
                                </label>
                            </div>
                            <small class="text-muted">Habilita gestão de quantidade</small>
                        </div>
                        <div class="col-md-3 mb-3" id="estoqueAtualDiv">
                            <label class="form-label">Estoque Atual</label>
                            <input type="number" class="form-control" name="estoque_atual" 
                                   value="{{ produto.estoque_atual if produto and produto.estoque_atual else 0 }}"
                                   min="0" step="1">
                        </div>
                        <div class="col-md-3 mb-3" id="estoqueMinimoDiv">
                            <label class="form-label">Estoque Mínimo</label>
                            <input type="number" class="form-control" name="estoque_minimo"
                                   value="{{ produto.estoque_minimo if produto and produto.estoque_minimo else 0 }}"
                                   min="0" step="1">
                            <small class="text-muted">Alerta de reposição</small>
                        </div>
                        <div class="col-md-3 mb-3" id="estoqueStatus">
                            {% if produto and produto.controla_estoque %}
                                {% if produto.estoque_atual > produto.estoque_minimo %}
                                    <span class="badge bg-success mt-4">Estoque OK</span>
                                {% elif produto.estoque_atual > 0 %}
                                    <span class="badge bg-warning mt-4">Estoque Baixo</span>
                                {% else %}
                                    <span class="badge bg-danger mt-4">Estoque Zerado</span>
                                {% endif %}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header bg-warning text-dark">
                    <h5 class="mb-0"><i class="bi bi-tags"></i> Preços de Venda</h5>
                </div>
                <div class="card-body">
                    <p class="text-muted">Atualize os valores praticados em cada modalidade. O primeiro preço sincroniza automaticamente o campo Valor Venda.</p>
                    <div class="alert alert-light border">
                        <div class="d-flex justify-content-between align-items-center">
                            <span><i class="bi bi-cash-coin"></i> Precisa de regras específicas por forma de pagamento?</span>
                            {% set pode_gerenciar_formas = formas_pagamento_url %}
                            <a href="{{ pode_gerenciar_formas or '#' }}"
                               class="btn btn-sm btn-outline-primary {% if not pode_gerenciar_formas %}disabled{% endif %}"
                               {% if pode_gerenciar_formas %}target="_blank"{% else %}tabindex="-1" aria-disabled="true"{% endif %}>
                                <i class="bi bi-credit-card"></i> Gerenciar Formas
                            </a>
                        </div>
                    </div>

                    <div id="listaPrecos" class="mb-3"></div>
                    <button type="button" class="btn btn-outline-primary" id="btnAddPreco">
                        <i class="bi bi-plus-circle"></i> Adicionar Preço
                    </button>
                </div>
            </div>

            <!-- CAMPOS FISCAIS PARA NF-e/NFC-e -->
            <div class="card bg-light mb-3">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-file-earmark-text"></i> Informações Fiscais (NF-e/NFC-e)</h5>
                </div>
                <div class="card-body">
                    <div class="row align-items-end">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Perfil Simplificado de Tributação</label>
                            <select class="form-select" name="tributacao_tipo" id="tributacaoTipo">
                                <option value="">Manter dados atuais</option>
                                <option value="normal" {% if produto.tributacao_tipo == 'normal' %}selected{% endif %}>Normal - Venda interna padrão</option>
                                <option value="isento" {% if produto.tributacao_tipo == 'isento' %}selected{% endif %}>Isento - Operação sem imposto</option>
                                <option value="antecipado" {% if produto.tributacao_tipo == 'antecipado' %}selected{% endif %}>Antecipado/ST - Substituição</option>
                            </select>
                            <small class="text-muted">Ao selecionar um perfil os campos fiscais abaixo serão preenchidos automaticamente.</small>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Resumo do Perfil</label>
                            <div class="border rounded bg-white p-2 small" id="resumoTributacao">
                                <span class="text-muted">Selecione um perfil para visualizar CFOP/CST sugeridos.</span>
                            </div>
                        </div>
                    </div>

                    <div class="alert alert-info">
                        <i class="bi bi-info-circle"></i> Campos obrigatórios para emissão de Nota Fiscal Eletrônica
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Unidade Comercial *</label>
                            <select class="form-select" name="unidade_comercial" required>
                                <option value="UN" {% if produto.unidade_comercial == 'UN' %}selected{% endif %}>UN - Unidade</option>
                                <option value="KG" {% if produto.unidade_comercial == 'KG' %}selected{% endif %}>KG - Quilograma</option>
                                <option value="MT" {% if produto.unidade_comercial == 'MT' %}selected{% endif %}>MT - Metro</option>
                                <option value="LT" {% if produto.unidade_comercial == 'LT' %}selected{% endif %}>LT - Litro</option>
                                <option value="CX" {% if produto.unidade_comercial == 'CX' %}selected{% endif %}>CX - Caixa</option>
                                <option value="PC" {% if produto.unidade_comercial == 'PC' %}selected{% endif %}>PC - Peça</option>
                                <option value="M2" {% if produto.unidade_comercial == 'M2' %}selected{% endif %}>M2 - Metro Quadrado</option>
                                <option value="M3" {% if produto.unidade_comercial == 'M3' %}selected{% endif %}>M3 - Metro Cúbico</option>
                            </select>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="form-label">Origem *</label>
                            <select class="form-select" name="origem" required>
                                <option value="0" {% if produto.origem == '0' %}selected{% endif %}>0 - Nacional</option>
                                <option value="1" {% if produto.origem == '1' %}selected{% endif %}>1 - Estrangeira (importação direta)</option>
                                <option value="2" {% if produto.origem == '2' %}selected{% endif %}>2 - Estrangeira (mercado interno)</option>
                                <option value="3" {% if produto.origem == '3' %}selected{% endif %}>3 - Nacional c/ Conteúdo Import. > 40%</option>
                                <option value="4" {% if produto.origem == '4' %}selected{% endif %}>4 - Nacional (processos produtivos básicos)</option>
                                <option value="5" {% if produto.origem == '5' %}selected{% endif %}>5 - Nacional c/ Conteúdo Import. ≤ 40%</option>
                                <option value="6" {% if produto.origem == '6' %}selected{% endif %}>6 - Estrangeira (importação direta sem similar nacional)</option>
                                <option value="7" {% if produto.origem == '7' %}selected{% endif %}>7 - Estrangeira (mercado interno sem similar nacional)</option>
                                <option value="8" {% if produto.origem == '8' %}selected{% endif %}>8 - Nacional (conteúdo importação > 70%)</option>
                            </select>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label class="form-label">NCM *</label>
                            <input type="text" class="form-control" name="ncm" 
                                   maxlength="8" required pattern="[0-9]{8}"
                                   value="{{ produto.ncm or '' }}" placeholder="00000000">
                            <small class="text-muted">Nomenclatura Comum do Mercosul (8 dígitos)</small>
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">CEST</label>
                            <input type="text" class="form-control" name="cest" 
                                   maxlength="7" pattern="[0-9]{7}"
                                   value="{{ produto.cest or '' }}" placeholder="0000000">
                            <small class="text-muted">Código Especificador da ST (7 dígitos, se aplicável)</small>
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">CFOP *</label>
                            <input type="text" class="form-control" name="cfop" id="cfop"
                                   maxlength="4" required pattern="[0-9]{4}"
                                   value="{{ produto.cfop or '5102' }}" placeholder="5102">
                            <small class="text-muted">Ex: 5102 (Venda interna)</small>
                        </div>
                    </div>

                    <!-- ICMS -->
                    <h6 class="mt-3 mb-2"><i class="bi bi-calculator"></i> ICMS</h6>
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label class="form-label">CST ICMS *</label>
                            <select class="form-select" name="cst_icms" id="cstIcms" required>
                                <option value="00" {% if produto.cst_icms == '00' %}selected{% endif %}>00 - Tributada integralmente</option>
                                <option value="10" {% if produto.cst_icms == '10' %}selected{% endif %}>10 - Tributada com cobrança de ICMS ST</option>
                                <option value="20" {% if produto.cst_icms == '20' %}selected{% endif %}>20 - Redução de base de cálculo</option>
                                <option value="30" {% if produto.cst_icms == '30' %}selected{% endif %}>30 - Isenta ou não tributada com ST</option>
                                <option value="40" {% if produto.cst_icms == '40' %}selected{% endif %}>40 - Isenta</option>
                                <option value="41" {% if produto.cst_icms == '41' %}selected{% endif %}>41 - Não tributada</option>
                                <option value="50" {% if produto.cst_icms == '50' %}selected{% endif %}>50 - Suspensão</option>
                                <option value="51" {% if produto.cst_icms == '51' %}selected{% endif %}>51 - Diferimento</option>
                                <option value="60" {% if produto.cst_icms == '60' %}selected{% endif %}>60 - ICMS cobrado anteriormente por ST</option>
                                <option value="70" {% if produto.cst_icms == '70' %}selected{% endif %}>70 - Redução de BC e ST</option>
                                <option value="90" {% if produto.cst_icms == '90' %}selected{% endif %}>90 - Outras</option>
                                <option value="101" {% if produto.cst_icms == '101' %}selected{% endif %}>101 - Simples Nacional (Tributada com permissão de crédito)</option>
                                <option value="102" {% if produto.cst_icms == '102' %}selected{% endif %}>102 - Simples Nacional (Tributada sem permissão de crédito)</option>
                                <option value="103" {% if produto.cst_icms == '103' %}selected{% endif %}>103 - Simples Nacional (Isenção)</option>
                                <option value="201" {% if produto.cst_icms == '201' %}selected{% endif %}>201 - Simples Nacional (Tributada com ST)</option>
                                <option value="202" {% if produto.cst_icms == '202' %}selected{% endif %}>202 - Simples Nacional (Tributada sem permissão com ST)</option>
                                <option value="203" {% if produto.cst_icms == '203' %}selected{% endif %}>203 - Simples Nacional (Isenção com ST)</option>
                                <option value="300" {% if produto.cst_icms == '300' %}selected{% endif %}>300 - Simples Nacional (Imune)</option>
                                <option value="400" {% if produto.cst_icms == '400' %}selected{% endif %}>400 - Simples Nacional (Não tributada)</option>
                                <option value="500" {% if produto.cst_icms == '500' %}selected{% endif %}>500 - Simples Nacional (ICMS cobrado anteriormente por ST)</option>
                                <option value="900" {% if produto.cst_icms == '900' %}selected{% endif %}>900 - Simples Nacional (Outras)</option>
                            </select>
                            <small class="text-muted">A alíquota ICMS é definida na Configuração Fiscal (varia por estado)</small>
                        </div>
                    </div>

                    <!-- IPI -->
                    <h6 class="mt-3 mb-2"><i class="bi bi-calculator"></i> IPI</h6>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">CST IPI</label>
                            <select class="form-select" name="cst_ipi">
                                <option value="">Não se aplica</option>
                                <option value="00" {% if produto.cst_ipi == '00' %}selected{% endif %}>00 - Entrada com recuperação de crédito</option>
                                <option value="01" {% if produto.cst_ipi == '01' %}selected{% endif %}>01 - Entrada tributada com alíquota zero</option>
                                <option value="02" {% if produto.cst_ipi == '02' %}selected{% endif %}>02 - Entrada isenta</option>
                                <option value="03" {% if produto.cst_ipi == '03' %}selected{% endif %}>03 - Entrada não tributada</option>
                                <option value="04" {% if produto.cst_ipi == '04' %}selected{% endif %}>04 - Entrada imune</option>
                                <option value="05" {% if produto.cst_ipi == '05' %}selected{% endif %}>05 - Entrada com suspensão</option>
                                <option value="49" {% if produto.cst_ipi == '49' %}selected{% endif %}>49 - Outras entradas</option>
                                <option value="50" {% if produto.cst_ipi == '50' %}selected{% endif %}>50 - Saída tributada</option>
                                <option value="51" {% if produto.cst_ipi == '51' %}selected{% endif %}>51 - Saída tributada com alíquota zero</option>
                                <option value="52" {% if produto.cst_ipi == '52' %}selected{% endif %}>52 - Saída isenta</option>
                                <option value="53" {% if produto.cst_ipi == '53' %}selected{% endif %}>53 - Saída não tributada</option>
                                <option value="54" {% if produto.cst_ipi == '54' %}selected{% endif %}>54 - Saída imune</option>
                                <option value="55" {% if produto.cst_ipi == '55' %}selected{% endif %}>55 - Saída com suspensão</option>
                                <option value="99" {% if produto.cst_ipi == '99' %}selected{% endif %}>99 - Outras saídas</option>
                            </select>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="form-label">Alíquota IPI (%)</label>
                            <input type="number" class="form-control" name="aliquota_ipi" 
                                   step="0.01" min="0" max="100" 
                                   value="{{ produto.aliquota_ipi or 0 }}" placeholder="0.00">
                        </div>
                    </div>

                    <!-- PIS e COFINS -->
                    <h6 class="mt-3 mb-2"><i class="bi bi-calculator"></i> PIS e COFINS</h6>
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label class="form-label">CST PIS *</label>
                            <select class="form-select" name="cst_pis" id="cstPis" required>
                                <option value="01" {% if produto.cst_pis == '01' %}selected{% endif %}>01 - Tributável</option>
                                <option value="02" {% if produto.cst_pis == '02' %}selected{% endif %}>02 - Tributável alíquota diferenciada</option>
                                <option value="04" {% if produto.cst_pis == '04' %}selected{% endif %}>04 - Tributável monofásica</option>
                                <option value="06" {% if produto.cst_pis == '06' %}selected{% endif %}>06 - Tributável alíquota zero</option>
                                <option value="07" {% if produto.cst_pis == '07' %}selected{% endif %}>07 - Isenta</option>
                                <option value="08" {% if produto.cst_pis == '08' %}selected{% endif %}>08 - Sem incidência</option>
                                <option value="09" {% if produto.cst_pis == '09' %}selected{% endif %}>09 - Suspensão</option>
                                <option value="49" {% if produto.cst_pis == '49' %}selected{% endif %}>49 - Outras operações</option>
                                <option value="99" {% if produto.cst_pis == '99' %}selected{% endif %}>99 - Outras operações não especificadas</option>
                            </select>
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">Alíquota PIS (%)</label>
                            <input type="number" class="form-control" name="aliquota_pis" id="aliquotaPis"
                                   step="0.01" min="0" max="100" 
                                   value="{{ produto.aliquota_pis or 0 }}" placeholder="0.00">
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">CST COFINS *</label>
                            <select class="form-select" name="cst_cofins" id="cstCofins" required>
                                <option value="01" {% if produto.cst_cofins == '01' %}selected{% endif %}>01 - Tributável</option>
                                <option value="02" {% if produto.cst_cofins == '02' %}selected{% endif %}>02 - Tributável alíquota diferenciada</option>
                                <option value="04" {% if produto.cst_cofins == '04' %}selected{% endif %}>04 - Tributável monofásica</option>
                                <option value="06" {% if produto.cst_cofins == '06' %}selected{% endif %}>06 - Tributável alíquota zero</option>
                                <option value="07" {% if produto.cst_cofins == '07' %}selected{% endif %}>07 - Isenta</option>
                                <option value="08" {% if produto.cst_cofins == '08' %}selected{% endif %}>08 - Sem incidência</option>
                                <option value="09" {% if produto.cst_cofins == '09' %}selected{% endif %}>09 - Suspensão</option>
                                <option value="49" {% if produto.cst_cofins == '49' %}selected{% endif %}>49 - Outras operações</option>
                                <option value="99" {% if produto.cst_cofins == '99' %}selected{% endif %}>99 - Outras operações não especificadas</option>
                            </select>
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">Alíquota COFINS (%)</label>
                            <input type="number" class="form-control" name="aliquota_cofins" id="aliquotaCofins"
                                   step="0.01" min="0" max="100" 
                                   value="{{ produto.aliquota_cofins or 0 }}" placeholder="0.00">
                        </div>
                    </div>

                    <div class="alert alert-warning mt-3">
                        <strong><i class="bi bi-exclamation-triangle"></i> Atenção:</strong> 
                        Campos marcados com * são obrigatórios para emissão de NF-e/NFC-e. 
                        Consulte seu contador para preencher corretamente as informações tributárias.
                    </div>
                </div>
            </div>

            <div class="mb-3">
                <strong>Informações do Produto:</strong><br>
                <span class="badge bg-{% if produto.empresa.nome == 'CapeSystem' %}primary{% else %}info{% endif %} me-2">
                    {{ produto.empresa.nome }}
                </span>
                <span class="badge bg-secondary me-2">{{ produto.tipo }}</span>
                <span class="badge bg-secondary">{{ produto.periodicidade }}</span>
                {% if produto.fornecedor %}
                    <span class="badge bg-warning text-dark">
                        <i class="bi bi-truck"></i> {{ produto.fornecedor.nome }}
                    </span>
                {% endif %}
            </div>

            <div class="mb-3 form-check">
                <input type="checkbox" class="form-check-input" name="ativo" id="ativo"
                       {% if produto.ativo %}checked{% endif %}>
                <label class="form-check-label" for="ativo">
                    Produto Ativo
                </label>
            </div>

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check-circle"></i> Salvar Alterações
                </button>
                <a href="{{ url_for('produtos') }}" class="btn btn-secondary">
                    <i class="bi bi-x-circle"></i> Cancelar
                </a>
            </div>
        </form>
    </div>
</div>

<script>
const perfisTributacao = {{ (perfis_tributacao or {})|tojson|safe }};
const formasPagamentoDisponiveis = {{ (formas_pagamento_json or [])|tojson|safe }};
const precosIniciais = {{ (precos_iniciais or [])|tojson|safe }};

function calcularMargem() {
    const valorCampo = document.getElementById('valorBase');
    const custoCampo = document.getElementById('custoOperacao');
    const margemCampo = document.getElementById('margemLucro');
    if (!margemCampo) return;
    const valor = parseFloat((valorCampo && valorCampo.value) ? valorCampo.value : 0);
    const custo = parseFloat((custoCampo && custoCampo.value) ? custoCampo.value : 0);
    if (valor > 0) {
        const margem = ((valor - custo) / valor) * 100;
        margemCampo.value = margem.toFixed(1) + '%';
        margemCampo.classList.remove('border-danger', 'border-warning', 'border-success');
        if (margem < 20) {
            margemCampo.classList.add('border-danger');
        } else if (margem < 40) {
            margemCampo.classList.add('border-warning');
        } else {
            margemCampo.classList.add('border-success');
        }
    } else {
        margemCampo.value = '0.0%';
        margemCampo.classList.remove('border-danger', 'border-warning', 'border-success');
    }
}

function obterPerfilAtual() {
    const empresaSelect = document.querySelector('select[name="empresa_id"]');
    const tipoSelect = document.getElementById('tributacaoTipo');
    if (!empresaSelect || !tipoSelect) return null;
    const empresaId = empresaSelect.value;
    const tipo = tipoSelect.value;
    if (!empresaId || !tipo) return null;
    const perfisEmpresa = perfisTributacao[empresaId] || perfisTributacao[String(empresaId)] || {};
    return perfisEmpresa[tipo] || null;
}

function formatarAliquota(valor) {
    const numero = parseFloat(valor || 0);
    return numero ? numero.toFixed(2) + '%' : '0%';
}

function atualizarResumoTributacao() {
    const resumo = document.getElementById('resumoTributacao');
    if (!resumo) return;
    const perfil = obterPerfilAtual();
    if (!perfil) {
        resumo.innerHTML = '<span class="text-muted">Selecione uma empresa e um perfil para visualizar CFOP/CST sugeridos.</span>';
        return;
    }
    resumo.innerHTML = `
        <strong>CFOP:</strong> ${perfil.cfop || '-'} · <strong>CST:</strong> ${perfil.cst_icms || '-'}<br>
        <strong>PIS:</strong> CST ${perfil.cst_pis || '-'} (${formatarAliquota(perfil.aliquota_pis)}) ·
        <strong>COFINS:</strong> CST ${perfil.cst_cofins || '-'} (${formatarAliquota(perfil.aliquota_cofins)})
    `;
}

function aplicarPerfilNosCampos() {
    const perfil = obterPerfilAtual();
    atualizarResumoTributacao();
    if (!perfil) return;
    const campos = {
        cfop: 'cfop',
        cst_icms: 'cstIcms',
        cst_pis: 'cstPis',
        cst_cofins: 'cstCofins',
        aliquota_pis: 'aliquotaPis',
        aliquota_cofins: 'aliquotaCofins'
    };
    Object.entries(campos).forEach(([campoModelo, campoId]) => {
        const elemento = document.getElementById(campoId);
        if (!elemento) return;
        const valor = perfil[campoModelo];
        if (valor === undefined || valor === null || valor === '') return;
        elemento.value = valor;
    });
}

function inicializarPrecos() {
    const lista = document.getElementById('listaPrecos');
    if (!lista) return;
    lista.innerHTML = '';
    const dadosIniciais = (precosIniciais && precosIniciais.length) ? precosIniciais : [{ nome: 'Preço Padrão', valor: '', forma_pagamento_id: null }];
    dadosIniciais.forEach(dados => adicionarLinhaPreco(dados));
    atualizarBotoesRemover();
    sincronizarValorBase();
    const botaoAdd = document.getElementById('btnAddPreco');
    if (botaoAdd) {
        botaoAdd.addEventListener('click', () => {
            adicionarLinhaPreco();
            atualizarBotoesRemover();
        });
    }
}

function criarSelectForma(formaSelecionada) {
    const select = document.createElement('select');
    select.className = 'form-select';
    select.name = 'preco_forma_id[]';
    const optionPadrao = document.createElement('option');
    optionPadrao.value = '';
    optionPadrao.textContent = 'Qualquer forma';
    select.appendChild(optionPadrao);
    (formasPagamentoDisponiveis || []).forEach(fp => {
        const option = document.createElement('option');
        option.value = fp.id;
        option.textContent = `${fp.nome} (${fp.codigo_fiscal})`;
        if (formaSelecionada && parseInt(formaSelecionada) === fp.id) {
            option.selected = true;
        }
        select.appendChild(option);
    });
    return select;
}

function adicionarLinhaPreco(dados = {}) {
    const lista = document.getElementById('listaPrecos');
    if (!lista) return;
    const item = document.createElement('div');
    item.className = 'preco-item row g-2 align-items-end mb-2';
    item.innerHTML = `
        <div class="col-md-4">
            <label class="form-label">Descrição do Preço</label>
            <input type="text" class="form-control" name="preco_nome[]" placeholder="Ex: À vista">
        </div>
        <div class="col-md-3">
            <label class="form-label">Valor (R$)</label>
            <input type="number" class="form-control" name="preco_valor[]" step="0.01" min="0">
        </div>
        <div class="col-md-3">
            <label class="form-label">Forma de Pagamento</label>
            <div class="forma-wrapper"></div>
        </div>
        <div class="col-md-2 text-end">
            <button type="button" class="btn btn-outline-danger btn-remove-preco w-100">
                <i class="bi bi-trash"></i>
            </button>
        </div>
    `;
    lista.appendChild(item);
    const inputNome = item.querySelector('input[name="preco_nome[]"]');
    if (inputNome && dados.nome) {
        inputNome.value = dados.nome;
    }
    const inputValor = item.querySelector('input[name="preco_valor[]"]');
    if (inputValor && (dados.valor || dados.valor === 0)) {
        inputValor.value = dados.valor;
    }
    const wrapper = item.querySelector('.forma-wrapper');
    if (wrapper) {
        wrapper.appendChild(criarSelectForma(dados.forma_pagamento_id));
    }
    if (inputValor) {
        inputValor.addEventListener('input', sincronizarValorBase);
        inputValor.dispatchEvent(new Event('input'));
    }
    const botaoRemover = item.querySelector('.btn-remove-preco');
    if (botaoRemover) {
        botaoRemover.addEventListener('click', () => {
            const itens = document.querySelectorAll('#listaPrecos .preco-item');
            if (itens.length <= 1) {
                return;
            }
            item.remove();
            atualizarBotoesRemover();
            sincronizarValorBase();
        });
    }
}

function atualizarBotoesRemover() {
    const itens = document.querySelectorAll('#listaPrecos .preco-item');
    itens.forEach(item => {
        const botao = item.querySelector('.btn-remove-preco');
        if (botao) {
            botao.disabled = itens.length <= 1;
        }
    });
}

function sincronizarValorBase() {
    const primeiroValor = document.querySelector('#listaPrecos .preco-item input[name="preco_valor[]"]');
    const campoBase = document.getElementById('valorBase');
    if (primeiroValor && campoBase) {
        campoBase.value = primeiroValor.value || 0;
        calcularMargem();
    }
}

document.addEventListener('DOMContentLoaded', function() {
    const tipoSelect = document.getElementById('tributacaoTipo');
    const empresaSelect = document.querySelector('select[name="empresa_id"]');
    if (tipoSelect) {
        tipoSelect.addEventListener('change', aplicarPerfilNosCampos);
    }
    if (empresaSelect) {
        empresaSelect.addEventListener('change', atualizarResumoTributacao);
    }
    ['valorBase', 'custoOperacao'].forEach(id => {
        const campo = document.getElementById(id);
        if (campo) {
            campo.addEventListener('input', calcularMargem);
        }
    });
    
    // Controle de exibição do card de estoque
    const tipoProdutoSelect = document.querySelector('select[name="tipo"]');
    const estoqueCard = document.getElementById('estoqueCard');
    if (tipoProdutoSelect && estoqueCard) {
        tipoProdutoSelect.addEventListener('change', function() {
            if (this.value === 'produto') {
                estoqueCard.style.display = 'block';
            } else {
                estoqueCard.style.display = 'none';
            }
        });
    }
    
    inicializarPrecos();
    atualizarResumoTributacao();
    calcularMargem();
});
</script>
{% endblock %}