<form method="POST" id="comment-form"> <!-- onsubmit="return false"-->
    {{ csrf_field() }}
    <textarea rows="6" type="text" placeholder="Написать комментарий" class="comment-written" name="text">
        {{ old('text') }}
    </textarea> <br>
    <button type="submit" class="btn btn-primary" id="ajaxSubmit">Добавить</button>
</form>
<div class="alert-success" style="display:none"></div>

@section('head_scripts')
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
@endsection

@section('app_scripts')
    @parent
    <script>
        $(document).ready(function () {
            $('#ajaxSubmit').click(function (e) {
                e.preventDefault();

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                    }
                });

                $.ajax({
                    type: "POST",
                    url: "{{ url('site.comment.comment', $post->slug) }}",
                    data: {
                        text: $('.text').val()
                    },
                    success: function (result) {
                        $('.alert-success').show();
                        $('.alert-success').html(result.success);
                    }
                });
            });
        });
    </script>
@endsection