@if($canRate)
<form action="{{ url('') }}" method="post" class="create-rating-form">
    {{ csrf_field() }}

    <div class="panel panel-default panel-create"> <!-- panel-create -->
        <div class="panel-heading">
            <div class="heading-text">
                {{ trans('common.give_your_rating') }}
            </div>
        </div>
        <div class="panel-body">
            <div class="rating jq-stars"></div>
            <textarea name="description" class="form-control createpost-form comment rating-comment" cols="20" rows="3" id="createPost" cols="30" rows="2" placeholder="{{ trans('messages.post-placeholder') }}"></textarea>
            <input type="hidden" name="rating" value="">
            <span id="post-type" value="{{$user_post}}"></span>

            <!-- Hidden elements  -->
            @if(Auth::check())
                <input type="hidden" name="timeline_id" value="{{ $timeline->id }}">
            @endif
            <div id="post-image-holder"></div>
        </div><!-- panel-body -->
        <div class="panel-footer">
            <ul class="list-inline right-list">
                <li>
                    {{--  TODO : add boolean variable to check if submit onditons are right (when access right will be more complex) --}}
                    @if(Auth::check())
                        <button type="submit" class="btn btn-submit btn-success">{{ trans('socialite::common.post') }}</button>
                    @else
                        <button class="btn btn-submit btn-success register-modal">{{ trans('socialite::common.post') }}</button>
                    @endif
                </li>
            </ul>

            <div class="clearfix"></div>
        </div>
    </div>
</form>
@endif

@if(Setting::get('postcontent_ad') != NULL)
    <div id="link_other" class="page-image">
        {!! htmlspecialchars_decode(Setting::get('postcontent_ad')) !!}
    </div>
@endif


<script type="text/javascript">
    $(function() {
        $(".rating").rateYo({
            precision: 0,
            rating: 0,
            starWidth: "25px",
            ratedFill: "#ffbf00",
            spacing: "6px",
            "starSvg": "<svg class='star-cap'>"+
            "</svg>",
            onSet: function (currentRating, rateYoInstance) {
                $('input[name="rating"]').attr('value', currentRating);
            }
        });
    });

    $(function() {
        $(".global-rating").rateYo({
            rating: '{{$item->ratings_average}}',
            readOnly : true,
            starWidth: "40px",
            ratedFill: "#ffbf00",
            spacing: "10px",
            "starSvg": "<svg class='star-cap'>"+
            "</svg>"
        });
        $('.rating-text-global').text($(".global-rating").rateYo("rating"));
    });

</script>