<div class="modal--share">
    <div class="modal-title">
        <p>Partager</p>
        <button><span class="close" w3-include-html="/assets/icons/close.svg"></span></button>
    </div>

    <ul class="socials">
        <li class="socials__x">
            <a href="https://x.com/index_ngo" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/x-social.svg') ?></span>
                <span class="text">X</span>
            </a>
        </li>
        <li class="socials__facebook">
            <a href="https://www.facebook.com/index.ngo/" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/facebook.svg') ?></span>
                <span class="text">Facebook</span>
            </a>
        </li>
        <li class="socials__linkedin">
            <a href="https://fr.linkedin.com/company/index-ngo" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/linkedin.svg') ?></span>
                <span class="text">LinkedIn</span>
            </a>
        </li>
        <li class="socials__bsk">
            <a href="https://bsky.app/profile/index-ngo.bsky.social" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/bluesky.svg') ?></span>
                <span class="text">Bluesky</span>
            </a>
        </li>
        <li class="socials__mastodon">
            <a href="https://mastodon.design/@index_ngo@mastodon.social" target="_blank" rel="noopener noreferrer">
                <span class="icon"><?= svg('assets/icons/socials/mastodon.svg') ?></span>
                <span class="text">Mastodon</span>
            </a>
        </li>
    </ul>

    <div class="copy-link">   
        <div class="copy-link__field">
            <span class="icon"><?= svg('assets/icons/link.svg') ?></span>
            <input type="text" readonly="" value="http://localhost:8000/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">
        </div>
        <button class="copy-link__btn">Copier</button>
    </div>
</div>