<div class="c-share">

    <ul class="c-share__list" id="js-shareButtons">

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

            <li class="c-share__item  js-social-media-item @if($social === 'link') c-flash-message-container @endif" data-social="{{$social}}">
                @include('site.components.iconButton', ['icon' => 'socials.'.$social, 'class' => 'js-social-media-button'])
                @if($social === 'link') <span class="c-flash-message  js-link-copied-message">@lang('site/global.link_copied')</span> @endif
            </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"
           data-url='{{ \Request::url() }}'
           data-encode-url='{{ urlencode(\Request::url()) }}'
           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>