<!-- Paenula™ Access Request Form -->
<form id="paenulaRequestForm" style="max-width:520px;">
  <input type="text"    name="fullName"     placeholder="Full Name"          required/>
  <input type="text"    name="businessName" placeholder="Business Name"       required/>
  <input type="email"   name="email"        placeholder="Email Address"       required/>
  <input type="tel"     name="phone"        placeholder="Phone Number"        required/>
  <input type="text"    name="industry"     placeholder="Industry / Business Type"/>
  <input type="number"  name="employees"    placeholder="Number of Employees"/>
  <textarea             name="description"  placeholder="Brief description of your needs" rows="4"></textarea>
  <button type="submit">Request Access</button>
</form>

<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js"></script>
<script>
  // Same Firebase config as your portal
  firebase.initializeApp({
    apiKey:"AIzaSyBDZ0QKAOxKy-rg9_ZYqIrxcU8Cx3xIuVA",
    authDomain:"paenula-af831.firebaseapp.com",
    projectId:"paenula-af831",
    storageBucket:"paenula-af831.firebasestorage.app",
    messagingSenderId:"159680538042",
    appId:"1:159680538042:web:8830124092aefb0e0a2983"
  });
  const db = firebase.firestore();
  document.getElementById('paenulaRequestForm').onsubmit = async (e) => {
    e.preventDefault();
    const f = e.target;
    await db.collection('accessRequests').add({
      fullName:     f.fullName.value,
      businessName: f.businessName.value,
      email:        f.email.value,
      phone:        f.phone.value,
      industry:     f.industry.value,
      employees:    f.employees.value,
      description:  f.description.value,
      status:       'pending',
      submittedAt:  firebase.firestore.FieldValue.serverTimestamp()
    });
    f.reset();
    alert('Request submitted! We will be in touch shortly.');
  };
</script>