MapaSports | Painel do Profissional

MapaSports

O Meu Clube

Conta Premium

Visão Geral Agenda & Reservas Os Meus Campos Equipa & Staff A Minha Escola Planos de Treino Inbox & Leads Finanças Mensagens ConfiguraçÒµes Ver Mapa Desportivo

Atribuir Certificado

A emitir certificado oficial da tua escola para o atleta:

Tipo de Certificação

Exame Nível 1

Será exibido no Currículo do Atleta (PDF)

ð�&¸â��¡µð�&¸â��¡¹ Português ð�&¸â��¡¬ð�&¸â��¡§ English ð�&¸â��¡ªð�&¸â��¡¸ EspaÒ±ol ð�&¸â��¡«ð�&¸â��¡· Français ð�&¸â��¡©ð�&¸â��¡ª Deutsch

if (window.innerWidth <= 992) { document.getElementById('sidebar').classList.remove('open'); } } // Sidebar Toggle (Mobile) function toggleSidebar() { document.getElementById('sidebar').classList.toggle('open'); }

MapaSports

Registe o seu Clube ou Associação

CÒ¢mara

Federação

Clube

Profissional

Nome do Clube *

</div>
         <div style="margin-bottom:12px;" data-i18n="pc_auto_8092">
            <label id="lbl-reg-email" style="display:block; margin-bottom:5px; font-weight:600; font-size:13px; color:#374151;" data-i18n="pc_auto_8134">Email Institucional <span style="color:#ef4444">*</span></label>
            <textarea id="reg-clube-email" required type="email" placeholder="geral@meuclube.pt" data-i18n-placeholder="pc_auto_8155" style="width:100%; padding:11px 14px; border:2px solid #e5e7eb; border-radius:10px; box-sizing:border-box; font-size:14px; outline:none;" onfocus="this.style.borderColor='#10B981'" onblur="this.style.borderColor='#e5e7eb'">
         </div>
         <div style="margin-bottom:12px;" data-i18n="pc_auto_8093">
            <label style="display:block; margin-bottom:5px; font-weight:600; font-size:13px; color:#374151;" data-i18n="pc_auto_8135">Password <span style="color:#ef4444">*</span></label>
            <textarea id="reg-clube-pass" required type="password" placeholder="Mínimo 6 caracteres" data-i18n-placeholder="pc_auto_8156" style="width:100%; padding:11px 14px; border:2px solid #e5e7eb; border-radius:10px; box-sizing:border-box; font-size:14px; outline:none;" onfocus="this.style.borderColor='#10B981'" onblur="this.style.borderColor='#e5e7eb'">
         </div>
         <div style="margin-bottom:12px;" data-i18n="pc_auto_8094">
            <label id="lbl-reg-morada" style="display:block; margin-bottom:5px; font-weight:600; font-size:13px; color:#374151;" data-i18n="pc_auto_8136">Morada das InstalaçÒµes <span style="color:#ef4444">*</span></label>
            <textarea id="reg-clube-morada" required type="text" placeholder="Ex: Rua Direita, n�º 10, Lisboa" data-i18n-placeholder="pc_auto_8157" style="width:100%; padding:11px 14px; border:2px solid #e5e7eb; border-radius:10px; box-sizing:border-box; font-size:14px; outline:none;" onfocus="this.style.borderColor='#10B981'" onblur="this.style.borderColor='#e5e7eb'">
         </div>
         <div id="grupo-categoria" style="margin-bottom:12px;" data-i18n="pc_auto_8095">
            <label id="lbl-reg-categoria" style="display:block; margin-bottom:5px; font-weight:600; font-size:13px; color:#374151;" data-i18n="pc_auto_8137">Categoria Principal <span style="color:#ef4444">*</span></label>
            <select id="reg-clube-categoria" required style="width:100%; padding:11px 14px; border:2px solid #e5e7eb; border-radius:10px; box-sizing:border-box; font-size:14px; outline:none;" onfocus="this.style.borderColor='#10B981'" onblur="this.style.borderColor='#e5e7eb'">
                <option value="" disabled selected>Selecione uma opçãoâ��¦</option>
            </select>
         </div>
         <div id="grupo-acessibilidade" style="margin-bottom:24px;" data-i18n="pc_auto_8096">
            <label id="lbl-reg-acessibilidade" style="display:block; margin-bottom:5px; font-weight:600; font-size:13px; color:#374151;" data-i18n="pc_auto_8138">Tem instalaçÒµes preparadas para deficientes motores? <span style="color:#ef4444">*</span></label>
            <select id="reg-clube-acessibilidade" required style="width:100%; padding:11px 14px; border:2px solid #e5e7eb; border-radius:10px; box-sizing:border-box; font-size:14px; outline:none;" onfocus="this.style.borderColor='#10B981'" onblur="this.style.borderColor='#e5e7eb'">
                <option value="Nao">Não</option>
                <option value="Sim">Sim</option>
            </select>
         </div>

