@php
    $proj = config('sys.config');
    $msg_unformatted = getActiveTheme()['social_share_msg'] ;
    $message = str_replace(['%7Breferrer_link%7D'], ['{referrer_link}'],  urlencode(  __($msg_unformatted) ) );


@endphp

@component(getPopupLayout(), ['id'=>'popup_share'])

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

            <h5>{!! __('enterprise.titleReferAndEarnPoints') !!}</h5>
            <p>{!! __(config($proj.'.referral_instruction') ) !!}</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 share-fb" href="https://www.facebook.com/sharer.php?display=popup&u={referrer_link}" target="_blank">
                    <img class="mx-auto" height="50" width="50" src="{{asset('assets/images/generic/icons/Icon_FB.png')}}">
                </a>
            </div>
            <div class="p-2">
                <a class="social_share_url share-tele" href="https://telegram.me/share/url?url={referrer_link}&text={{ $message }}" target="_blank">
                    <img class="mx-auto" height="50" width="50" src="{{asset('assets/images/generic/icons/Icon_Telegram.png')}}">
                </a>
            </div>
            <div class="p-2">
                <a class="social_share_url share-wa" href="https://api.whatsapp.com/send?text={{ $message }}" target="_blank">
                    <img class="mx-auto" height="50" width="50" src="{{asset('assets/images/generic/icons/Icon_WA.png')}}">
                </a>
            </div>
        </div>

    </div>


@endcomponent