<div class="c-share">

    <p class="c-share__title">@lang('site/global.share')</p>
    <ul class="c-share__list" id="js-shareButtons">

        @foreach(['twitter', 'linkedin'] as $social)

            <li class="c-share__item  js-social-media-item" data-social="{{$social}}">
                <button class="c-share__link  js-social-media-button" aria-label="share via {{$social}}">
                    @include('site.components.icons.share.'.$social)
                </button>
            </li>

        @endforeach

    </ul>

    @if(empty($messageName) || empty($messageSummary)) {{ debug("ShareButtons: To make it fully function provide a 'messageName' and 'messageSummary'") }} @endif

    {{-- Must be an input so you can copy link to clipboard --}}
    <input id="js-shareButtonData" class="u-visually-hidden" aria-label="share buttons"
           data-url='{{ url($_SERVER['REQUEST_URI']) }}'
           data-encode-url='{{ urlencode(url($_SERVER['REQUEST_URI'])) }}'
           data-name='{{ $messageName ?? '' }}'
           data-encode-name='{{ isset($messageName) ? urlencode($messageName) : '' }}'
           data-summary='{{ $messageSummary ?? '' }}'
           data-encode-summary='{{ isset($messageSummary) ? urlencode($messageSummary) : '' }}'
           value="{{ \Request::url() }}"
           type="text" readonly
    />

</div>