<div id="featured-events"></div>
          <script src="https://widgets.blackpulp.com/resources/clcdayton/loader.js"></script>
          <script>
              bpPortal.service.addListener(function(serviceName) {
                  if (serviceName === 'top-featured-events') {
                    bpPortal.service.get('top-featured-events').init(document.getElementById('featured-events'), {
                      defaultTab: bpPortal.getQueryParam('tab') || 'featured',
                      portalPath: "https://my.clcdayton.com/portal",
                      congregationId: Number(bpPortal.getQueryParam('congregation_id')) || null,
                      eventTypeId: Number(bpPortal.getQueryParam('event_type_id')) || null,
                      ministryId: Number(bpPortal.getQueryParam('ministry_id')) || null,
                      withRegistration: Boolean(bpPortal.getQueryParam('with_registration'))
                    });
                  }
                });
                bpPortal.service.load('top-featured-events');
          </script>