<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">Faith Bible Fellowship</h2>
                <div class="body-text -serif">
                  <div class="metadata">
                    <div class="item">
                      <h4 class="subtitle">Led by</h4>
                      <p>Pastor Greg Driver</p>
                    </div>
                    <div class="item">
                      <h4 class="subtitle">Meeting Type</h4>
                      <p>Both In Person and 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 Sunday at <span data-time="1999-12-31T21:45:00-06:00"> 9:45 PM CST</span> for 1 hour 30 minutes</p>
                    </div>
                      <div class="item">
                        <h4 class="subtitle">Location</h4>
                        <p>Tullahoma, Tennessee, 37388, United States</p>
                      </div>
                      <div class="study">
                        <a data-turbo="false" href="/bible-studies/2-peter">
                          <figure class="media-element">
                            <div class="image">
                              <div class="aspect -square">
      <img src="https://media.versebyverseministry.org/uploads/bible_studies/b59e44ad-1a8b-4292-923d-72f463691cca/cover_image/small-b4013a5141e19e6112511a0d3a155ba6.jpg" srcset="https://media.versebyverseministry.org/uploads/bible_studies/b59e44ad-1a8b-4292-923d-72f463691cca/cover_image/small-b4013a5141e19e6112511a0d3a155ba6.jpg, https://media.versebyverseministry.org/uploads/bible_studies/b59e44ad-1a8b-4292-923d-72f463691cca/cover_image/medium-12173b8f80f88b5da0f611e7f6e9ef15.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/2-peter">2 Peter</a></h3>
                        </div>
                      </div>
                  </div>
                    <h4 class="subtitle">About</h4>
                    <p>Join VBVMI's Principal Teacher at his home church of Faith Bible Fellowship for an in-depth, verse-by-verse Bible teaching every Sunday. This teaching is Livestreamed Sunday mornings at 9:45 AM OR join this church body in person at 1401 Wilson Avenue, Tullahoma, TN 37388. </p>
                    <div class="buttons">
                      <a class="button-link -medium" href="https://www.fbftullahoma.com/livestream" 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="P-GsGXTPg8er5iMJAWr4Jb_I28ZkvkouzNQtcGYeXsZN7st0QVf3OXq68fhU0KQEc4ZmBJN5XfRPNl7YEDjQ-A" 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="18" 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>
