<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">Eyes for Eternity Bible Study</h2>
                <div class="body-text -serif">
                  <div class="metadata">
                    <div class="item">
                      <h4 class="subtitle">Led by</h4>
                      <p>Jay and Mary Wilson</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="1999-12-31T19:00:00-06:00"> 7:00 PM CST</span> for 1 hour</p>
                    </div>
                      <div class="study">
                        <a data-turbo="false" href="/bible-studies/revelation-2020">
                          <figure class="media-element">
                            <div class="image">
                              <div class="aspect -square">
      <img src="https://media.versebyverseministry.org/uploads/bible_studies/2721/cover_image/small-fb45170f47ef5e0b79d666f2e8219be3.jpg" srcset="https://media.versebyverseministry.org/uploads/bible_studies/2721/cover_image/small-fb45170f47ef5e0b79d666f2e8219be3.jpg, https://media.versebyverseministry.org/uploads/bible_studies/2721/cover_image/medium-4937a196ede39130bdf95eac28d507cd.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/revelation-2020">Revelation</a></h3>
                        </div>
                      </div>
                  </div>
                    <h4 class="subtitle">About</h4>
                    <p>Eyes for Eternity – Online Connect Group!

Join our co-ed online Bible study as we walk verse-by-verse through the New Testament of Revelation. This English-speaking group meets weekly on Mondays at 7:00 PM (CST), beginning February 23rd, and is led by Jay and Mary.

Together, we focus on studying God’s Word while building meaningful fellowship—sharing discussion, prayer, and life with one another in a welcoming online setting.

📖 Verse-by-verse study
🤝 Fellowship & discussion
🌎 Online | All are welcome</p>
                    <h4 class="subtitle">Details</h4>
                    <p>Meet online via Zoom </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="xbyqGpaSXa4eTrp8ThDuWPoLcNwdiInA2DqCTmdxrQAaDrMIwv2iTGKZD-4fzFZCVYLPgrYkNFREXJHlUudJ7g" autocomplete="off" />
    <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 -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 autocomplete="off" type="hidden" value="15" 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"></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" data-disable-with="Submit" />
      </div>
    </div>
</form></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>
