@extends('socialite::layouts.default')

@section('content')
    <div class="container">
        <div class="row">
            <div class="visible-lg col-lg-2">
                @include('socialite::partials/home-leftbar',compact('trending_tags'))
            </div>
            <div class="col-md-7 col-lg-6">

                <div class="panel panel-default">
                    <div class="panel-heading no-bg panel-settings">

                        <h3 class="panel-title">
                            {{ trans('socialite::common.saved_items') }}
                        </h3>
                    </div>
                    <div class="panel-body nopadding">
                        <ul class="nav nav-pills heading-list">
                            <li class="active"><a href="#posts" data-toggle="pill" class="header-text">{{ trans('socialite::common.posts') }}<span></span></a></li>
                            <li class="divider">&nbsp;</li>
                            <li class=""><a href="#pages" data-toggle="pill" class="header-text">{{ trans('socialite::common.pages') }}<span></span></a></li>
                            <li class="divider">&nbsp;</li>
                            <li class=""><a href="#groups" data-toggle="pill" class="header-text">{{ trans('socialite::common.groups') }}<span></span></a></li>
                            <li class="divider">&nbsp;</li>
                            <li class=""><a href="#events" data-toggle="pill" class="header-text">{{ trans('socialite::common.events') }}<span></span></a></li>
                        </ul>
                    </div>
                    <div class="tab-content nopadding">

                        <!--Start Posts tab-->
                        <div id="posts" class="tab-pane fade active in">
                            <ul class="list-group page-likes">
                                @include('flash::message')
                                @if(count($posts) > 0)
                                    @foreach($posts as $post)
                                        @include('socialite::partials/post', compact('post','timeline','next_page_url','user'))
                                    @endforeach
                                @else
                                    <div class="alert alert-warning tmargin-10">{{ trans('socialite::messages.no_saved_posts') }}</div>
                                @endif
                            </ul>
                        </div>
                        <!-- End of posts tab-->

                        <!-- Start Pages tab-->
                        <div id="pages" class="tab-pane fade">
                            <ul class="list-group page-likes">
                                @include('flash::message')
                                @if(count($page_timelines) > 0)
                                    @foreach($page_timelines as $timeline)
                                        <li class="list-group-item holder">
                                            <div class="connect-list">
                                                <div class="connect-link side-left">
                                                    <a href="{{ route('timeline', ['username' => $timeline->username]) }}">
                                                        <img src=" @if($timeline->avatar_id) {{ url('page/avatar/'.$timeline->avatar->source) }} @else {{ url('page/avatar/default-page-avatar.png') }} @endif" alt="{{ $timeline->name }}" title="{{ $timeline->name }}" alt="{{ $timeline->name }}" class="img-icon">
                                                        {{ $timeline->name }}
                                                    </a>
                                                </div>
                                                <div class="side-right follow-links">
                                                    <div class="left-col">
                                                        <div class="left-col">
                                                            <a href="#" class="btn btn-to-follow btn-default unsave-timeline follow" data-timeline-id="{{ $timeline->id }}"><i class="fa fa-save"></i> {{ trans('socialite::common.unsave') }} </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </li>
                                    @endforeach
                                @else
                                    <div class="alert alert-warning">{{ trans('socialite::messages.no_saved_pages') }}</div>
                                @endif
                            </ul>
                        </div>
                        <!-- End of pages tab-->

                        <!-- Start Groups tab-->
                        <div id="groups" class="tab-pane fade">
                            <ul class="list-group page-likes">
                                @include('flash::message')
                                @if(count($group_timelines) > 0)
                                    @foreach($group_timelines as $timeline)
                                        <li class="list-group-item holder">
                                            <div class="connect-list">
                                                <div class="connect-link side-left">
                                                    <a href="{{ route('timeline', ['username' => $timeline->username]) }}">
                                                        <img src=" @if($timeline->avatar_id) {{ url('page/avatar/'.$timeline->avatar->source) }} @else {{ url('page/avatar/default-page-avatar.png') }} @endif" alt="{{ $timeline->name }}" title="{{ $timeline->name }}" alt="{{ $timeline->name }}" class="img-icon">
                                                        {{ $timeline->name }}
                                                    </a>
                                                </div>
                                                <div class="side-right follow-links">
                                                    <div class="left-col">
                                                        <div class="left-col">
                                                            <a href="#" class="btn btn-to-follow btn-default unsave-timeline follow" data-timeline-id="{{ $timeline->id }}"><i class="fa fa-save"></i> {{ trans('socialite::common.unsave') }} </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </li>
                                    @endforeach
                                @else
                                    <div class="alert alert-warning">{{ trans('socialite::messages.no_saved_groups') }}</div>
                                @endif
                            </ul>
                        </div>
                        <!-- End of groups tab-->

                        <!-- Start events tab-->
                        <div id="events" class="tab-pane fade">
                            <ul class="list-group page-likes">
                                @include('flash::message')
                                @if(count($event_timelines) > 0)
                                    @foreach($event_timelines as $timeline)
                                        <li class="list-group-item holder">
                                            <div class="connect-list">
                                                <div class="connect-link side-left">
                                                    <a href="{{ route('timeline', ['username' => $timeline->username]) }}">
                                                        <img src=" @if($timeline->avatar_id) {{ url('page/avatar/'.$timeline->avatar->source) }} @else {{ url('page/avatar/default-page-avatar.png') }} @endif" alt="{{ $timeline->name }}" title="{{ $timeline->name }}" alt="{{ $timeline->name }}" class="img-icon">
                                                        {{ $timeline->name }}
                                                    </a>
                                                </div>
                                                <div class="side-right follow-links">
                                                    <div class="left-col">
                                                        <div class="left-col">
                                                            <a href="#" class="btn btn-to-follow btn-default unsave-timeline follow" data-timeline-id="{{ $timeline->id }}"><i class="fa fa-save"></i> {{ trans('socialite::common.unsave') }} </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </li>
                                    @endforeach
                                @else
                                    <div class="alert alert-warning">{{ trans('socialite::messages.no_saved_posts') }}</div>
                                @endif
                            </ul>
                        </div>
                        <!-- End of events tab-->
                    </div>
                </div>
            </div>

            <div class="col-md-5 col-lg-4">
                @include('socialite::partials/home-rightbar',compact('suggested_users', 'suggested_groups', 'suggested_pages'))
            </div>

        </div><!-- /row -->
    </div>
@endsection