<div id="reg-clube-erro" style="display:none; background:#fef2f2; color:#dc2626; border-radius:8px; padding:10px 14px; font-size:13px; margin-bottom:12px; border-left:3px solid #dc2626;"></div>
         <button type="submit" id="btn-reg-clube" style="width:100%; padding:13px; border-radius:12px; background:linear-gradient(135deg,#10B981,#059669); color:white; font-weight:700; border:none; cursor:pointer; font-size:15px;" data-i18n="pc_auto_8113">Criar Conta</button>
      </form>

<form id="form-login-cli" onsubmit="processarLoginClube(event); return false;" style="display:none;">
        <div style="margin-bottom:12px;" data-i18n="pc_auto_8097">
          <label style="display:block; margin-bottom:5px; font-weight:600; font-size:13px; color:#374151;" data-i18n="pc_auto_8139">Email</label>
          <textarea id="log-clube-user" required type="email" placeholder="geral@meuclube.pt" data-i18n-placeholder="pc_auto_8158" style="width:100%; padding:11px 14px; border:2px solid #e5e7eb; border-radius:10px; box-sizing:border-box; font-size:14px; outline:none;" onfocus="this.style.borderColor='#10B981'" onblur="this.style.borderColor='#e5e7eb'">
        </div>
        <div style="margin-bottom:6px;" data-i18n="pc_auto_8098">
          <label style="display:block; margin-bottom:5px; font-weight:600; font-size:13px; color:#374151;" data-i18n="pc_auto_8140">Password</label>
          <textarea id="log-clube-pass" required type="password" placeholder="A sua password" data-i18n-placeholder="pc_auto_8159" style="width:100%; padding:11px 14px; border:2px solid #e5e7eb; border-radius:10px; box-sizing:border-box; font-size:14px; outline:none;" onfocus="this.style.borderColor='#10B981'" onblur="this.style.borderColor='#e5e7eb'">
        </div>
        <p style="text-align:right; margin:0 0 14px 0;" data-i18n="pc_auto_8042"><button type="button" onclick="recuperarPassClube()" style="background:none; border:none; color:#10B981; font-size:13px; cursor:pointer; font-weight:600;" data-i18n="pc_auto_8114">Esqueci a password</button></p>
        <div id="log-clube-erro" style="display:none; background:#fef2f2; color:#dc2626; border-radius:8px; padding:10px 14px; font-size:13px; margin-bottom:12px; border-left:3px solid #dc2626;"></div>
        <button type="submit" id="btn-log-clube" style="width:100%; padding:13px; border-radius:12px; background:var(--azul-escuro); color:white; font-weight:700; border:none; cursor:pointer; font-size:15px; margin-bottom:15px;" data-i18n="pc_auto_8115">Entrar no Painel</button>
      </form>
    </div>
</div>

