@extends('apex-layouts.main')
@section('title', 'Ratings')
@section('content')
    <div class="row">
        <div class="col-6"></div>

    </div>
    <section id="multi-column">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body collapse show">
                        <div class="card-block ">
                            <table class="table table-responsive-lg" id="rating-table">
                                <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Member</th>
                                    <th>Meal</th>
                                    <th>Recipe</th>
                                    <th>Comment</th>
                                    <th>Rate</th>
                                    <th>date</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('scripts')
    <script>
        $(function () {
            $('#rating-table').DataTable({
                processing: true,
                serverSide: true,
                iDisplayLength: 100,
                pageLength : 10,
                aaSorting: [[0, "desc"]],
                ajax: '{!! route('members.rating.show') !!}',
                columns: ,

            });
        });

    </script>
@stop

@section('styles')
    <style>
        th {
            text-transform: capitalize;
        }

        td {
            text-transform: capitalize;
        }
    </style>
@stop