@extends('adminlte.app')

{{--
    Tela mobile-first de criação de preços.
    Reutilizável para Distribuição e Grandes Contas (variável $modulo / $storeRoute).
    Submete o MESMO payload (todosprodutos JSON) para o store existente.
    NÃO substitui a tela clássica — é uma rota nova (.../mobile).
--}}

@section('content')
<style>
    .pm-wrap { max-width: 720px; margin: 0 auto; padding: 0 12px 120px; }
    .pm-wrap * { box-sizing: border-box; }
    .pm-top {
        position: sticky; top: 0; z-index: 30;
        background: #fff; padding: 12px 0 8px; margin: 0 -12px 8px;
        padding-left: 12px; padding-right: 12px;
        border-bottom: 1px solid #e6e8ec;
    }
    .pm-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .pm-title h1 { font-size: 1.25rem; font-weight: 700; margin: 0; color: #1f2937; }
    .pm-badge { background: #eef2ff; color: #3949ab; font-weight: 700; font-size: .8rem;
        padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
    .pm-card { background: #fff; border: 1px solid #e6e8ec; border-radius: 14px; padding: 14px;
        margin-bottom: 12px; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
    .pm-section-label { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em;
        color: #6b7280; font-weight: 700; margin-bottom: 6px; }
    .pm-field { margin-bottom: 12px; }
    .pm-field label { display:block; font-size: .8rem; font-weight: 600; color:#374151; margin-bottom: 4px; }
    .pm-field input, .pm-field select {
        width: 100%; height: 44px; border: 1px solid #d1d5db; border-radius: 10px;
        padding: 0 12px; font-size: 1rem; background: #fff; color:#111827;
    }
    .pm-field input:focus, .pm-field select:focus { outline: none; border-color:#3949ab; box-shadow: 0 0 0 3px rgba(57,73,171,.12); }
    .pm-field input[readonly] { background:#f3f4f6; color:#374151; }
    .pm-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .pm-seg { display:flex; background:#f1f3f7; border-radius:10px; padding:3px; gap:3px; }
    .pm-seg button { flex:1; height:38px; border:none; background:transparent; border-radius:8px;
        font-weight:600; font-size:.85rem; color:#4b5563; cursor:pointer; }
    .pm-seg button.active { background:#3949ab; color:#fff; box-shadow:0 1px 2px rgba(16,24,40,.15); }

    /* Linha resumo (card colapsado) */
    .pm-row { background:#fff; border:1px solid #e6e8ec; border-radius:14px; margin-bottom:10px; overflow:hidden; }
    .pm-row-head { display:flex; align-items:center; gap:10px; padding:12px 14px; cursor:pointer; }
    .pm-row-head:active { background:#fafbfc; }
    .pm-row-main { flex:1; min-width:0; }
    .pm-row-cli { font-weight:700; color:#111827; font-size:.95rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .pm-row-sub { font-size:.78rem; color:#6b7280; margin-top:2px; }
    .pm-prod-tag { display:inline-block; background:#eef2ff; color:#3949ab; font-weight:700;
        font-size:.72rem; padding:2px 8px; border-radius:6px; margin-right:6px; }
    .pm-tipo-tag { display:inline-block; font-size:.7rem; padding:2px 8px; border-radius:6px; font-weight:700; }
    .pm-tipo-margem { background:#ecfdf5; color:#047857; }
    .pm-tipo-desconto { background:#fff7ed; color:#c2410c; }
    .pm-row-price { text-align:right; }
    .pm-row-price .v { font-size:1.15rem; font-weight:800; color:#111827; line-height:1; }
    .pm-row-price .l { font-size:.66rem; color:#9ca3af; text-transform:uppercase; letter-spacing:.03em; }
    .pm-row-body { padding:0 14px 14px; border-top:1px solid #f0f1f4; display:none; }
    .pm-row.open .pm-row-body { display:block; }
    .pm-row.open .pm-caret { transform: rotate(180deg); }
    .pm-caret { color:#9ca3af; transition: transform .15s ease; }

    .pm-readout { display:flex; gap:10px; margin:6px 0 4px; }
    .pm-readout .box { flex:1; background:#f8fafc; border:1px solid #eef0f3; border-radius:10px; padding:8px 10px; }
    .pm-readout .box .k { font-size:.68rem; color:#6b7280; text-transform:uppercase; }
    .pm-readout .box .v { font-size:1.05rem; font-weight:800; color:#111827; }
    .pm-readout .box.dest { background:#eef2ff; border-color:#dfe4ff; }
    .pm-readout .box.dest .v { color:#3949ab; }

    .pm-remove { width:100%; height:42px; border:1px solid #fecaca; background:#fff5f5; color:#dc2626;
        border-radius:10px; font-weight:700; margin-top:6px; cursor:pointer; }
    .pm-empty { text-align:center; color:#9ca3af; padding:40px 16px; }
    .pm-empty i { font-size:2rem; display:block; margin-bottom:10px; }

    .pm-search { width:100%; height:44px; border:1px solid #d1d5db; border-radius:10px; padding:0 14px; font-size:1rem; margin-bottom:10px; }

    /* Barra inferior fixa */
    .pm-bottom { position: fixed; left:0; right:0; bottom:0; z-index:40; background:#fff;
        border-top:1px solid #e6e8ec; padding:10px 12px; display:flex; gap:10px; align-items:center;
        box-shadow:0 -2px 10px rgba(16,24,40,.06); }
    .pm-bottom .info { flex:1; font-size:.82rem; color:#6b7280; }
    .pm-bottom .info b { color:#111827; }
    .pm-btn { height:46px; border-radius:12px; font-weight:700; font-size:.95rem; border:none; cursor:pointer; padding:0 18px; }
    .pm-btn-primary { background:#3949ab; color:#fff; }
    .pm-btn-ghost { background:#f1f3f7; color:#374151; }
    .pm-add { width:100%; height:48px; border:2px dashed #c7cbd6; background:#fff; color:#3949ab;
        border-radius:12px; font-weight:700; margin:4px 0 8px; cursor:pointer; }

    /* Modal produtos */
    .pm-modal { position:fixed; inset:0; background:rgba(17,24,39,.5); z-index:60; display:none; align-items:flex-end; }
    .pm-modal.open { display:flex; }
    .pm-modal-card { background:#fff; width:100%; max-width:720px; margin:0 auto; border-radius:18px 18px 0 0;
        max-height:82vh; display:flex; flex-direction:column; }
    .pm-modal-head { padding:14px 16px; border-bottom:1px solid #eef0f3; display:flex; justify-content:space-between; align-items:center; }
    .pm-modal-head h3 { margin:0; font-size:1.05rem; font-weight:700; }
    .pm-modal-body { overflow-y:auto; padding:8px 12px 16px; }
    .pm-prod { border:1px solid #e6e8ec; border-radius:12px; padding:10px 12px; margin-bottom:8px; }
    .pm-prod .nm { font-weight:700; color:#111827; margin-bottom:8px; }
    .pm-prod .acts { display:flex; gap:8px; }
    .pm-prod .acts button { flex:1; height:40px; border-radius:9px; border:none; font-weight:600; font-size:.82rem; cursor:pointer; }
    .pm-prod .acts .all { background:#3949ab; color:#fff; }
    .pm-prod .acts .one { background:#eef2ff; color:#3949ab; }
    .pm-x { background:none; border:none; font-size:1.5rem; line-height:1; color:#9ca3af; cursor:pointer; }

    @media (min-width: 576px){ .pm-modal { align-items:center; } .pm-modal-card { border-radius:18px; } }
</style>

<div class="content-wrapper">
    <div class="pm-wrap">

        @if ($message = Session::get('success'))
            <div class="alert alert-success">{{ $message }}</div>
        @endif
        @if ($message = Session::get('danger'))
            <div class="alert alert-danger">{{ $message }}</div>
        @endif

        <div class="pm-top">
            <div class="pm-title">
                <h1>{{ $titulo }} — Preços</h1>
                <span class="pm-badge">Semana {{ $semanaAtual }}</span>
            </div>
        </div>

        <form id="pmForm" action="{{ route($storeRoute) }}" method="POST" onsubmit="return pmPrepararSubmit();">
            @csrf
            <input type="hidden" id="todosprodutos" name="todosprodutos" value="">

            <div class="pm-card">
                <div class="pm-section-label">Validade do preço</div>
                <div class="pm-grid2">
                    <div class="pm-field" style="margin-bottom:0;">
                        <label for="data_inicio_preco">Início</label>
                        <input id="data_inicio_preco" type="date" name="data_inicio_preco"
                               value="{{ date('Y-m-d', strtotime($data_inicio)) }}" required>
                    </div>
                    <div class="pm-field" style="margin-bottom:0;">
                        <label for="data_fim_preco">Fim</label>
                        <input id="data_fim_preco" type="date" name="data_fim_preco"
                               value="{{ date('Y-m-d', strtotime($data_fim)) }}" required>
                    </div>
                </div>
            </div>

            <div class="pm-card">
                <div class="pm-section-label">Como quer começar?</div>
                <div class="pm-seg" id="pmModoSeg">
                    <button type="button" data-modo="ajustar" onclick="pmSetModo('ajustar')">Ajustar última tabela</button>
                    <button type="button" data-modo="criar" onclick="pmSetModo('criar')">Criar do zero</button>
                </div>
                <div id="pmModoHint" style="font-size:.78rem;color:#6b7280;margin-top:8px;"></div>
            </div>

            <input type="text" class="pm-search" id="pmSearch" placeholder="Filtrar por cliente ou produto..." oninput="pmFiltrar()">

            <button type="button" class="pm-add" onclick="pmAbrirModal()">+ Adicionar produto</button>

            <div id="pmList"></div>
            <div id="pmEmpty" class="pm-empty" style="display:none;">
                <i class="fas fa-list"></i>
                Nenhuma linha ainda. Toque em <b>“Adicionar produto”</b> para começar.
            </div>
        </form>
    </div>

    <!-- Barra inferior -->
    <div class="pm-bottom">
        <div class="info"><b id="pmCount">0</b> linha(s) · <b id="pmClientes">0</b> cliente(s)</div>
        <button type="button" class="pm-btn pm-btn-ghost" onclick="pmAbrirModal()">+ Produto</button>
        <button type="button" class="pm-btn pm-btn-primary" onclick="document.getElementById('pmForm').requestSubmit ? document.getElementById('pmForm').requestSubmit() : document.getElementById('pmForm').submit();">Guardar</button>
    </div>

    <!-- Modal produtos -->
    <div class="pm-modal" id="pmModal">
        <div class="pm-modal-card">
            <div class="pm-modal-head">
                <h3>Escolher produto</h3>
                <button type="button" class="pm-x" onclick="pmFecharModal()">&times;</button>
            </div>
            <div class="pm-modal-body" id="pmModalBody"></div>
        </div>
    </div>
</div>

<script>
(function(){
    "use strict";

    // ---- Dados vindos do servidor ----
    var MODULO       = @json($modulo);
    var SEMANA_ATUAL = @json($semanaAtual);
    var produtosAll      = @json($produtos);
    var fornecedoresAll  = @json($fornecedores);
    var portosAll        = @json($portos);
    var prazosAll        = @json($prazos_pagamentos);
    var clientesAll      = @json($clientes);
    var precosComprasAll = @json($precos_compras);
    var pvpsAll          = @json($referencia_preco ? $referencia_preco->referencias_produtos()->where('tipo_referencia', '=', 'tfuel')->get() : []);
    var consultaProdutos = @json($consultaProdutos);

    // ---- Índices ----
    var produtoById = {}, prazoById = {}, fornById = {}, portoById = {}, pvpByProd = {}, clienteById = {};
    produtosAll.forEach(function(p){ produtoById[p.id] = p; });
    prazosAll.forEach(function(p){ prazoById[p.id] = p; });
    fornecedoresAll.forEach(function(f){ fornById[f.id] = f; });
    portosAll.forEach(function(p){ portoById[p.id] = p; });
    (pvpsAll || []).forEach(function(p){ pvpByProd[p.produtos_id] = p; });
    clientesAll.forEach(function(c){ clienteById[c.id] = c; });
    (consultaProdutos || []).forEach(function(it){
        if(it.cliente && !clienteById[it.cliente.id]){ clienteById[it.cliente.id] = it.cliente; }
    });

    var rows = [];
    var uidSeq = 0;

    // ---- Cálculo (replica atualizarValor() da tela clássica) ----
    function precoCompraFor(fid, pid){
        return precosComprasAll.find(function(p){
            return p.fornecedor_id == fid && p.porto_id == pid && p.num_semana == SEMANA_ATUAL;
        });
    }

    function calc(r){
        var prod = produtoById[r.produto_id];
        if(!prod){ r.compra = "0.000"; r.preco_email = "0.000"; return; }
        var iva = parseFloat(prod.iva) / 100;
        r.iva = iva;
        var valorIva = (r.incluir_iva === 'sim') ? (1 + iva) : 1;

        var pc = precoCompraFor(r.fornecedor_id, r.porto_id);
        var valorProduto = 0, tipoCompra = 0;
        if(pc){
            tipoCompra = pc.tipo_valor;
            var pp = (pc.precos_produtos || []).find(function(x){ return x.produtos_id == r.produto_id; });
            if(pp){
                if(pc.preco_iva === 'Não'){ valorProduto = parseFloat(pp.valor_produto); }
                else { valorProduto = parseFloat(pp.valor_produto) / (1 + iva); }
            }
        }
        if(tipoCompra === 'litro'){ valorProduto = valorProduto * 1000; }
        r.compra = Number(valorProduto).toFixed(3);

        if(r.tipo_preco === 'margem'){
            var valorCompra = valorProduto * valorIva;
            var margemTotal = (parseFloat(r.margem || 0) + parseFloat(r.custo_transporte || 0)
                              + parseFloat(r.custo_financeiro || 0) + parseFloat(r.comissao_comercial || 0)) * valorIva;
            var venda = valorCompra + margemTotal;
            r.preco_email = isNaN(venda) ? "0.000" : Number(venda / 1000).toFixed(3);
        } else {
            var pvpSel = pvpByProd[r.produto_id];
            if(pvpSel){ r.pvp = parseFloat(pvpSel.valor_produto); r.pvp_id = pvpSel.id; }
            var valor = parseFloat(r.pvp || 0) - parseFloat(r.desconto_cts_lt || 0);
            if(r.incluir_iva === 'não'){ valor = valor / (1 + iva); }
            r.preco_email = isNaN(valor) ? "0.000" : Number(valor).toFixed(3);
        }
    }

    function gasoleoProf(cliId){
        var c = clienteById[cliId];
        return c && c.tem_direito_gasoleo_profissional === 'Sim';
    }

    function novaLinha(opts){
        opts = opts || {};
        var r = {
            uid: ++uidSeq,
            cliente_id: opts.cliente_id != null ? opts.cliente_id : '',
            produto_id: opts.produto_id,
            prazo_id: opts.prazo_id || (prazosAll[0] ? prazosAll[0].id : ''),
            tipo_preco: opts.tipo_preco || 'margem',
            fornecedor_id: opts.fornecedor_id || (fornecedoresAll[0] ? fornecedoresAll[0].id : ''),
            porto_id: opts.porto_id || (portosAll[0] ? portosAll[0].id : ''),
            prazo_entrega: opts.prazo_entrega || '24h',
            desconto_cts_lt: opts.desconto_cts_lt != null ? opts.desconto_cts_lt : 0,
            margem: opts.margem != null ? opts.margem : 0,
            custo_transporte: opts.custo_transporte != null ? opts.custo_transporte : 0,
            custo_financeiro: opts.custo_financeiro != null ? opts.custo_financeiro : 0,
            comissao_comercial: opts.comissao_comercial != null ? opts.comissao_comercial : 0,
            incluir_iva: opts.incluir_iva || 'sim',
            incluir_transporte: opts.incluir_transporte || 'sim',
            ponto_descarga: opts.ponto_descarga || '',
            pvp: opts.pvp != null ? opts.pvp : 0,
            pvp_id: opts.pvp_id || '',
            iva: 0, compra: "0.000", preco_email: "0.000",
            open: opts.open || false
        };
        if(!opts.tipo_preco && gasoleoProf(r.cliente_id)){ r.tipo_preco = 'desconto'; }
        calc(r);
        return r;
    }

    // ---- Render ----
    function esc(s){ return (s == null ? '' : String(s)).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;'); }

    function optionList(items, idKey, labelKey, selected){
        var html = '';
        for(var i=0;i<items.length;i++){
            var it = items[i];
            html += '<option value="'+esc(it[idKey])+'"'+(it[idKey]==selected?' selected':'')+'>'+esc(it[labelKey])+'</option>';
        }
        return html;
    }

    function clienteOptions(selected){
        // clientes elegíveis + (se houver) o cliente já gravado nesta linha
        var html = '<option value="">Selecione o cliente...</option>';
        var seen = {};
        clientesAll.forEach(function(c){ seen[c.id]=1; html += '<option value="'+esc(c.id)+'"'+(c.id==selected?' selected':'')+'>'+esc(c.nome)+'</option>'; });
        if(selected && !seen[selected] && clienteById[selected]){
            html += '<option value="'+esc(selected)+'" selected>'+esc(clienteById[selected].nome)+'</option>';
        }
        return html;
    }

    function cardHTML(r){
        var prod = produtoById[r.produto_id];
        var artigo = prod ? prod.artigo : '#'+r.produto_id;
        var cli = clienteById[r.cliente_id];
        var cliNome = cli ? cli.nome : '<span style="color:#dc2626;">Escolher cliente</span>';
        var tipoTag = r.tipo_preco === 'margem'
            ? '<span class="pm-tipo-tag pm-tipo-margem">Margem</span>'
            : '<span class="pm-tipo-tag pm-tipo-desconto">Desconto</span>';
        var soDesconto = gasoleoProf(r.cliente_id);

        var blocoCalculo;
        if(r.tipo_preco === 'margem'){
            blocoCalculo =
                '<div class="pm-grid2">'+
                  field('Margem (s/ IVA)','number',r.margem,'margem',r.uid)+
                  field('Comissão comercial','number',r.comissao_comercial,'comissao_comercial',r.uid)+
                  field('Custos transporte','number',r.custo_transporte,'custo_transporte',r.uid)+
                  field('Custos financeiros','number',r.custo_financeiro,'custo_financeiro',r.uid)+
                '</div>';
        } else {
            blocoCalculo =
                '<div class="pm-grid2">'+
                  fieldReadonly('PVP TFUEL', Number(r.pvp||0).toFixed(3))+
                  field('Desconto (cts/lt)','number',r.desconto_cts_lt,'desconto_cts_lt',r.uid)+
                '</div>';
        }

        return ''+
        '<div class="pm-row'+(r.open?' open':'')+'" data-uid="'+r.uid+'" data-cli="'+esc((cli?cli.nome:'').toLowerCase())+'" data-prod="'+esc(artigo.toLowerCase())+'">'+
          '<div class="pm-row-head" onclick="pmToggle('+r.uid+')">'+
            '<div class="pm-row-main">'+
              '<div class="pm-row-cli">'+cliNome+'</div>'+
              '<div class="pm-row-sub"><span class="pm-prod-tag">'+esc(artigo)+'</span>'+tipoTag+'</div>'+
            '</div>'+
            '<div class="pm-row-price"><div class="v">'+r.preco_email+'</div><div class="l">€/lt e-mail</div></div>'+
            '<i class="fas fa-chevron-down pm-caret"></i>'+
          '</div>'+
          '<div class="pm-row-body">'+
            '<div class="pm-field"><label>Cliente</label><select onchange="pmUpd('+r.uid+',\'cliente_id\',this.value)">'+clienteOptions(r.cliente_id)+'</select></div>'+
            '<div class="pm-field"><label>Tipo de preço</label>'+
              '<div class="pm-seg">'+
                (soDesconto?'':'<button type="button" class="'+(r.tipo_preco==='margem'?'active':'')+'" onclick="pmUpd('+r.uid+',\'tipo_preco\',\'margem\')">Margem</button>')+
                '<button type="button" class="'+(r.tipo_preco==='desconto'?'active':'')+'" onclick="pmUpd('+r.uid+',\'tipo_preco\',\'desconto\')">Desconto</button>'+
              '</div>'+
            '</div>'+
            '<div class="pm-grid2">'+
              '<div class="pm-field"><label>Fornecedor</label><select onchange="pmUpd('+r.uid+',\'fornecedor_id\',this.value)">'+optionList(fornecedoresAll,'id','nome_fornecedor',r.fornecedor_id)+'</select></div>'+
              '<div class="pm-field"><label>Terminal</label><select onchange="pmUpd('+r.uid+',\'porto_id\',this.value)">'+optionList(portosAll,'id','nome_porto',r.porto_id)+'</select></div>'+
            '</div>'+
            '<div class="pm-grid2">'+
              '<div class="pm-field"><label>Prazo pagamento</label><select onchange="pmUpd('+r.uid+',\'prazo_id\',this.value)">'+optionList(prazosAll,'id','nome_prazo',r.prazo_id)+'</select></div>'+
              '<div class="pm-field"><label>Prazo de entrega</label><select onchange="pmUpd('+r.uid+',\'prazo_entrega\',this.value)">'+
                ['24h','48h','72h','96h'].map(function(h){return '<option value="'+h+'"'+(r.prazo_entrega===h?' selected':'')+'>'+h+'</option>';}).join('')+
              '</select></div>'+
            '</div>'+
            blocoCalculo+
            '<div class="pm-grid2">'+
              '<div class="pm-field"><label>Incluir IVA</label><select onchange="pmUpd('+r.uid+',\'incluir_iva\',this.value)">'+
                '<option value="sim"'+(r.incluir_iva==='sim'?' selected':'')+'>Sim</option>'+
                '<option value="não"'+(r.incluir_iva==='não'?' selected':'')+'>Não</option>'+
              '</select></div>'+
              '<div class="pm-field"><label>Transporte</label><select onchange="pmUpd('+r.uid+',\'incluir_transporte\',this.value)">'+
                '<option value="sim"'+(r.incluir_transporte==='sim'?' selected':'')+'>Sim</option>'+
                '<option value="não"'+(r.incluir_transporte==='não'?' selected':'')+'>Não</option>'+
              '</select></div>'+
            '</div>'+
            '<div class="pm-field"><label>Local de descarga</label><input type="text" value="'+esc(r.ponto_descarga)+'" onchange="pmUpd('+r.uid+',\'ponto_descarga\',this.value)"></div>'+
            '<div class="pm-readout">'+
              '<div class="box"><div class="k">Compra (€/m³)</div><div class="v" data-ro="compra">'+r.compra+'</div></div>'+
              '<div class="box dest"><div class="k">Preço e-mail (€/lt)</div><div class="v" data-ro="preco_email">'+r.preco_email+'</div></div>'+
            '</div>'+
            '<button type="button" class="pm-remove" onclick="pmRemover('+r.uid+')">Remover linha</button>'+
          '</div>'+
        '</div>';
    }

    function field(label, type, val, key, uid){
        return '<div class="pm-field"><label>'+esc(label)+'</label><input type="'+type+'" step="0.001" value="'+esc(val)+'" onchange="pmUpd('+uid+',\''+key+'\',this.value)"></div>';
    }
    function fieldReadonly(label, val){
        return '<div class="pm-field"><label>'+esc(label)+'</label><input type="text" value="'+esc(val)+'" readonly></div>';
    }

    function render(){
        var list = document.getElementById('pmList');
        list.innerHTML = rows.map(cardHTML).join('');
        document.getElementById('pmEmpty').style.display = rows.length ? 'none' : 'block';
        var clis = {}; rows.forEach(function(r){ if(r.cliente_id) clis[r.cliente_id]=1; });
        document.getElementById('pmCount').textContent = rows.length;
        document.getElementById('pmClientes').textContent = Object.keys(clis).length;
        pmFiltrar();
    }

    function refreshReadouts(uid){
        var r = rows.find(function(x){ return x.uid==uid; });
        var el = document.querySelector('.pm-row[data-uid="'+uid+'"]');
        if(!r || !el) return;
        var ce = el.querySelector('[data-ro="compra"]'); if(ce) ce.textContent = r.compra;
        var pe = el.querySelector('[data-ro="preco_email"]'); if(pe) pe.textContent = r.preco_email;
        var hv = el.querySelector('.pm-row-price .v'); if(hv) hv.textContent = r.preco_email;
    }

    // ---- Handlers globais ----
    window.pmToggle = function(uid){
        var r = rows.find(function(x){ return x.uid==uid; });
        if(r){ r.open = !r.open; }
        var el = document.querySelector('.pm-row[data-uid="'+uid+'"]');
        if(el){ el.classList.toggle('open'); }
    };

    window.pmUpd = function(uid, key, value){
        var r = rows.find(function(x){ return x.uid==uid; });
        if(!r) return;
        r[key] = value;
        // mudar cliente p/ gasóleo profissional força desconto
        if(key === 'cliente_id' && gasoleoProf(value) && r.tipo_preco === 'margem'){ r.tipo_preco = 'desconto'; }
        var precisaRerender = (key === 'tipo_preco' || key === 'cliente_id');
        calc(r);
        if(precisaRerender){
            r.open = true;
            render();
        } else {
            refreshReadouts(uid);
        }
    };

    window.pmRemover = function(uid){
        rows = rows.filter(function(x){ return x.uid != uid; });
        render();
    };

    window.pmFiltrar = function(){
        var q = (document.getElementById('pmSearch').value || '').toLowerCase().trim();
        document.querySelectorAll('.pm-row').forEach(function(el){
            var cli = el.getAttribute('data-cli') || '';
            var prod = el.getAttribute('data-prod') || '';
            el.style.display = (!q || cli.indexOf(q) > -1 || prod.indexOf(q) > -1) ? '' : 'none';
        });
    };

    // ---- Modos ----
    window.pmSetModo = function(modo){
        document.querySelectorAll('#pmModoSeg button').forEach(function(b){
            b.classList.toggle('active', b.getAttribute('data-modo') === modo);
        });
        var hint = document.getElementById('pmModoHint');
        if(modo === 'ajustar'){
            if(rows.length && !rows._fromAjuste){
                if(!confirm('Isto vai substituir as linhas atuais pela última tabela. Continuar?')){ pmSetModo('criar'); return; }
            }
            carregarAjuste();
            hint.textContent = 'Carregadas as linhas da última tabela. Recalculadas com os preços de compra da semana ' + SEMANA_ATUAL + '. Ajuste o que precisar.';
        } else {
            if(rows.length && rows._fromAjuste){
                if(!confirm('Limpar tudo e começar uma tabela do zero?')){ pmSetModo('ajustar'); return; }
            }
            rows = []; rows._fromAjuste = false;
            render();
            hint.textContent = 'Tabela vazia. Use “Adicionar produto” para incluir clientes.';
        }
    };

    function carregarAjuste(){
        rows = [];
        (consultaProdutos || []).forEach(function(it){
            rows.push(novaLinha({
                cliente_id: it.cliente_id,
                produto_id: it.produto_id,
                prazo_id: it.prazo_id,
                tipo_preco: it.tipo_preco || 'desconto',
                fornecedor_id: it.fornecedor_id,
                porto_id: it.porto_id,
                prazo_entrega: it.prazo_entrega || '24h',
                desconto_cts_lt: it.desconto_cts_lt,
                margem: it.margem,
                custo_transporte: it.custo_transporte,
                custo_financeiro: it.custo_financeiro,
                comissao_comercial: it.comissao_comercial,
                incluir_iva: it.incluir_iva || 'sim',
                incluir_transporte: it.incluir_transporte || 'sim',
                ponto_descarga: it.ponto_descarga,
                pvp: it.referencia_produto_valor,
                pvp_id: it.referencia_produto_id
            }));
        });
        rows._fromAjuste = true;
        render();
    }

    // ---- Modal de produtos ----
    window.pmAbrirModal = function(){
        var body = document.getElementById('pmModalBody');
        body.innerHTML = produtosAll.map(function(p){
            return '<div class="pm-prod">'+
                '<div class="nm">'+esc(p.artigo)+'</div>'+
                '<div class="acts">'+
                  '<button type="button" class="all" onclick="pmAddTodos('+p.id+')">+ Todos os clientes</button>'+
                  '<button type="button" class="one" onclick="pmAddUma('+p.id+')">+ 1 linha</button>'+
                '</div>'+
            '</div>';
        }).join('');
        document.getElementById('pmModal').classList.add('open');
    };
    window.pmFecharModal = function(){ document.getElementById('pmModal').classList.remove('open'); };

    window.pmAddUma = function(pId){
        rows.push(novaLinha({ produto_id: pId, open: true }));
        rows._fromAjuste = false;
        pmFecharModal();
        render();
        var el = document.querySelector('.pm-row[data-uid="'+uidSeq+'"]');
        if(el){ el.scrollIntoView({behavior:'smooth', block:'center'}); }
    };

    window.pmAddTodos = function(pId){
        var add = 0;
        clientesAll.forEach(function(c){
            var prods = [];
            try { prods = c.produtos ? JSON.parse(c.produtos) : []; } catch(e){ prods = []; }
            if(prods.map(String).indexOf(String(pId)) === -1) return;

            var prazosCli = [];
            try { prazosCli = c.condicao_pagamento ? JSON.parse(c.condicao_pagamento) : []; } catch(e){ prazosCli = []; }
            if(!prazosCli || !prazosCli.length){ prazosCli = [null]; }

            prazosCli.forEach(function(pz){
                rows.push(novaLinha({
                    produto_id: pId,
                    cliente_id: c.id,
                    prazo_id: (pz && prazoById[pz]) ? pz : (prazosAll[0] ? prazosAll[0].id : '')
                }));
                add++;
            });
        });
        rows._fromAjuste = false;
        pmFecharModal();
        render();
        if(!add){ alert('Nenhum cliente elegível tem este produto associado.'); }
    };

    // ---- Submit ----
    window.pmPrepararSubmit = function(){
        if(!rows.length){ alert('Adicione pelo menos uma linha de preço.'); return false; }
        var faltam = rows.filter(function(r){ return !r.cliente_id || !r.produto_id; });
        if(faltam.length){
            alert(faltam.length + ' linha(s) sem cliente. Selecione o cliente em cada linha destacada a vermelho.');
            faltam[0].open = true; render();
            return false;
        }
        var payload = {};
        rows.forEach(function(r){
            calc(r);
            var k = r.uid;
            var o = {};
            o['produto_id'+k]        = r.produto_id;
            o['cliente_id'+k]        = r.cliente_id;
            o['prazo'+k]             = r.prazo_id;
            o['tipo_preco'+k]        = r.tipo_preco;
            o['pvp_id'+k]            = r.pvp_id;
            o['desconto_cts_lt'+k]   = r.desconto_cts_lt;
            o['fornecedor'+k]        = r.fornecedor_id;
            o['porto'+k]             = r.porto_id;
            o['incluir_iva'+k]       = r.incluir_iva;
            o['incluir_transporte'+k]= r.incluir_transporte;
            o['margem'+k]            = r.margem;
            o['custo_transporte'+k]  = r.custo_transporte;
            o['custo_financeiro'+k]  = r.custo_financeiro;
            o['pvp'+k]               = r.pvp;
            o['compra'+k]            = r.compra;
            o['ponto_descarga'+k]    = r.ponto_descarga;
            o['comissao_comercial'+k]= r.comissao_comercial;
            o['prazo_entrega'+k]     = r.prazo_entrega;
            o['preco_email'+k]       = r.preco_email;
            payload[k] = o;
        });
        document.getElementById('todosprodutos').value = JSON.stringify(payload);
        return true;
    };

    // ---- Início ----
    document.addEventListener('DOMContentLoaded', function(){
        if((consultaProdutos || []).length){ pmSetModo('ajustar'); }
        else { pmSetModo('criar'); }
    });

})();
</script>
@endsection