@props(['link', 'areaname'])

            <div class="row">
                <div class="col-12 primary mt-1" style="font-size: 2.5rem;">
@php
    $text = "1GBps full fibre internet ";
    if(!empty($areaname)){
        $text = config('app.name')." are in ".$areaname." delivering ".$text;
    }

    function encodeURIComponent($str) {
        $revert = array('%21'=>'!', '%2A'=>'*', '%27'=>"'", '%28'=>'(', '%29'=>')');
        return strtr(rawurlencode($str), $revert);
    }
    $class = "list-group-item list-group-item-action primary nouline mr-2";
@endphp


                    <div class="list-group list-group-horizontal">
                        <a href="whatsapp://send?text={{$link}}" data-action="share/whatsapp/share" class="fa fa-whatsapp whatsapp-lead-share {{$class}}"></a>
                        <a href="https://www.facebook.com/sharer/sharer.php?u={{encodeURIComponent($link)}}&t={{urlencode($text)}}" class="fa fa-facebook facebook-lead-share share-popup {{$class}}"></a>
                        <a href="https://twitter.com/intent/tweet?text={{urlencode($text)}}&u={{encodeURIComponent($link)}}" class="fa fa-twitter twitter-lead-share share-popup {{$class}}"></a>
                    </div>
                    <div class="input-group mt-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text">Share link:</span>
                        </div>
                        <input type="text" class="form-control link-lead-share" value="{{$link}}" onclick="this.select()" readonly>
                    </div>
                </div>
            </div>