<turbo-stream action="replace" target="primaryModalContent"><template>
  <turbo-frame id="primaryModalContent">
  <div class="ui dividing header pt-2">
    <i class="comments outline icon"></i>Chat with Counsellors!
  </div>

  <div class="ui two stackable cards m-0">
      <div class="card">
        <div class="content pb-0em">
          <div class="d-flex mb-1em">
            <div style="width: 25%">
              <img class="img-thumbnail" alt="Counsellor Avatar" style="border-radius: 50%;" src="https://www.edumetry.app/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbU1IIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--c3ec26f744bc07586b22549c00d29c8484b15e6d/system-skills-logo1.jpg" />
            </div>
            <div class="ml-05em">
              <div class="header">
                Pak Mei Yoke
              </div>
              <div class="meta">
                System and Skills Training Concept 
                <br>Trainer
              </div>
            </div>
          </div>
          <div class="description">
              <span class="mr-1em">
                <i class="envelope icon"></i>mypak@system-skills.com.my
              </span>
            <span class="text no-wrap">
              <i class="phone icon"></i>60123707600
            </span>
          </div>
        </div>
        <div class="extra content border-top-none">
          <div class="ui two buttons">
              <a href="mailto:mypak@system-skills.com.my" target="_blank" class="ui basic blue button pt-1em pb-1em pl-0em pr-0em">
                <i class="envelope outline icon"></i> Email
              </a>
            <a class="ui basic green button pt-1em pb-1em pl-0em pr-0em" data-turbo-stream="true" data-controller="modal" data-action="click-&gt;modal#showPrimaryModal" href="/whatsapp_counsellor/147/Institution/260?locale=en">
              <i class="whatsapp green icon"></i>Chat Now
</a>          </div>
        </div>
      </div>
      <div class="card">
        <div class="content pb-0em">
          <div class="d-flex mb-1em">
            <div style="width: 25%">
              <img class="img-thumbnail" alt="Counsellor Avatar" style="border-radius: 50%;" src="https://www.edumetry.app/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbVVIIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--e7b7008f26587a530ee2d47ff9e409c7cb05407c/system-skills-logo1.jpg" />
            </div>
            <div class="ml-05em">
              <div class="header">
                Samuel Woon
              </div>
              <div class="meta">
                System and Skills Training Concept 
                <br>Trainer
              </div>
            </div>
          </div>
          <div class="description">
              <span class="mr-1em">
                <i class="envelope icon"></i>smlwoon@system-skills.com.my
              </span>
            <span class="text no-wrap">
              <i class="phone icon"></i>60162315518
            </span>
          </div>
        </div>
        <div class="extra content border-top-none">
          <div class="ui two buttons">
              <a href="mailto:smlwoon@system-skills.com.my" target="_blank" class="ui basic blue button pt-1em pb-1em pl-0em pr-0em">
                <i class="envelope outline icon"></i> Email
              </a>
            <a class="ui basic green button pt-1em pb-1em pl-0em pr-0em" data-turbo-stream="true" data-controller="modal" data-action="click-&gt;modal#showPrimaryModal" href="/whatsapp_counsellor/148/Institution/260?locale=en">
              <i class="whatsapp green icon"></i>Chat Now
</a>          </div>
        </div>
      </div>
  </div>
</turbo-frame>
</template></turbo-stream>