@extends('app')
@push('styles')
    <style>
        .widget{
            background-color:#fff;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        }
    </style>
@endpush
@section('page_content')
    <div class="page-content container-fluid" style="margin-top: 1em">

        <div class="row">

            <div class="col-md-12">
                <div class="widget widget-shadow text" style="background-image: url({{asset('NewUI/Register/images/linkedin.jpg')}}); background-position: center ;background-size: cover;height: 20em">
                    <div class="widget-body text-center">

                    </div>

                </div>
            </div>


        </div>

        <div id="mypages">

            {{--            <div class="col-md-4" style="margin-top: -4em">--}}
            {{--                <div class="widget widget-shadow text">--}}
            {{--                    <div class="widget-body text-center">--}}
            {{--                        <img src="{{asset('UI/5b072f20c08c1.png')}}" style="width:9em">--}}
            {{--                        <a class="btn btn-primary btn-outline"> Facebook</a>--}}
            {{--                    </div>--}}
            {{--                    <div class="widget-footer">--}}
            {{--                        <div class="row no-space" style="height: 1em">--}}
            {{--                            <p align="center" id="load">{!!  !empty(Auth::user()->social()->first()->fb_access_token) ? '<a class="btn btn-success btn-xs" style="width:100%;background-color:#1b5e20;color:#fff"><i class="fa fa-check"></i> Done</a>' : '<a class="btn btn-xs" style="width:100%;background-color:#3b5998;color:#fff"><i class="fa fa-times"></i> Setup Incomplete</a>' !!}</p>--}}
            {{--                        </div>--}}
            {{--                    </div>--}}
            {{--                </div>--}}
            {{--            </div>--}}

        </div>


    </div>
    <br>
    <br>
    <br>
@endsection





@push('scripts')
    <script src="{{asset('js/tulenke.js')}}"></script>
    <script>
        $(document).ready(function(){

            // Consume End point for user details
            var linkedin_access_token = '{!!  $linkedin_access_token->linkedin_access_token !!}';
            localStorage.setItem('linkedin_access_token', '{!!  $linkedin_access_token->linkedin_access_token !!}');
            console.log(linkedin_access_token);

            var mydata = {
                'access_token': linkedin_access_token,
            };

            var url = 'https://social.snwolley.com/linkedin-api/get_page_detail';


            $.post(url,mydata,function (data) {

                console.log(data);
                $.each(data.data,function(i,item) {

                    $('#mypages').append('<div class="col-md-4" style="margin-top: -4em">\n' +
                        '                <div class="widget widget-shadow text">\n' +
                        '                    <div class="widget-body text-center">\n' +
                        '                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Linkedin.svg/1200px-Linkedin.svg.png" style="width:5em">\n' +
                        '                        <a onclick="mytins(\'' + encodeURIComponent(item.organization_urn) + '\' ,  \'' + encodeURIComponent(item.profile_pic) + '\' , \'' + item.name + '\' )" class="btn btn-primary btn-outline"> '+item.name+'</a>\n' +
                        '                    </div>\n' +
                        '                </div>\n' +
                        '            </div>')

                });

            }).done(function() {


            })
                .fail(function() {
                    alert( "Could not fetch pages from LinkedIn" );
                })
                .always(function() {
                    console.log( "finished executing" );
                });

        });

        function mytins($linkedin_organization_urn,$page_image, $page_name ) {
            localStorage.setItem('linkedin_organization_urn', $linkedin_organization_urn);
            localStorage.setItem('linkedin_profile_pic',$page_image);
            localStorage.setItem('linkedin_page_name',$page_name);
            //    Route to sentiment page
            window.location.href = '{{URL::to('social/linkedin/dashboard')}}';
        }

    </script>
@endpush