Funiture

Gallery

function dfc_shortcode() {
    ob_start(); ?>

    <div id="dance-floor-calculator" style="max-width:500px;margin:20px auto;font-family:Arial, sans-serif;">
      <h2 style="text-align:center;">Dance Floor Size Calculator</h2>

      <label>Total Number of Guests:</label>
      <input type="number" id="guests" placeholder="e.g. 150" style="width:100%;padding:10px;margin:8px 0;">

      <label>Percentage Likely to Dance (%):</label>
      <input type="number" id="percentage" placeholder="e.g. 40" value="40" style="width:100%;padding:10px;margin:8px 0;">

      <label>Space Per Dancer (sq ft):</label>
      <input type="number" id="space" placeholder="4.5 (recommended)" value="4.5" step="0.1" style="width:100%;padding:10px;margin:8px 0;">

      <button onclick="calculateDanceFloor()" style="width:100%;padding:12px;background:#000;color:#fff;border:none;font-size:16px;cursor:pointer;margin-top:10px;">
        Calculate
      </button>

      <div id="result" style="margin-top:20px;font-size:18px;font-weight:bold;text-align:center;"></div>
      <div id="suggested-sizes" style="margin-top:10px;text-align:center;font-size:14px;color:#555;"></div>
    </div>

    <script>
    function calculateDanceFloor() {
        const guests = parseFloat(document.getElementById('guests').value);
        const percentage = parseFloat(document.getElementById('percentage').value) / 100;
        const space = parseFloat(document.getElementById('space').value);

        if (isNaN(guests) || isNaN(percentage) || isNaN(space)) {
            document.getElementById('result').innerHTML = "Please enter valid numbers.";
            return;
        }

        const dancers = guests * percentage;
        const area = Math.round(dancers * space);

        document.getElementById('result').innerHTML = 
            `Recommended Dance Floor Size: <br><span style="font-size:24px;">${area} sq ft</span>`;

        const suggestions = generateFloorSizes(area);
        document.getElementById('suggested-sizes').innerHTML = suggestions;
    }

    function generateFloorSizes(area) {
        const sizes = [];
        const dimensions = [
            [10,10], [12,12], [12,15], [15,15], [15,18],
            [18,18], [18,20], [20,20], [20,24], [24,24]
        ];

        dimensions.forEach(dim => {
            const sq = dim[0] * dim[1];
            if (sq >= area) sizes.push(`${dim[0]} ft × ${dim[1]} ft (${sq} sq ft)`);
        });

        if (sizes.length === 0) {
            return "No standard sizes large enough — consider a custom layout.";
        }

        return `
            Suggested Floor Layouts:<br>
            <span style="font-size:13px;">${sizes.join("<br>")}</span>
        `;
    }
    </script>

    <?php
    return ob_get_clean();
}
add_shortcode('dance_floor_calculator', 'dfc_shortcode');