@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="social-label">
                <i class="fa fa-facebook" aria-hidden="true"></i> FACEBOOK
            </div>
            <div id="fb-root"></div>
            <script>(function(d, s, id) {
              var js, fjs = d.getElementsByTagName(s)[0];
              if (d.getElementById(id)) return;
              js = d.createElement(s); js.id = id;
              js.src = "//connect.facebook.net/it_IT/sdk.js#xfbml=1&version=v2.10";
              fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
            <div class="fb-page" data-href="https://www.facebook.com/dekkerofficial/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-width="450" data-height="1800"><blockquote cite="https://www.facebook.com/facebook" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/dekkerofficial/">Facebook Dekker</a></blockquote></div>
        </div>
        <div class="col-md-6 col-sm-12">
            {{--
              <div class="social-label">
                <i class="fa fa-linkedin" aria-hidden="true"></i> LINKEDIN
            </div>
            <script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
            <div class="linkedin-big">
                <script type="IN/CompanyProfile" data-id="9424420" data-format="inline" data-related="false" data-width="460"></script>
            </div>
            <div class="linkedin-small">
                <script type="IN/CompanyProfile" data-id="9424420" data-format="inline" data-related="false" data-width="300"></script>
            </div>
            --}}
            <div class="social-label mt">
                <i class="fa fa-instagram" aria-hidden="true"></i> INSTAGRAM
            </div>
            <div class="instapost-wrapper">
                @if(isset($instagram))
                    @foreach($instagram as $instaPost)
                        <div class="instapost">
                            <a href="{{ $instaPost->link }}" target="_blank" alt="{{ $instaPost->caption->text }}" title="{{ $instaPost->caption->text }}"><img src="{{ $instaPost->images->thumbnail->url }}" class="img-responsive" /></a>
                        </div>
                    @endforeach
                @else
                    Impossibile recuperare le informazioni
                @endif
            </div>
            {{--
            <div class="social-label mt">
                <i class="fa fa-twitter" aria-hidden="true"></i> TWITTER
            </div>
            @if(App::getLocale() == 'en')
                <a class="twitter-timeline" data-lang="en" data-width="100%" data-height="1000" href="https://twitter.com/peuterey?lang=en">Tweets by Peuterey</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
            @else
                <a class="twitter-timeline" data-lang="it" data-width="100%" data-height="1000" href="https://twitter.com/peuterey">Tweets by Peuterey</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
            @endif
            --}}
        </div>
    </div>
@endsection