function selecionarTipoEntidade(tipo) {
    window.tipoEntidadeRegisto = tipo;
    document.querySelectorAll('.tipo-btn').forEach(el => {
        el.style.border = '2px solid #e2e8f0';
        el.style.background = 'white';
        el.querySelector('span').style.color = '#64748b';
        el.querySelector('i').style.color = '#94a3b8';
    });
    
    const btn = document.getElementById('btn-tipo-' + tipo);
    if(btn) {
        btn.style.border = '2px solid #10B981';
        btn.style.background = '#f0fdf4';
        btn.querySelector('span').style.color = '#1e293b';
        btn.querySelector('i').style.color = '#10B981';
    }

// Iniciar com clube
document.addEventListener("DOMContentLoaded", function() {
    selecionarTipoEntidade('clube');
});
</script>
<script>
window.processarRegistoB2B = async function(e) {
    if(e) e.preventDefault();
    const btn = document.getElementById('btn-reg-clube');
    const err = document.getElementById('reg-clube-erro');
    const nome = document.getElementById('reg-clube-nome').value;
    const email = document.getElementById('reg-clube-email').value;
    const pass = document.getElementById('reg-clube-pass').value;
    const morada = document.getElementById('reg-clube-morada').value;
    const catSel = document.getElementById('reg-clube-categoria');
    const categoria = catSel && catSel.value ? catSel.value : '';
    const accSel = document.getElementById('reg-clube-acessibilidade');
    const acessibilidade = accSel && accSel.value ? accSel.value : 'Nao';
    const tipo = window.tipoEntidadeRegisto || 'clube';
    
    err.style.display = 'none';
    if(pass.length < 6) { err.textContent = 'A password deve ter pelo menos 6 caracteres.'; err.style.display='block'; return; }
    
    if(btn) { btn.disabled=true; btn.innerHTML='<i class="fas fa-spinner fa-spin"></i> A criar contaâ��¦'; }
    
    try {
        let cred = await window.createUserWithEmailAndPassword(window.auth, email, pass);
        // Atualizar DB mysql
        await fetch('api/api_registo_perfil.php', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({
                firebase_uid: cred.user.uid,
                email: email,
                nome: nome,
                tipo_entidade: tipo,
                morada: morada,
                categoria: categoria,
                acessibilidade: acessibilidade
            })
        });
        
        entrarPainelRedirecionar(tipo, nome, email);
    } catch(ex) {
        err.textContent = 'Erro ao criar conta: ' + ex.message;
        err.style.display = 'block';
        if(btn) { btn.disabled=false; btn.textContent='Criar Conta'; }
    }
}

function entrarPainelRedirecionar(tipo, nome, email) {
    localStorage.setItem('mapasports_clube_logado', 'sim');
    localStorage.setItem('mapasports_clube_nome', nome);
    localStorage.setItem('mapasports_clube_email', email);
    const pages = {clube: 'painel-clube.html', camara: 'painel-municipio.html', federacao: 'painel-federacao.html', profissional: 'painel-profissional.html'};
    document.getElementById('modal-auth').style.display='none'; const cont = document.getElementById('app-container'); if(cont) cont.style.display='block'; document.getElementById('sidebar-club-name').innerText = nome;
}

// Ensure escape closes
document.addEventListener('keydown', function(e) { if(e.key === 'Escape') { const m = document.getElementById('modal-auth'); if(m) m.style.display='none'; } });
</script>

