<div class="form-content">
    <form method="POST" action="{{ route('comments.store')}}" class="form-general comments">
        @csrf
        <div class="form-group fs-5">
            <label for="start-label-title">Rate this article:</label>
        </div>
        <div class="form-group rating">
            <input id="star5" name="value" type="radio" value="5" class="radio-btn hide" checked />
            <label for="star5">☆</label>
            <input id="star4" name="value" type="radio" value="4" class="radio-btn hide" />
            <label for="star4">☆</label>
            <input id="star3" name="value" type="radio" value="3" class="radio-btn hide" />
            <label for="star3">☆</label>
            <input id="star2" name="value" type="radio" value="2" class="radio-btn hide" />
            <label for="star2">☆</label>
            <input id="star1" name="value" type="radio" value="1" class="radio-btn hide" />
            <label for="star1">☆</label>
            <div class="clear"></div>
            @error('value')
                <span class="text-danger">
                    <span>* {{ $message}}</span>
                </span>
            @enderror

        </div>

        <div class="form-group">
            <textarea name='description' id="description">{{old('description')}}</textarea>
            @error('description')
                <span class="text-danger">
                    <span>* {{ $message}}</span>
                </span>
            @enderror


        </div>

        <div class="form-group"><input type="hidden" name="article_id" value="{{$article->id}}"></div>

        <input type="submit" value="Send" class="btn-submit btn-comment mt-2">

    </form>
</div>
