<?php global $qaleb;?>
<div id="myModal" class="modal">
<span class="closee">&times;</span>
       <div class="shareh">
        <a target="_blank" href="https://telegram.me/share/url?url=<?php the_permalink(); ?>" class="social-share"><i class="fal fa-paper-plane"></i><p>Telegram</p></a>
		<a target="_blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" class="social-share"><i class="fab fa-facebook"></i><p>Facebook</p></a>
		<a target="_blank" href="http://twitter.com/home?status=<?php the_permalink(); ?>" class="social-share"><i class="fab fa-twitter"></i><p>Twitter</p></a>
        <a target="_blank" href="https://wa.me/?text=<?php the_permalink(); ?>" class="social-share"><i class="fa fa-whatsapp"></i><p>Whatsapp</p></a>			
		<a target="_blank" href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=<?php the_permalink(); ?>" class="social-share"><i class="fab fa-google"></i><p>+Google</p></a>
		<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>" class="social-share"><i class="fab fa-linkedin-in"></i><p>Linkedin</p></a>
<script>
var modal = document.getElementById("myModal");
var img = document.getElementById("myImg");
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function(){
  modal.style.display = "block";
  modalImg.src = this.src;
  captionText.innerHTML = this.alt;
}
var span = document.getElementsByClassName("closee")[0];
span.onclick = function() {
  modal.style.display = "none";
} 
</script>
	<div class="item-cop">
        <div class="texxt"><?php echo wp_get_shortlink(); ?></div>
        <div class="coop" data-text="کپی" data-text-copied="کپی شد!">
            <i class="fa fa-files-o" aria-hidden="true"></i>
            <span>کپی لینک</span>
        </div>
    </div>
<script>
    $('div').copiq({
        parent: '.item-cop',
        content: '.texxt',
        onSuccess: function($element, source, selection) {
            $('span', $element).text($element.attr("data-text-copied"));
            setTimeout(function() {
                $('span', $element).text($element.attr("data-text"));
            }, 2000);
        }
    });
</script>
   </div>
</div>