<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">Bible Study for Women- Ecclesiates</h2>
                <div class="body-text -serif">
                  <div class="metadata">
                    <div class="item">
                      <h4 class="subtitle">Led by</h4>
                      <p>Abigail Mooneegan</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 Monday at <span data-time="2000-01-01T16:00:00+00:00"> 4:00 PM GMT</span> for 1 hour</p>
                    </div>
                      <div class="study">
                        <a data-turbo="false" href="/bible-studies/ecclesiastes">
                          <figure class="media-element">
                            <div class="image">
                              <div class="aspect -square">
      <img src="https://media.versebyverseministry.org/uploads/bible_studies/443e5ca8-8bd8-4ac6-91f5-3d7690b819ca/cover_image/small-1eb8d7364ac5f53ba4f99cc35deede3b.png" srcset="https://media.versebyverseministry.org/uploads/bible_studies/443e5ca8-8bd8-4ac6-91f5-3d7690b819ca/cover_image/small-1eb8d7364ac5f53ba4f99cc35deede3b.png, https://media.versebyverseministry.org/uploads/bible_studies/443e5ca8-8bd8-4ac6-91f5-3d7690b819ca/cover_image/medium-76d6f765915e87b40af7a3f517e50df9.png 2x" />
</div>

                            </div>
                          </figure>
</a>                        <div class="details">
                          <h4 class="subtitle">Current study</h4>
                          <h3 class="title"><a data-turbo="false" href="/bible-studies/ecclesiastes">Ecclesiastes</a></h3>
                        </div>
                      </div>
                  </div>
                    <h4 class="subtitle">About</h4>
                    <p>We spend our lives chasing success, money, pleasure, knowledge and possessions. Yet sooner or later, we ask:

“What is the meaning of life?”

Ecclesiastes asks that very question.

“Vanity of vanities, says the Preacher; all is vanity.” — Ecclesiastes 1:2

Solomon takes us beneath the surface of life “under the sun” and exposes the emptiness of everything we pursue when God is left out.

But Ecclesiastes does not end in despair.

It points us to the One who gives life its true meaning:

“Fear God and keep His commandments, for this is the whole duty of man. For God will bring every deed into judgment.” — Ecclesiastes 12:13–14

1. Life is short.
2. This world is temporary.
3. Judgment is coming.
4. Eternity is real.

Come and discover what Ecclesiastes teaches us about life, death, purpose, judgment and eternity—and why we cannot afford to live without God.</p>
                </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="a7OAw1t-4Rfl45pbnQDexy7YgOC39pLk2m8stlsC2RtCsctbw8iq1ntFdJPpaQK0TUeLDJRKXASzA31JpG2y8g" />
    <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="30" 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.dataset.widgetId) turnstile.render(el);
      });
    }
  </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>
