Number of Workers:
Total Worker Hours: hours
Worker Cost: $
Supervisor Hours: hours
Supervisor Cost: $
Material | Quantity | Cost |
---|
Total Materials Cost: $
Service | Cost |
---|
Total Additional Services Cost: $
Subtotal: $
Markup (%): $
Contingency (5%): $
Formulario de Propuesta de Personal
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulario de Propuesta de Personal</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
form {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 800px;
width: 100%;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table, th, td {
border: 1px solid #ddd;
}
th, td {
padding: 8px;
text-align: left;
}
th {
background-color: #d32f2f;
color: white;
}
input {
width: 100%;
padding: 5px;
border: 1px solid #ddd;
border-radius: 3px;
}
button {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px;
cursor: pointer;
width: 100%;
border-radius: 5px;
}
button:hover {
background-color: #45a049;
}
h2, h3 {
text-align: center;
}
</style>
</head>
<body>
<form id="proposalForm">
<h2>Formulario de Propuesta de Personal</h2>
<!-- Tabla de Food & Beverage -->
<h3>Food & Beverage</h3>
<table>
<tr>
<th>Posición</th>
<th>Bill Rate</th>
</tr>
<tr>
<td>Dishwasher</td>
<td><input type="number" step="0.01" min="0" name="DishwasherRate"></td>
</tr>
<tr>
<td>Busser</td>
<td><input type="number" step="0.01" min="0" name="BusserRate"></td>
</tr>
<tr>
<td>Food Runner</td>
<td><input type="number" step="0.01" min="0" name="FoodRunnerRate"></td>
</tr>
<tr>
<td>Server</td>
<td><input type="number" step="0.01" min="0" name="ServerRate"></td>
</tr>
<tr>
<td>Bartender</td>
<td><input type="number" step="0.01" min="0" name="BartenderRate"></td>
</tr>
<tr>
<td>Cook</td>
<td><input type="number" step="0.01" min="0" name="CookRate"></td>
</tr>
<tr>
<td>Prep Cook</td>
<td><input type="number" step="0.01" min="0" name="PrepCookRate"></td>
</tr>
<tr>
<td>Barback</td>
<td><input type="number" step="0.01" min="0" name="BarbackRate"></td>
</tr>
<tr>
<td>Banquet Houseman</td>
<td><input type="number" step="0.01" min="0" name="BanquetHousemanRate"></td>
</tr>
<tr>
<td>Cafeteria Attendant</td>
<td><input type="number" step="0.01" min="0" name="CafeteriaAttendantRate"></td>
</tr>
</table>
<button type="submit">Enviar Propuesta</button>
</form>
<script>
// Usa la URL que proporcionaste para tu Google Apps Script
const scriptURL = 'https://script.google.com/macros/s/AKfycbznY8f5f1nmik5cMXFuvLKmwr9O-ivGmi_XCkQYwjP6t0WUYc17NbsHWDHbQKj9h6w/exec';
const form = document.getElementById('proposalForm');
form.addEventListener('submit', e => {
e.preventDefault();
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => response.text()) // Captura el texto de la respuesta
.then(result => {
if (result.trim() === "Success") {
alert('Formulario enviado exitosamente');
form.reset();
} else {
alert('Error: ' + result); // Muestra el mensaje de error
}
})
.catch(error => alert('Error al enviar el formulario: ' + error.message));
});
</script>
</body>
</html>