@extends('socialite::users.settings.general')
@section('content')
    <div class="col-md-6">
        <div class="timeline-posts">
            @forelse($posts as $post)
                @include('partials.reviews',compact('post','timeline'))
            @empty
                <div class="no-posts alert alert-warning">{{ trans('beers.no_posts') }}</div>
            @endforelse
        </div>
    </div>

    <div id="myModal" class="modal fade" role="dialog" tabindex='-1'>
        <div class="modal-dialog">

            <div class="modal-content">
                <form method="post" action="{{route('user.my_reviews.update_review', [$username, $post->id])}}">
                    {{ csrf_field() }}
                    <div class="modal-body">
                        <h4>{{trans('common.edit_review')}}</h4>
                        <span class="post-rating-edit"></span>
                        <textarea name="post_description" class="form-control createpost-form comment" cols="30" rows="3" id="createPost" cols="30" rows="2"></textarea>
                        <input type="hidden" name="post_rating" value="" id="post-rating-edit-value">
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{ trans('socialite::common.close') }}</button>
                        <button type="submit" class="btn btn-default">{{ trans('socialite::common.submit') }}</button>
                    </div>
                </form>
            </div>

        </div>
    </div>

    @endsection

<script type="text/javascript">
    @if(isset($post->content->rating))

    window.onload = function(e){
        $(function() {

            $(".post-rating-edit").rateYo({
                rating: '{{$item->ratings_average}}',
                starWidth: "30px",
                ratedFill: "#ffbf00",
                spacing: "10px",
                "starSvg": "<svg class='star-cap'>"+
                "</svg>",
                onSet: function (currentRating, rateYoInstance) {
                    $('input[name="rating"]').attr('value', currentRating);
                }
            });
        });

    };
    @endif
</script>