<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#003964">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="BRT Express">
<link rel="apple-touch-icon" href="/logo-192.png">
    
    
    
    
    
    
    
    
    
    <title>Novo Cliente | BRT Express</title>
</head>
<body class="bg-slate-50 flex flex-col items-center p-4">
    <div class="max-w-md w-full mt-15">
        <div class="text-center mb-15">
            <h1 class="text-3xl font-black italic text-[#003964] uppercase">BRT <span class="text-yellow-400">EXPRESS</span></h1>
            <p class="text-xs font-bold text-slate-600 uppercase italic">Cadastre-se para enviar e receber</p>
        </div>

        <div class="bg-white rounded-[2.5rem] p-8 shadow-xl">
            <form action="processar_cliente.php" method="POST" class="space-y-4">
                <input type="text" name="nome" placeholder="Seu Nome Completo" required class="w-full p-4 bg-slate-50 rounded-2xl border border-slate-100 outline-none focus:border-[#003964] text-sm">
                <input type="email" name="email" placeholder="E-mail" required class="w-full p-4 bg-slate-50 rounded-2xl border border-slate-100 text-sm">
                <input type="text" name="whatsapp" placeholder="WhatsApp com DDD" required class="w-full p-4 bg-slate-50 rounded-2xl border border-slate-100 text-sm">
                
                <div class="bg-yellow-400/10 p-4 rounded-2xl border border-yellow-400/20">
                    <p class="text-[15px] font-bold text-[#003964] uppercase italic mb-2">Segurança de Acesso:</p>
                    <input type="password" name="senha" placeholder="Crie uma Senha" required class="w-full p-3 bg-white rounded-xl text-sm border-none shadow-sm">
                </div>

                <button type="submit" class="w-full bg-[#003964] text-white font-black py-5 rounded-[2rem] shadow-lg uppercase italic text-xs tracking-widest transition-transform active:scale-95">
                    CRIAR MINHA CONTA
                </button>
            </form>
        </div>
        <p class="text-center mt-6 text-xs font-bold text-slate-600 italic">Ao se cadastrar você aceita as normas e politica da empresa.</p>
    </div>




<script>
let deferredPrompt;
const banner = document.getElementById('install-banner');

window.addEventListener('beforeinstallprompt', (e) => {
  e.preventDefault();
  deferredPrompt = e;
  banner.classList.remove('hidden'); // Só mostra o banner se for possível instalar
});

document.getElementById('btn-instalar').addEventListener('click', (e) => {
  banner.classList.add('hidden');
  deferredPrompt.prompt();
  deferredPrompt.userChoice.then((choiceResult) => {
    if (choiceResult.outcome === 'accepted') {
      console.log('Entregador aceitou a instalação');
    }
    deferredPrompt = null;
  });
});
</script>













</body>
</html>