<div class="pad-booking-form">
    <pad-if _:if:_="showForm">
        <div id="pad-{{autoGenerated->id->bookingForm}}"></div>
        <link href="../../../../JSModules/build/FormBuilder/FormBuilder.css" rel="stylesheet" type="text/css"/>
        <script type="module" class="pad-script">
            import FormBuilder from "../../../../JSModules/build/FormBuilder/FormBuilder.js";

            let form = new FormBuilder(
                padInjectData["{{formJson}}"],
            );

            form.loadData({
                pageId: padInjectData["{{pageId}}"],
                widgetHash: "<!--{{feature_attributes->widget_hash}}-->",
                padBookingFormNonce: "<!--{{BookingFormNonce}}-->",
            });

            form.placeHtml(document.getElementById("pad-<!--{{autoGenerated->id->bookingForm}}-->"))
        </script>
    </pad-if>
    <pad-if _:if:_="showForm" not>
        <div>
            {{message}}
        </div>
    </pad-if>
</div>
