@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">
        @if(count($errors)>0)
            <div class="alert alert-danger">
                <ul>
                    @foreach($errors->all() as $error)
                        <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <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" href="{{$fb_route}}"> 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>

            {{-- 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" href="{{route('social.instagram')}}"> Instagram</a>
                </div>
                <div class="widget-footer">
                    <div class="row no-space" style="height: 1em">
                        <p align="center" id="Instagram">{!!  !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: #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>

            <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>
                    </div>
                    <div class="widget-footer">
                        <div class="row no-space" style="height: 1em">
                            <p align="center" id="linked">{!!  !empty(Auth::user()->social()->first()->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" href="{{route('social.twitter')}}"> Twitter</a>
                    </div>
                    <div class="widget-footer">
                        <div class="row no-space" style="height: 1em">
                            <p align="center" id="twitt">{!!  !empty(Auth::user()->social()->first()->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 class="col-md-12">
            <div class="pull-right">
                <a class="btn btn-success animated fadeInRight" href="{{route('social.message.index')}}">Procced <i class="fa fa-comment"></i></a>
            </div>
        </div>
    </div>
@endsection


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