<div id="maria-chatbot-b2b" style="display:none; position:fixed; right:30px; bottom:30px; width:380px; height:550px; background:white; border-radius:20px; box-shadow:0 15px 40px rgba(0,0,0,0.15); z-index:99999; flex-direction:column; border:1px solid var(--cinza-borda); overflow:hidden;">
        <div style="background:linear-gradient(135deg, var(--azul-escuro), #1e293b); color:white; padding:15px 20px; display:flex; justify-content:space-between; align-items:center;">
            <div style="display:flex; align-items:center; gap:10px;">
                <div style="width:35px; height:35px; background:var(--verde-ms); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px;"><i class="fas fa-robot"></i></div>
                <div data-i18n="pc_auto_8099">
                    <h4 style="margin:0; font-size:15px; font-weight:700;" data-i18n="pc_auto_8018">Maria AI (Gestão)</h4>
                    <p style="margin:0; font-size:11px; color:#cbd5e1;" data-i18n="pc_auto_8043">Assistente do Clube</p>
                </div>
            </div>
            <button onclick="toggleMariaChatB2B()" style="background:none; border:none; color:white; font-size:20px; cursor:pointer;"><i class="fas fa-times"></i></button>
        </div>
        
        <div id="maria-chat-b2b-body" style="flex:1; padding:20px; overflow-y:auto; background:var(--cinza-fundo); display:flex; flex-direction:column; gap:15px;" data-i18n="pc_auto_8100">
            <div style="align-self:flex-start; background:white; padding:12px 16px; border-radius:15px; border-bottom-left-radius:0; box-shadow:0 2px 5px rgba(0,0,0,0.05); font-size:14px; color:var(--azul-escuro); max-width:85%; border:1px solid var(--cinza-borda);">
                Olá! Sou a Maria, a tua assistente de gestão. Posso ajudar-te a analisar a ocupação dos campos, sugerir campanhas para horas vazias, ou verificar pendentes financeiros. O que queres ver hoje?
            </div>
        </div>
        
        <div style="padding:15px; background:white; border-top:1px solid var(--cinza-borda); display:flex; gap:10px;">
            <textarea type="text" id="maria-chat-b2b-input" placeholder="Pergunta-me sobre ocupação, faturaçãoâ��¦" data-i18n-placeholder="pc_auto_8160" style="flex:1; padding:10px 15px; border:1px solid var(--cinza-borda); border-radius:20px; outline:none; font-family:'Inter';" onkeypress="if(event.key === 'Enter') enviarMensagemMariaB2B()">
            <button onclick="enviarMensagemMariaB2B()" style="width:40px; height:40px; border-radius:50%; background:var(--verde-ms); color:white; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:0.2s;"><i class="fas fa-paper-plane"></i></button>
        </div>
    </div>

async function enviarMensagemMariaB2B() {
            const input = document.getElementById('maria-chat-b2b-input');
            const msg = input.value.trim();
            if(!msg) return;

adicionarMensagemUI('user', msg);
            mariaChatB2BHistory.push({ role: 'user', content: msg });
            input.value = '';

const loadId = adicionarLoaderUI();

try {
                const clubName = localStorage.getItem('mapasports_clube_nome') || "Meu Clube";
                const profileType = "clube";
                const token = await window.auth.currentUser.getIdToken();

const req = await fetch('api/api_chat_maria_b2b.php', {
                    method: 'POST',
                    headers: { 
                        'Content-Type': 'application/json',
                        'Authorization': 'Bearer ' + token
                    },
                    body: JSON.stringify({
                        mensagens: mariaChatB2BHistory,
                        tipo_entidade: profileType,
                        nome_entidade: clubName
                    })
                });

const res = await req.json();
                removerLoaderUI(loadId);

if(!res.sucesso) {
                    adicionarMensagemUI('maria', 'Desculpa, tive um problema a processar: ' + (res.resposta_maria || 'Erro desconhecido.'));
                } else {
                    adicionarMensagemUI('maria', res.resposta_maria);
                    mariaChatB2BHistory.push({ role: 'assistant', content: res.resposta_maria });
                }

} catch(e) {
                removerLoaderUI(loadId);
                adicionarMensagemUI('maria', 'Erro de ligação com a Maria AI.');
            }
        }

