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

@section('content')
    <div class="container">
        <div class="row">
            {{--

            <div class="col-md-6">
                <div class="post-filters pages-groups">
                    <div class="panel panel-default">
                        <div class="panel-heading no-bg panel-settings">
                            <div class="side-right create-btn">
                                <a href="{{ route('promoter.create.promoter_information') }}" class="btn btn-success">{{ trans('promoters.create.button') }}</a>
                            </div>
                            <h3 class="panel-title small-heading">
                                {{ trans('users.own_promoters') }}
                            </h3>

                        </div>
                        <div class="panel-body">
                            @if(!$ownPromoters->isEmpty())
                                <ul class="list-group page-likes">
                                    @foreach($ownPromoters as $promoter)
                                        <li class="list-group-item deletepage">
                                            <div class="connect-list">
                                                <div class="connect-link side-left">
                                                    <a href="{{ route('timeline', ['username' => $promoter->username]) }}">
                                                        <img src="{{ $promoter->avatar }}" title="{{ $promoter->name }}">{{ $promoter->name }}
                                                    </a>
                                                </div>
                                                <div class="side-right">
                                                    <a href="" class="side-right delete-page delete_page" data-pagedelete-id="{{ $promoter->id }}"><span class="trash-icon bg-danger"><i class="fa fa-trash text-danger"></i></span></a>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </li>
                                    @endforeach
                                </ul>
                            @else
                                <div class="alert alert-warning">
                                    {{ trans('users.no_own_promoters') }}
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>--}}


            {{--<div class="panel-body">--}}
                {{--@if(!$likedPromoter->isEmpty())--}}
                    {{--<ul class="list-group page-likes">--}}
                        {{--@foreach($likedPromoter as $promoter)--}}
                            {{--<li class="list-group-item deletepage">--}}
                                {{--<div class="connect-list">--}}
                                    {{--<div class="connect-link side-left">--}}
                                        {{--<a href="{{ route('timeline', ['username' => $promoter->username]) }}">--}}
                                            {{--<img src="{{ $promoter->avatar }}" title="{{ $promoter->name }}">{{ $promoter->name }}--}}
                                        {{--</a>--}}
                                    {{--</div>--}}
                                    {{--<div class="side-right">--}}
                                        {{--<a href="" class="side-right delete-page delete_page" data-pagedelete-id="{{ $promoter->id }}"><span class="trash-icon bg-danger"><i class="fa fa-trash text-danger"></i></span></a>--}}
                                    {{--</div>--}}
                                    {{--<div class="clearfix"></div>--}}
                                {{--</div>--}}
                            {{--</li>--}}
                        {{--@endforeach--}}
                    {{--</ul>--}}
                {{--@else--}}
                    {{--<div class="panel-heading no-bg panel-settings">--}}
                        {{--<h3 class="panel-title small-heading">--}}
                            {{--{{ trans('users.liked_promoters') }}--}}
                        {{--</h3>--}}
                    {{--</div>--}}
                    {{--<div class="panel-body">--}}
                        {{--<div class="alert alert-warning">{{ trans('users.no_liked_promoters') }}</div>--}}
                    {{--</div>--}}
                {{--@endif--}}
            {{--</div>--}}
            <div class="col-md-12">
                <div class="post-filters pages-groups">
                    <div class="panel panel-default">
                        <div class="panel-heading no-bg panel-settings">
                            <div class="side-right create-btn">
                                <a href="{{ route('promoter.create.promoter_information') }}" class="btn btn-success">
                                    {{ trans('users.submit_a_promoter') }}
                                </a>
                            </div>
                            <h3 class="panel-title small-heading">
                                {{ trans('users.liked_promoters') }}
                            </h3>
                        </div>
                        <div class="panel-body">
                            @if(!$user->likedPromoters->isEmpty())
                                <ul class="list-group page-likes">
                                    @foreach($user->likedPromoters as $likedPromoter)
                                        <li class="list-group-item holder">
                                            <div class="connect-list ">
                                                <div class="connect-link side-left">
                                                    <a href="{{ route('timeline', ['username' => $likedPromoter->username]) }}">
                                                        <img src="{{ $likedPromoter->avatar }}" title="{{ $likedPromoter->name }}">{{ $likedPromoter->name }}
                                                    </a>
                                                    @if($likedPromoter->verified)
                                                        <span class="icon-verified"></span>
                                                    @endif
                                                </div>

                                                <div class="page-links side-right">
                                                    <div class="left-col">
                                                        <a href="#" class="unlike-promoter like-style-button liked-style-button" data-timeline-id="{{ $likedPromoter->timeline_id }}">
                                                            <i class="fa fa-thumbs-o-up"></i>{{ trans('common.like') }}
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </li>
                                    @endforeach
                                </ul>

                            @else
                                <div class="alert alert-warning">{{ trans('users.no_liked_promoters') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('bottom_js')
    @parent

    <script>
        // Timeline Page Liked/Unliked the timeline user  by  logged user
        $(document).on('click', '.unlike-promoter', function (e) {
            e.preventDefault();

            var unlikeBeerBtn = $(this);
            $.post(
                SP_source() + 'unlike-promoter',
                {
                    timeline_id: $(this).data('timeline-id'),
                    _token: $('[name="csrf_token"]').attr('content')
                },
                function (data) {
                    if (data.status === 200) {
                        unlikeBeerBtn.closest('.holder').slideToggle();
                    }
                });
        });
    </script>
@endsection