@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">
        @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">

            <div class="col-md-12">
                <div class="widget widget-shadow text" style="background-image: url({{asset('NewUI/dashboard/assets/images/soc_media_01.jpg')}}); background-size: cover;height: 20em">
{{--                    <img src="{{asset('UI/5b072f20c08c1.png')}}" style="width:6em">--}}
                    <br>
                    <br>
                    <div class="widget-body text-center">
{{--                        <a class="btn btn-primary btn-outline" href="{{$fb_route}}"> Facebook</a>--}}
{{--                        <p align="middle" style="font-size: 2.5em;color:#fff;">Social Media Posting</p>--}}
                    </div>
                    <div class="widget-footer" style="background-color: rgba(0, 0, 0, 0.64)">
                        <div class="row no-space" style="padding: 1em;height: 4.5em">
                            <p align="center" id="load" style="font-size: 2em;color:#fff">Social Media Posting</p>
                        </div>
                    </div>
                </div>
            </div>

            @if (\Session::has('success'))
                <div class="alert alert-success" role="alert">
                    <strong><i class="fa fa-info-circle fa-lg"></i> Success! </strong> {!! \Session::get('success') !!}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (\Session::has('myalert'))
                <br>
                <div class="alert alert-danger" role="alert" style="background-color: #212121">
                    <strong><i class="fa fa-info-circle fa-lg"></i> Error! </strong> {!! \Session::get('myalert') !!}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <br>
            @endif

            {{-- Facebook--}}
            <div class="col-md-6">
                <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-6">
              <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-6">
                <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-6">
                <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>

            <br>

        <div class="col-md-12">
            <div class="">
                <a class="btn btn-block btn-success animated fadeInRight" href="{{route('social.message.post')}}" style="background-color: #8e0d0e;border-color: #fff">Proceed <i class="fa fa-comment" style="color: #fff"></i></a>
            </div>
        </div>
    </div>
    <br>
    <br>
    <br>
@endsection





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