<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 dengan Kaunselor!
  </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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBc0lIIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--157ed06b73143015bd8c8e88017023ebab3040f6/alex.jpg" />
            </div>
            <div class="ml-05em">
              <div class="header">
                Alex
              </div>
              <div class="meta">
                JMC Academy Sydney
                <br>Education Counselor
              </div>
            </div>
          </div>
          <div class="description">
              <span class="mr-1em">
                <i class="envelope icon"></i>akiu@jmc.edu.au
              </span>
            <span class="text no-wrap">
              <i class="phone icon"></i>60122991650
            </span>
          </div>
        </div>
        <div class="extra content border-top-none">
          <div class="ui two buttons">
              <a href="mailto:akiu@jmc.edu.au" target="_blank" class="ui basic blue button pt-1em pb-1em pl-0em pr-0em">
                <i class="envelope outline icon"></i> E-mel
              </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/169/Course/2686?locale=bm">
              <i class="whatsapp green icon"></i>Chat Sekarang
</a>          </div>
        </div>
      </div>
  </div>
</turbo-frame>
</template></turbo-stream>