<div class="modal fade" id="shareOnSocialMedia" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header border-0 pb-2">
          <h5 class="modal-title" id="exampleModalLabel">{{ $title }}</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body pt-0 pb-3 mb-2">
          <div class="dr-profile-share-box d-flex">
              <a href="https://www.facebook.com/share.php?u={{ urlencode(request()->fullUrl()) }}" target="_blank" class="facebook">
                <i class="fa-brands fa-facebook" aria-hidden="true"></i></a>
              <a href="https://twitter.com/intent/tweet?text={{ request()->fullUrl() }}" target="_blank" class="twitter">
                <i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
              <a href="https://www.linkedin.com/shareArticle?url={{ request()->fullUrl() }}" target="_blank" class="linked-in">
                <i class="fa-brands fa-linkedin" aria-hidden="true"></i></a>
              <a href="https://api.whatsapp.com/send?text={{ urlencode(request()->fullUrl()) }}" target="_blank" class="whatsApp">
                <i class="fa-brands fa-whatsapp" aria-hidden="true"></i></a>
          </div>
          <input type="hidden" id="copied_url">
          <!-- Share links -->
          <div class="share-input-box pt-3">
              <p class="mb-1 f-18">Share this link</p>
              <div class="d-flex">
                  <input type="text" class="form-control profile-url bg-white" readonly value="{{ request()->fullurl() }}" placeholder="Please insert dynamic url here">
                  <button class="btn text-nowrap copy-url copyUrl" data-url="{{ request()->fullUrl() }}"  type="submit">Copy URL</button>
              </div>
          </div>
        </div>
      </div>
    </div>
</div>