Baadae Pay
Fill in the form below for approval
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document Upload Form</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 50px;
padding: 20px;
background-color: #f4f4f4;
}
.form-container {
max-width: 800px;
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
label {
font-weight: bold;
}
input {
width: 100%;
padding: 8px;
margin: 10px 0;
}
button {
background: #28a745;
color: #fff;
border: none;
padding: 10px;
cursor: pointer;
width: 100%;
}
button:hover {
background: #218838;
}
.success-message {
display: none;
color: green;
font-weight: bold;
margin-top: 10px;
}
</style>
</head>
<body>
<div class="form-container">
<h2>Upload Your Documents</h2>
<form id="uploadForm">
<label for="fullName">Full Name:</label>
<input type="text" id="fullName" name="fullName" required>
<label for="phoneNumber">Phone Number:</label>
<input type="tel" id="phoneNumber" name="phoneNumber" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="idUpload">Upload JPEG ID:</label>
<input type="file" id="idUpload" name="idUpload" accept="image/jpeg" required>
<label for="payslipUpload">Upload PDF Payslip:</label>
<input type="file" id="payslipUpload" name="payslipUpload" accept="application/pdf" required>
<button type="submit">Submit</button>
</form>
<p class="success-message" id="successMessage">Submitted successfully</p>
</div>
<script>
document.getElementById("uploadForm").addEventListener("submit", function(event) {
event.preventDefault();
let fullName = document.getElementById("fullName").value;
let phoneNumber = document.getElementById("phoneNumber").value;
let email = document.getElementById("email").value;
let mailtoLink = `mailto:jimhawkinskim@gmail.com, subject=Document Submission&body=Name: ${fullName}%0D%0APhone: ${phoneNumber}%0D%0AEmail: ${email}%0D%0A(Attachments need to be added manually)`;
window.location.href = mailtoLink;
document.getElementById("successMessage").style.display = "block";
});
</script>
</body>
</html>