{{define "content"}}
<p class="text-muted mb-4">
    {{fmtCNPJ .Lead.CNPJ}}
    {{if or .Lead.City .Lead.UF}} · {{with .Lead.City}}{{.}}{{end}}{{if .Lead.UF}}/{{.Lead.UF}}{{end}}{{end}}
    · Stage: <span class="twm-jobs-category"><span class="twm-bg-golden">{{stageLabel .Lead.Stage}}</span></span>
    {{if .Lead.Temperature}} · <span class="leadb2b-temp-pill {{temperatureClass .Lead.Temperature}}">{{temperatureLabel .Lead.Temperature}} ({{derefInt .Lead.Temperature 0}})</span>{{end}}
</p>
<div class="row">
    <div class="col-lg-7 mb-4">
        <div class="panel panel-default site-bg-white mb-4">
            <div class="panel-heading wt-panel-heading p-a20">
                <h3 class="panel-tittle m-a0"><i class="feather-edit-3"></i> Sua cópia CRM</h3>
            </div>
            <div class="panel-body wt-panel-body p-a20">
                <p class="small text-muted">Estes campos são editáveis e não alteram os dados originais da RFB.</p>
                <form method="post" action="/app/leads/{{.Lead.ID}}">
                    <input type="hidden" name="action" value="update">
                    <div class="row g-3">
                        <div class="col-md-8">
                            <label class="form-label small">Nome interno</label>
                            <input type="text" class="form-control" name="company_name" value="{{with .Lead.CompanyName}}{{.}}{{end}}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label small">Responsável</label>
                            <input type="text" class="form-control" name="responsible_name" value="{{with .Lead.ResponsibleName}}{{.}}{{end}}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small">Cidade</label>
                            <input type="text" class="form-control" name="city" value="{{with .Lead.City}}{{.}}{{end}}">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small">UF</label>
                            <input type="text" class="form-control" name="uf" maxlength="2" value="{{with .Lead.UF}}{{.}}{{end}}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label small">Termômetro <span id="temp-label">{{temperatureLabel .Lead.Temperature}}</span></label>
                            <input type="range" class="form-range" name="temperature" min="0" max="100" value="{{derefInt .Lead.Temperature 50}}" id="temp-range">
                        </div>
                        <div class="col-12">
                            <label class="form-label small">Telefones (um por linha — substituem RFB na sua cópia)</label>
                            <textarea class="form-control" name="phones_override" rows="2" placeholder="Deixe vazio e marque abaixo para usar RFB">{{join .Lead.Phones "\n"}}</textarea>
                        </div>
                        <div class="col-12">
                            <label class="form-label small">E-mails (um por linha)</label>
                            <textarea class="form-control" name="emails_override" rows="2">{{join .Lead.Emails "\n"}}</textarea>
                        </div>
                        <div class="col-12">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="use_rfb_contacts" id="use-rfb">
                                <label class="form-check-label small" for="use-rfb">Usar telefones/e-mails da RFB (limpa overrides)</label>
                            </div>
                        </div>
                        {{if .Tags}}
                        <input type="hidden" name="tag_ids_sent" value="1">
                        <div class="col-12">
                            <label class="form-label small">Tags</label>
                            <div class="d-flex flex-wrap gap-2">
                                {{range .Tags}}
                                <label class="leadb2b-tag-check">
                                    <input type="checkbox" name="tag_ids" value="{{.ID}}"{{if leadTagSelected $.Lead.Tags .ID}} checked{{end}}>
                                    <span class="leadb2b-tag-badge" style="background:{{.Color}}22;color:{{.Color}};border-color:{{.Color}}44">{{.Name}}</span>
                                </label>
                                {{end}}
                            </div>
                            <a href="/app/tags" class="small d-inline-block mt-1">Gerenciar tags</a>
                        </div>
                        {{else}}
                        <div class="col-12"><a href="/app/tags" class="small">Criar tags para classificar leads</a></div>
                        {{end}}
                        <div class="col-12">
                            <label class="form-label small">Notas</label>
                            <textarea class="form-control" name="notes" rows="3">{{if .Lead.Notes}}{{.Lead.Notes}}{{end}}</textarea>
                        </div>
                    </div>
                    <button type="submit" class="site-button mt-3">Salvar cópia CRM</button>
                </form>
            </div>
        </div>
        <div class="panel panel-default site-bg-white">
            <div class="panel-heading wt-panel-heading p-a20">
                <h3 class="panel-tittle m-a0"><i class="feather-database"></i> Dados RFB <span class="badge bg-secondary ms-1">somente leitura</span></h3>
            </div>
            <div class="panel-body wt-panel-body p-a20">
                <h5>Contatos oficiais</h5>
                {{if hasTelefoneDetail .Detail}}
                <p><strong>Telefone:</strong> {{if .Detail.Contatos.Telefone1}}{{.Detail.Contatos.Telefone1.Completo}}{{end}}
                {{if .Detail.Contatos.Telefone2}} / {{.Detail.Contatos.Telefone2.Completo}}{{end}}</p>
                {{else}}<p class="text-muted">Sem telefone na base RFB.</p>{{end}}
                {{if hasEmailDetail .Detail}}<p><strong>E-mail:</strong> {{if .Detail.Contatos.Email}}{{.Detail.Contatos.Email}}{{end}}</p>{{else}}<p class="text-muted">Sem e-mail na base RFB.</p>{{end}}
                <h5 class="mt-4">Endereço</h5>
                <p>{{.Detail.Endereco.EnderecoCompleto}}</p>
                <h5 class="mt-4">CNAE</h5>
                <p>{{.Detail.CNAE.Principal.Descricao}}</p>
            </div>
        </div>
    </div>
    <div class="col-lg-5">
        <div class="panel panel-default site-bg-white mb-4">
            <div class="panel-heading wt-panel-heading p-a20">
                <h3 class="panel-tittle m-a0"><i class="feather-send"></i> Contato</h3>
            </div>
            <div class="panel-body wt-panel-body p-a20">
                <p class="small text-muted">Usa os telefones/e-mails da sua cópia CRM (ou RFB se não houver override).</p>
                {{if .Templates}}
                <div class="mb-2">
                    <label class="form-label small">Mensagem padrão</label>
                    <select id="template-id" class="form-select form-select-sm">
                        <option value="">Padrão do sistema</option>
                        {{range .Templates}}<option value="{{.ID}}"{{if .IsDefault}} selected{{end}}>{{.Name}}</option>{{end}}
                    </select>
                </div>
                {{end}}
                <button type="button" class="site-button w-100 mb-2" id="btn-whatsapp" data-lead-id="{{.Lead.ID}}">WhatsApp</button>
                <button type="button" class="site-button-secondry w-100 mb-2" id="btn-email" data-lead-id="{{.Lead.ID}}">E-mail</button>
            </div>
        </div>
        <div class="panel panel-default site-bg-white mb-4">
            <div class="panel-heading wt-panel-heading p-a20">
                <h3 class="panel-tittle m-a0"><i class="feather-clock"></i> Histórico de stages</h3>
            </div>
            <div class="panel-body wt-panel-body p-a20">
                {{if .LeadHistory}}
                <ul class="leadb2b-stage-history mb-0">
                    {{range .LeadHistory}}
                    <li><strong>{{stageLabel .Stage}}</strong> <span class="text-muted small">{{.ChangedAt.Format "02/01/2006 15:04"}}</span></li>
                    {{end}}
                </ul>
                {{else}}<p class="text-muted mb-0 small">Sem movimentações registradas.</p>{{end}}
            </div>
        </div>
        <div class="panel panel-default site-bg-white">
            <div class="panel-heading wt-panel-heading p-a20">
                <h3 class="panel-tittle m-a0"><i class="feather-layout"></i> Funil</h3>
            </div>
            <div class="panel-body wt-panel-body p-a20">
                <form method="post" action="/app/leads/{{.Lead.ID}}" class="mb-2" onsubmit="return confirm('Arquivar este lead?');">
                    <input type="hidden" name="action" value="archive">
                    <button type="submit" class="site-button-secondry w-100">Arquivar</button>
                </form>
                <form method="post" action="/app/leads/{{.Lead.ID}}" class="mb-3" onsubmit="return confirm('Excluir sua cópia CRM? Os dados RFB permanecem intactos.');">
                    <input type="hidden" name="action" value="delete">
                    <button type="submit" class="btn btn-outline-danger w-100">Excluir cópia</button>
                </form>
                <a href="/app/kanban">Voltar ao kanban</a>
            </div>
        </div>
    </div>
