@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">
        <div class="row">


            {{-- Facebook--}}
            <div class="col-md-4">
                <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" onclick="checkLoginState()"> Facebook</a>
                        {{--<hr>--}}
                    </div>
                    <div class="widget-footer">
                        <div class="row no-space" style="height: 1em">
                            <p align="center" id="load">{!!  !empty(Auth::user()->social->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>



            {{-- Instagram--}}
            {{--<div class="col-md-4">--}}
                {{--<div class="widget widget-shadow text">--}}
                    {{--<div class="widget-body text-center">--}}
                        {{--<img src="{{asset('UI/5b072d393d61e.png')}}" style="width:9em">--}}
                        {{--<a class="btn btn-primary btn-outline" onclick="checkLoginState()"> Instagram</a>--}}
                        {{--<hr>--}}
                    {{--</div>--}}
                    {{--<div class="widget-footer">--}}
                        {{--<div class="row no-space" style="height: 1em">--}}
                            {{--<p align="center" id="Instagram">{!!  !empty(Auth::user()->social->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: #833ab4;background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);color:#fff"><i class="fa fa-times"></i> Setup Incomplete</a>' !!}</p>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}


            {{-- Linked In--}}
            <div class="col-md-4">
                <div class="widget widget-shadow text">
                    <div class="widget-body text-center">
                        <img src="{{asset('UI/5b072f20c08c1link.png')}}" style="width:9em">
                        <a class="btn btn-primary btn-outline" href="{{route('social.linkedin')}}">LinkedIn</a>
                        {{--<hr>--}}
                    </div>
                    <div class="widget-footer">
                        <div class="row no-space" style="height: 1em">
                            <p align="center" id="linked">{!!  !empty(Auth::user()->social->linkedin_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:#0077B5;color:#fff"><i class="fa fa-times"></i> Setup Incomplete</a>' !!}</p>
                        </div>
                    </div>
                </div>
            </div>



            {{-- Twitter--}}
            <div class="col-md-4">
                <div class="widget widget-shadow text">
                    <div class="widget-body text-center">
                        <img src="{{asset('UI/5b072f1c21cb2.png')}}" style="width:9em">
                        <a class="btn btn-primary btn-outline"> Twitter</a>
                        {{--<hr>--}}
                    </div>
                    <div class="widget-footer">
                        <div class="row no-space" style="height: 1em">
                            <p align="center" id="twitt">{!!  !empty(Auth::user()->social->twitter_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:#1da1f2;color:#fff"><i class="fa fa-times"></i> Setup Incomplete</a>' !!}</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection


@push('scripts')
    <script src="{{asset('js/tulenke.js')}}"></script>
@endpush