<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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDBKIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--f01afcf5e6e3fafd2686ea51b98cb256dbda8026/amu-thisyaal.jpg" />
            </div>
            <div class="ml-05em">
              <div class="header">
                Thisyaal A/L Givakaran
              </div>
              <div class="meta">
                Asia Metropolitan University (AMU)
                <br>Junior, Marketing and Sales Executive
              </div>
            </div>
          </div>
          <div class="description">
              <span class="mr-1em">
                <i class="envelope icon"></i>thisyaal@amu.edu.my
              </span>
            <span class="text no-wrap">
              <i class="phone icon"></i>60177879909
            </span>
          </div>
        </div>
        <div class="extra content border-top-none">
          <div class="ui two buttons">
              <a href="mailto:thisyaal@amu.edu.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/251/Course/3422?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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDhKIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--111e4b4874342bc43c183a5709189f3a7d1cbd26/amu-thanuusha.jpg" />
            </div>
            <div class="ml-05em">
              <div class="header">
                Thanuusha A/P Sugumaran
              </div>
              <div class="meta">
                Asia Metropolitan University (AMU)
                <br>Junior, Marketing and Sales Executive
              </div>
            </div>
          </div>
          <div class="description">
              <span class="mr-1em">
                <i class="envelope icon"></i>thanuusha@amu.edu.my
              </span>
            <span class="text no-wrap">
              <i class="phone icon"></i>60127233934
            </span>
          </div>
        </div>
        <div class="extra content border-top-none">
          <div class="ui two buttons">
              <a href="mailto:thanuusha@amu.edu.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/252/Course/3422?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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdUVKIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--bb882d4bcdf4ac5a38524459f1bc2f6bffe45360/amu-sammueal.jpg" />
            </div>
            <div class="ml-05em">
              <div class="header">
                Sammueal Anak Lebang
              </div>
              <div class="meta">
                Asia Metropolitan University (AMU)
                <br>Junior, Marketing and Sales Executive
              </div>
            </div>
          </div>
          <div class="description">
              <span class="mr-1em">
                <i class="envelope icon"></i>sammueal@amu.edu.my
              </span>
            <span class="text no-wrap">
              <i class="phone icon"></i>601140330973
            </span>
          </div>
        </div>
        <div class="extra content border-top-none">
          <div class="ui two buttons">
              <a href="mailto:sammueal@amu.edu.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/253/Course/3422?locale=en">
              <i class="whatsapp green icon"></i>Chat Now
</a>          </div>
        </div>
      </div>
  </div>
</turbo-frame>
</template></turbo-stream>