function adicionarMensagemUI(tipo, texto) {
            const body = document.getElementById('maria-chat-b2b-body');
            const div = document.createElement('div');
            div.style.maxWidth = '85%';
            div.style.padding = '12px 16px';
            div.style.borderRadius = '15px';
            div.style.fontSize = '14px';
            div.style.marginBottom = '10px';
            
            let htmlText = texto.replace(/\*\*(.*?)\*\*/g, '<strong data-i18n="pc_auto_8141">$1</strong>');
            htmlText = htmlText.replace(/\n/g, '<br>');

if(tipo === 'user') {
                div.style.alignSelf = 'flex-end';
                div.style.background = 'var(--verde-ms)';
                div.style.color = 'white';
                div.style.borderBottomRightRadius = '0';
                div.innerHTML = htmlText;
            } else {
                div.style.alignSelf = 'flex-start';
                div.style.background = 'white';
                div.style.color = 'var(--azul-escuro)';
                div.style.border = '1px solid var(--cinza-borda)';
                div.style.borderBottomLeftRadius = '0';
                div.style.boxShadow = '0 2px 5px rgba(0,0,0,0.05)';
                div.innerHTML = htmlText;
            }
            body.appendChild(div);
            body.scrollTop = body.scrollHeight;
        }

function adicionarLoaderUI() {
            const body = document.getElementById('maria-chat-b2b-body');
            const id = 'loader-' + Date.now();
            const div = document.createElement('div');
            div.id = id;
            div.style.alignSelf = 'flex-start';
            div.style.background = 'white';
            div.style.padding = '12px 16px';
            div.style.borderRadius = '15px';
            div.style.borderBottomLeftRadius = '0';
            div.style.border = '1px solid var(--cinza-borda)';
            div.style.color = 'var(--cinza-texto)';
            div.style.fontSize = '14px';
            div.innerHTML = '<i class="fas fa-ellipsis-h fa-fade"></i> A pensarâ��¦';
            body.appendChild(div);
            body.scrollTop = body.scrollHeight;
            return id;
        }

function removerLoaderUI(id) {
            const el = document.getElementById(id);
            if(el) el.remove();
        }
    </script>

<div id="ms-global-toast" style="display:none; position:fixed; bottom:30px; left:50%; transform:translateX(-50%); background:#10b981; color:white; padding:12px 24px; border-radius:10px; font-weight:700; z-index:99999; box-shadow:0 8px 20px rgba(0,0,0,0.3); font-size:14px; text-align:center;"></div>
<script>
function mostrarToastGlobal(msg, isError) {
    var t = document.getElementById('ms-global-toast');
    if(!t) return mostrarToastGlobal(msg);
    t.innerHTML = msg;
    t.style.background = isError ? '#ef4444' : '#10b981';
    t.style.display = 'block';
    setTimeout(function(){ t.style.display = 'none'; }, 4000);
}
</script>
<script>
// Escape key listener removed to prevent auth bypass
</script>

// --- TREINOS B2B ---

