@extends('app')

@section('content')

{!! Form::open([
    'id'     => 'toggle-follow-form',
    'action' => ['Auth\ProfileController@postToggleFollow', $user->id]
])!!}
{!! Form::close() !!}
<div class="container">
    
    <div class="page-header">
        @unless(Auth::guest() or Auth::id() == $user->id)
                
            <div class="pull-right">
                <div class="dropdown">
                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="user-actions-dropdown-btn"
                    data-toggle="dropdown" aria-haspopu="true" aria-expanded="true">
                        <span class="fa fa-spin fa-gear"></span>
                    </button>
                    <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="user-actions-dropdown-btn">
                        <li>
                            <a href="#" id="toggle-follow-link">
                                @if(Auth::user()->follows($user))
                                    Dejar de seguir
                                @else
                                    Seguir
                                @endif
                            </a>
                        </li>
                    </ul>    
                </div>
            </div>
        @endunless
        <div class="media">
            <div class="media-left">
                {!! Html::image($user->avatar->url('medium'), $user->name, ['class' => 'media-object']) !!}
            </div>
            <div class="media-body">
                <h4 class="header">
                    {{$user->name}}
                    <small>
                        <br>
                        Siguiendo a {{ $user->followingUsers()->count() }}
                        <br>
                        Lo siguen {{ $user->followers()->count() }}
                    </small>
                </h4>    
            </div>
        </div>
    </div>


    <div class="posts">
        @forelse( $activities as $activity )
            @include('stream-laravel::render_activity', ['activity' => $activity])
        @empty
            <div class="panel panel-info">
                <div class="panel-body">
                    Sin actividad
                </div>
            </div>
        @endforelse
    
    </div>
    
</div>
@endsection

@section('script')
<script type="text/javascript">
    $(function(){
        $('#toggle-follow-link').click(function(){
            $('#toggle-follow-form').submit();
        });
    })
</script>
@endsection