Modifica di MESB/Accept Membership

<div style="max-width:900px; margin:0 auto; padding:20px;">

<h1 style="font-size:1.8em; color:#1f334d; margin-bottom:10px;">
  MESB Membership Confirmation
</h1>

<p style="font-size:1.1em; color:#444;">
  Thank you for your participation in the <b>Masticationpedia Ethical and Scientific Board (MESB)</b>.
  Please confirm your acceptance or decline of the role using the options below.
</p>

<div style="margin-top:22px; padding:18px 20px; background:#f8fbff; border-radius:14px; border:1px solid #d7e0ef;">
  <h3 style="margin-top:0; color:#223347;">Your decision</h3>

  <label for="mesb-name"><b>Your full name:</b></label><br>
  <input id="mesb-name" type="text" style="width:100%; padding:8px; border:1px solid #ccd4e0; border-radius:8px; margin-top:6px;" />

  <label for="mesb-comments" style="margin-top:14px; display:block;"><b>Optional comments:</b></label>
  <textarea id="mesb-comments" rows="4" style="width:100%; padding:8px; border:1px solid #ccd4e0; border-radius:8px;"></textarea>

  <div style="margin-top:18px;">
    <button onclick="sendMESBDecision('ACCEPT')" 
      style="background:#2e7d32; color:white; padding:10px 24px; border:none; border-radius:8px; cursor:pointer;">
      ✔️ I ACCEPT the membership
    </button>

    <button onclick="sendMESBDecision('DECLINE')" 
      style="background:#c62828; color:white; padding:10px 24px; border:none; border-radius:8px; cursor:pointer; margin-left:12px;">
      ❌ I DECLINE the membership
    </button>
  </div>
</div>

<div id="mesb-result" style="margin-top:22px; font-size:1.05em; color:#1e3c2a;"></div>

<script>
function sendMESBDecision(action) {
    const name = document.getElementById("mesb-name").value.trim();
    const comments = document.getElementById("mesb-comments").value.trim();

    if (!name) {
        alert("Please enter your full name before submitting.");
        return;
    }

    fetch("/MESB/mesb_accept_api.php", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ name: name, action: action, comments: comments })
    })
    .then(response => response.json())
    .then(data => {
        document.getElementById("mesb-result").innerHTML = 
            "<b>" + data.message + "</b>";
    })
    .catch(error => {
        document.getElementById("mesb-result").innerHTML = 
            "<b style='color:red;'>Error submitting your response.</b>";
    });
}
</script>

</div>