@component('components.stampcard.popup.template', ['id'=>'popup_share'])

    <style>
        .fa-telegram-plane{
            width: 51px;
            height: 51px;
            color: white;
            background: #15aabf;
            border-radius: 5px;
            padding: 4px;
            font-size: 45px;
            text-align: center;
        }
    </style>

    <div class="status_item" status_id="default">
        <div class="my-4">

            <h6>{{ __('stampcard.titleReferAndEarnPoints') }}</h6>
            <p>{{ __('stampcard.labelReferAndEarnPointsDescription') }}</p>
            <h6>{{ __('heading.title_number_of_successful_referrals') }}: <span id="referred_number"></span></h6>
        <hr/>
        </div>

        <h6>{{ __('heading.title_share_your_unique_link') }}</h6>

        <div class="form-group">
            <div class="input-group">

                <input class="bg-white border-right-0 border form-control" type="text" id="referrer_url" value="" onClick="copyURL('#referrer_url')" readonly/>
                <div class="rounded-right input-group-append bg-white" onClick="copyURL('#referrer_url')">
                  <button class="btn border-left-0 border " type="button">
                      <i class="fas fa-link"></i>
                  </button>
                </div>

            </div>
            <small class="copy-txt d-none">{{ __('label.copied_to_clipboard') }}</small>
        </div>


{{--        <label>--}}
{{--            Include <b>#PlantRewards</b> when sharing in social media and stand a chance to win prizes worth total RM5,000.--}}
{{--        </label>--}}

        <h6 class="mb-0">{{ __('heading.title_share_this_on') }}:</h6>
        <div class="d-flex justify-content-center h4">
            <div class="p-2">
                <a class="social_share_url" href="https://www.facebook.com/sharer.php?display=popup&u={referrer_link}" target="_blank">
                    <img class="w-50 mx-auto" src="{{asset('assets/images/ar/token_icons/Icon_FB.png')}}">
                </a>
            </div>
            <div class="p-2">
                <a class="social_share_url" href="https://telegram.me/share/url?url={referrer_link}&text={!!
                    str_replace(
                        ['%7Breferrer_link%7D'],
                        ['{referrer_link}'],
                        urlencode(__('stampcard.txtShareCopyWhatsApp'))
                    )
                !!}" target="_blank">
                    <i class="fab fa-telegram-plane">
                    </i>
                </a>
            </div>
            <div class="p-2">
                <a class="social_share_url" href="https://api.whatsapp.com/send?text={!!
                    str_replace(
                        ['%7Breferrer_link%7D'],
                        ['{referrer_link}'],
                        urlencode(__('stampcard.txtShareCopyTelegram'))
                    )
                !!}" target="_blank">
                    <img class="w-50 mx-auto" src="{{asset('assets/images/ar/token_icons/Icon_WA.png')}}">
                </a>
            </div>
        </div>

    </div>


@endcomponent