window.adicionarExercicioB2B = function() {
    const container = document.getElementById('container-exercicios');
    if (!container) return;
    const linha = document.createElement('div');
    linha.className = 'exercicio-linha';
    linha.style.css?v=1787911272Text = 'display:flex; gap:10px; margin-bottom:10px; animation: fadeInUp 0.3s ease;';
    linha.innerHTML = `
        <textarea class="treino-ex-nome" placeholder="Nome (Ex: Agachamentos)"
            style="flex:2; padding:10px; border:1px solid var(--cinza-borda); border-radius:6px; resize:none; height:42px;" required>

`; container.appendChild(linha); }; window.enviarTreinoB2B = async function(event) { event.preventDefault(); const btn = document.querySelector('#form-treino-b2b button[type="submit"]'); const fb = document.getElementById('feedback-treino'); const emailEl = document.getElementById('treino-email'); const tituloEl = document.getElementById('treino-titulo'); const dataEl = document.getElementById('treino-data'); // Recolher exercícios const nomes = [â��¦document.querySelectorAll('.treino-ex-nome')].map(el => el.value.trim()); const reps = [â��¦document.querySelectorAll('.treino-ex-reps')].map(el => el.value.trim()); const exercicios = nomes.map((n, i) => ({ nome: n, series_reps: reps[i] })).filter(e => e.nome); if (!exercicios.length) { mostrarToastClube('Adiciona pelo menos um exercício.', true); return; } btn.disabled = true; btn.innerHTML = ' A enviarâ��¦'; try { const user = window.auth && window.auth.currentUser; const token = user ? await user.getIdToken() : ''; const resp = await fetch('api/api_enviar_treino_clube.php', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token }, body: JSON.stringify({ email_atleta: emailEl ? emailEl.value.trim() : '', titulo: tituloEl ? tituloEl.value.trim() : '', data_limite: dataEl ? dataEl.value : '', exercicios: exercicios }) }); const json = await resp.json(); if (json.sucesso) { mostrarToastClube('â�&�Sâ�€ Plano de treino enviado com sucesso!', false); document.getElementById('form-treino-b2b').reset(); // Deixar apenas 1 linha de exercício const container = document.getElementById('container-exercicios'); if (container) { container.innerHTML = `

`; } carregarTreinosEnviados(); } else { mostrarToastClube(json.mensagem || 'Erro ao enviar plano.', true); } } catch (e) { console.error(e); mostrarToastClube('Erro de ligação ao servidor.', true); } finally { btn.disabled = false; btn.innerHTML = ' Enviar Plano'; } }; async function carregarTreinosEnviados() { const lista = document.getElementById('lista-treinos-enviados'); if (!lista) return; try { const user = window.auth && window.auth.currentUser; const token = user ? await user.getIdToken() : ''; const resp = await fetch('api/api_get_treinos_clube.php', { headers: { 'Authorization': 'Bearer ' + token } }); const json = await resp.json(); if (json.sucesso && json.treinos && json.treinos.length) { lista.innerHTML = json.treinos.map(t => `

${t.titulo} ${t.concluido ? 'Concluído' : 'Em Curso'}

Para: ${t.email_atleta} â��¢ ${t.data_criacao ? t.data_criacao.substring(0,10) : ''}

`).join(''); } else { lista.innerHTML = '

Nenhum plano enviado ainda.

'; } } catch(e) { lista.innerHTML = '

Erro ao carregar planos.

'; } } // --- RESERVAS DO CLUBE (Tab Agenda) --- window.carregarReservasClube = async function(filtroEstado) { const lista = document.getElementById('lista-reservas') || document.getElementById('tab-agenda'); if (!lista) return; try { const user = window.auth && window.auth.currentUser; const token = user ? await user.getIdToken() : ''; const params = filtroEstado ? `?estado=${filtroEstado}` : ''; const resp = await fetch('api/api_get_reservas_clube.php' + params, { headers: { 'Authorization': 'Bearer ' + token } }); const json = await resp.json(); if (!json.sucesso) return; // Atualizar contadores se existirem const setEl = (id, val) => { const el = document.getElementById(id); if (el) el.innerText = val; }; setEl('stat-reservas-total', json.estatisticas.total); setEl('stat-reservas-confirm', json.estatisticas.confirmadas); setEl('stat-reservas-pendentes', json.estatisticas.pendentes); setEl('stat-receita-mes', json.estatisticas.receita_mes.toFixed(2) + ' ââ��š¬'); const container = document.getElementById('lista-reservas'); if (!container || !json.reservas) return; if (!json.reservas.length) { container.innerHTML = '

Sem reservas ' + (filtroEstado || '') + '.

'; return; } const estadoCor = { pendente: '#f59e0b', confirmada: '#10b981', cancelada: '#ef4444', concluida: '#6366f1' }; container.innerHTML = json.reservas.map(r => `

${r.nome_campo || 'Campo'}
${r.nome_cliente || r.email_cliente} â��¢ ${r.data_reserva} ${r.hora_inicio}â��â�€${r.hora_fim} ${r.modalidade ? `
${r.modalidade}` : ''}

${parseFloat(r.preco).toFixed(2)} ââ��š¬ ${r.estado.toUpperCase()}

`).join(''); } catch(e) { console.error('Erro ao carregar reservas:', e); } }; // Inicializar ao abrir tab agenda document.addEventListener('DOMContentLoaded', function() { // Carregar treinos enviados se a tab de treinos já estiver visível setTimeout(carregarTreinosEnviados, 1500); });

A verificar segurançaâ��¦

A verificar segurançaâ��¦