</div>
<script>
function templateBody() {
  const sel = document.getElementById('template-id');
  const id = sel && sel.value ? parseInt(sel.value, 10) : null;
  return id ? { template_id: id } : {};
}
document.getElementById('btn-whatsapp')?.addEventListener('click', async function() {
  const id = this.dataset.leadId;
  const r = await fetch('/api/v1/product/leads/' + id + '/contact/whatsapp', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(templateBody())
  });
  const j = await r.json();
  if (j.url) window.open(j.url, '_blank');
  else if (j.error) alert(j.error.message || 'Não foi possível abrir WhatsApp');
});
document.getElementById('btn-email')?.addEventListener('click', async function() {
  const id = this.dataset.leadId;
  const r = await fetch('/api/v1/product/leads/' + id + '/contact/email', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(templateBody())
  });
  const j = await r.json();
  if (j.mailto_url) window.location.href = j.mailto_url;
  else if (j.error) alert(j.error.message || 'Não foi possível abrir e-mail');
});
const tempRange = document.getElementById('temp-range');
const tempLabel = document.getElementById('temp-label');
function updateTempLabel(v) {
  if (!tempLabel) return;
  const n = parseInt(v, 10);
  tempLabel.textContent = n <= 33 ? 'Frio' : (n <= 66 ? 'Morno' : 'Quente');
}
tempRange?.addEventListener('input', function() { updateTempLabel(this.value); });
</script>
{{end}}