<!DOCTYPE html>

<html lang="id">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Form Order - PT. DPS</title>

    <style>

        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f6; display: flex; justify-content: center; padding: 20px; }

        .card { background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 100%; max-width: 450px; }

        h2 { color: #2e7d32; margin-top: 0; }

        label { display: block; margin: 10px 0 5px; font-weight: bold; font-size: 14px; }

        input, textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; font-size: 16px; }

        button { width: 100%; padding: 15px; background: #2e7d32; color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; margin-top: 20px; }

        button:disabled { background: #ccc; }

    </style>

</head>

<body>

    <div class="card">

        <h2>Form Order Frozen Food</h2>

        <p>Silakan isi data pesanan Anda di bawah ini.</p>

        

        <form id="orderForm">

            <label>Nama Usaha / Custom</label>

            <input type="text" name="nama_usaha" placeholder="Contoh: Resto Makmur" required>


            <label>Jenis Usaha</label>

            <input type="text" name="jenis_usaha" placeholder="Contoh: Cafe / Katering" required>


            <label>No. WhatsApp</label>

            <input type="tel" name="whatsapp" placeholder="08123456xxx" required>


            <label>Kebutuhan Produk</label>

            <textarea name="kebutuhan" rows="3" placeholder="Sebutkan produk yang dipesan..."></textarea>


            <label>Alamat Lengkap</label>

            <textarea name="alamat" rows="3" placeholder="Alamat pengiriman..."></textarea>


            <button type="submit" id="submitBtn">Kirim Order Sekarang</button>

        </form>

    </div>


    <script>

        // GANTI URL DI BAWAH INI DENGAN URL WEB APP ANDA

        const scriptURL = 'PASTE_URL_APPSCRIPT_ANDA_DISINI';

        const form = document.getElementById('orderForm');

        const btn = document.getElementById('submitBtn');


        form.addEventListener('submit', e => {

            e.preventDefault();

            btn.disabled = true;

            btn.innerText = 'Sedang Mengirim...';


            fetch(scriptURL, { method: 'POST', body: new FormData(form)})

            .then(res => {

                alert('Order Berhasil Terkirim!');

                form.reset();

                window.location.href = 'thank-you.html';

            })

            .catch(error => {

                alert('Terjadi kesalahan, coba lagi.');

                btn.disabled = false;

                btn.innerText = 'Kirim Order Sekarang';

            });

        });

    </script>

</body>

</html>