<turbo-stream action="replace" target="small_group_details"><template><turbo-frame id="small_group_details">
  <!-- This frame will be updated to show the details of the selected small group -->
    <div class="dialog-container -dark -show" data-controller="small-group-dialog" data-small-group-dialog-target="smallGroupDialog">
      <div class="dialog-root" role="dialog" aria-modal="true">
        <div class="dialog-base">
          <div class="dialog-background">
            <div class="dialog-content" data-small-group-dialog-target="smallGroupInfo">
              <div class="group-details">
                <h2 class="title">Light House Church Azores</h2>
                <div class="body-text -serif">
                  <div class="metadata">
                    <div class="item">
                      <h4 class="subtitle">Led by</h4>
                      <p>Ernest and Risel Furtado</p>
                    </div>
                    <div class="item">
                      <h4 class="subtitle">Meeting Type</h4>
                      <p>Online</p>
                    </div>
                    <div class="item">
                      <h4 class="subtitle">Language</h4>
                      <p><span class="translation_missing" title="translation missing: en.lang.english">English</span></p>
                    </div>
                    <div class="item" data-controller="local-time">
                      <h4 class="subtitle">Schedule</h4>
                      <p>Weekly, on Thursday at <span data-time="2000-01-01T19:00:00-01:00"> 7:00 PM -01</span> for 2 hours</p>
                    </div>
                      <div class="study">
                        <a data-turbo="false" href="/bible-studies/the-gospel-of-john">
                          <figure class="media-element">
                            <div class="image">
                              <div class="aspect -square">
      <img src="https://media.versebyverseministry.org/images/bible_study_images/_300/John_cover_centered.jpg" srcset="https://media.versebyverseministry.org/images/bible_study_images/_300/John_cover_centered.jpg, https://media.versebyverseministry.org/images/bible_study_images/_600/John_cover_centered.jpg 2x" />
</div>

                            </div>
                          </figure>
</a>                        <div class="details">
                          <h4 class="subtitle">Current study</h4>
                          <h3 class="title"><a data-turbo="false" href="/bible-studies/the-gospel-of-john">John</a></h3>
                        </div>
                      </div>
                  </div>
                    <h4 class="subtitle">About</h4>
                    <p>Join this online Connect Group for men and women as they study the Gospel of John together. The group begins Thursday, October 29, 2026. Connect with other believers and grow in your understanding of God’s Word through verse-by-verse Bible study! For more information, you can visit The Light House Church website:  www.lighthousechurch.pt</p>
                    <div class="buttons">
                      <a class="button-link -medium" href="https://meet.google.com/uev-zbkw-psy" target="_blank">
                        <span class="label">Visit group website</span>
                      </a>
                    </div>
                </div>
                <!--
                                <h1 class="headline-text -smaller -centered">Thank you</h1>
                                <p class="subheading-text -smaller -blue -centered">Check your inbox for instructions</p>
                                -->
                <turbo-frame id="connect_form">
  <form class="form-wrapper" data-turbo-frame="connect_form" data-clarity-mask="True" action="/small_groups/connect" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-3eXRsmeBy-XtCAXt0zrcRRkl3wobsRKmtsPt2eLm9Bh2qQJQuJW396VEZRpgUUoEtWjErwXAxbhdzCkddeAGg" />
    <p class="body-text -serif">If you are interested in joining then please fill out your details below and we’ll pass them on to the group leader, who will be in touch with more information.</p>
    <div class="row">
      <div class="large-input-wrapper -cols-4">
        <label for="small_group_join_form_name">Your name*</label>
        <input type="text" name="small_group_join_form[name]" id="small_group_join_form_name" />
      </div>
      <div class="large-input-wrapper -cols-4">
        <label for="small_group_join_form_email">Your email*</label>
        <input type="email" name="small_group_join_form[email]" id="small_group_join_form_email" />
      </div>
    </div>
    <div class="row">
      <div class="large-input-wrapper -cols-4">
        <label for="small_group_join_form_email_confirmation">Confirm email*</label>
        <input type="email" name="small_group_join_form[email_confirmation]" id="small_group_join_form_email_confirmation" />
      </div>
    </div>
    <div class="row">
      <div class="large-input-wrapper -full-width">
        <label for="small_group_join_form_message">Message</label>
        <textarea placeholder="Enter a brief message for the group leader" name="small_group_join_form[message]" id="small_group_join_form_message">
</textarea>
      </div>
      <input type="hidden" value="31" name="small_group_join_form[group_id]" id="small_group_join_form_group_id" />
    </div>
    <div class="row">
      <div class="recaptcha-container">
        <div class="cf-turnstile" data-sitekey="0x4AAAAAACnl2M6smS06xqUB" data-callback="onSmallGroupConnectTurnstileSuccess"></div>
      </div>
      <div class="right-buttons">
        <div class="button-link -secondary -medium" id="dialog-1-close" data-action="click->small-group-dialog#closeDialog">
          <span class="label close-button">Close</span>
        </div>
        <input type="submit" name="commit" value="Submit" class="button-link -medium" disabled="disabled" id="connect-form-submit" data-disable-with="Submit" />
      </div>
    </div>
</form>  <script>
    if (typeof turnstile !== 'undefined') {
      document.querySelectorAll('#connect_form .cf-turnstile').forEach(function(el) {
        if (el.childElementCount > 0) return;
        var id = turnstile.render(el);
        if (id) el.dataset.widgetId = id;
      });
    }
  </script>
</turbo-frame>
              </div>
            </div>
            <a class="dialog-close" href="javascript:void(0);" data-action="click->small-group-dialog#closeDialog" alttext="Close"></a>
          </div>
        </div>
      </div>
    </div>
</turbo-frame></template></turbo-stream>
