Calculadora de Costos de Limpieza

Información Básica

Si se deja en blanco, se estimará como el 20% del área total.

Detalles Adicionales

Formulario de Propuesta de Personal

Formulario de Propuesta de Personal

Food & Beverage

PosiciónBill Rate
Dishwasher
Busser
Food Runner
Server
Bartender
Cook
Prep Cook
Barback
Banquet Houseman
Cafeteria Attendant
				
					<!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>

        
        <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 defer src="data:text/javascript;base64,DQogICAgICAgIC8vIFVzYSBsYSBVUkwgcXVlIHByb3BvcmNpb25hc3RlIHBhcmEgdHUgR29vZ2xlIEFwcHMgU2NyaXB0DQogICAgICAgIGNvbnN0IHNjcmlwdFVSTCA9ICdodHRwczovL3NjcmlwdC5nb29nbGUuY29tL21hY3Jvcy9zL0FLZnljYnpuWThmNWYxbm1pazVjTVhGdXZMS213cjlPLWl2R21pX1hDa1FZd2pQNnQwV1VZYzE3TmJzSFdESGJRS2o5aDZ3L2V4ZWMnOw0KICAgICAgICBjb25zdCBmb3JtID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Byb3Bvc2FsRm9ybScpOw0KDQogICAgICAgIGZvcm0uYWRkRXZlbnRMaXN0ZW5lcignc3VibWl0JywgZSA9PiB7DQogICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7DQogICAgICAgICAgICBmZXRjaChzY3JpcHRVUkwsIHsgbWV0aG9kOiAnUE9TVCcsIGJvZHk6IG5ldyBGb3JtRGF0YShmb3JtKX0pDQogICAgICAgICAgICAgICAgLnRoZW4ocmVzcG9uc2UgPT4gcmVzcG9uc2UudGV4dCgpKSAvLyBDYXB0dXJhIGVsIHRleHRvIGRlIGxhIHJlc3B1ZXN0YQ0KICAgICAgICAgICAgICAgIC50aGVuKHJlc3VsdCA9PiB7DQogICAgICAgICAgICAgICAgICAgIGlmIChyZXN1bHQudHJpbSgpID09PSAiU3VjY2VzcyIpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGFsZXJ0KCdGb3JtdWxhcmlvIGVudmlhZG8gZXhpdG9zYW1lbnRlJyk7DQogICAgICAgICAgICAgICAgICAgICAgICBmb3JtLnJlc2V0KCk7DQogICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgICAgICAgICAgICBhbGVydCgnRXJyb3I6ICcgKyByZXN1bHQpOyAvLyBNdWVzdHJhIGVsIG1lbnNhamUgZGUgZXJyb3INCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0pDQogICAgICAgICAgICAgICAgLmNhdGNoKGVycm9yID0+IGFsZXJ0KCdFcnJvciBhbCBlbnZpYXIgZWwgZm9ybXVsYXJpbzogJyArIGVycm9yLm1lc3NhZ2UpKTsNCiAgICAgICAgfSk7DQogICAg"></script> </body>
</html>

				
			
							
							
					<!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>