@extends('backend.layouts.master')
@section('content')

    <style>
        #list-user .fa:before {
            font-size: 18px;
        }

        #list-user .user-now .fa:before {
            color: #b7aeae;
            cursor: not-allowed;
        }
    </style>
    <script src="https://code.jquery.com/jquery-migrate-3.3.1.js" integrity="sha256-lGuUqJUPXJEMgQX/RRaM6mZkK6ono5i5bHuBME4qOCo=" crossorigin="anonymous"></script>
    <div class="content-body">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Danh sách đánh giá khóa học</h4>
                    </div>
                    <div class="card-header">
                        <form id="form-search" action="" method="get">
                            @csrf
                            <div class="row">
                                <div style="margin-bottom: 0px !important;" class="col-xl-2 col-lg-6 col-md-12 mb-1">
                                    <fieldset class="form-group">
                                        <label for="disabledInput">Tìm kiếm theo khóa học</label>
                                        <select id="searchLecture" class="select2 form-control" name="searchLecture" data-placeholder="Chọn khóa học">
                                            <option value=""></option>
                                            @foreach($lectures as $lecture)
                                                <option value="{{$lecture->id}}">{{$lecture->title}}</option>
                                            @endforeach
                                        </select>
                                    </fieldset>
                                </div>
                                <div style="margin-bottom: 0px !important;" class="col-xl-2 col-lg-6 col-md-12 mb-1">
                                    <fieldset class="form-group">
                                        <label for="disabledInput">Tìm kiếm theo số sao</label>
                                        <select id="searchRating" class="form-control select2" name="searchRating" data-placeholder="Chọn số sao">
                                            <option value="1">⭐</option>
                                            <option value="2">⭐⭐</option>
                                            <option value="3">⭐⭐⭐</option>
                                            <option value="4">⭐⭐⭐⭐</option>
                                            <option value="5">⭐⭐⭐⭐⭐</option>
                                        </select>
                                    </fieldset>
                                </div>
                                <div class="col-xl-12 col-lg-12 col-md-12 tb-btn-search" style="margin-top: 0px;">
                                    <button type="submit" class="btn btn-primary">Tìm kiếm <i class="fa fa-search"></i></button>
                                    <button type="button" class="btn btn-warning btn-min-width" onclick="location.reload();">Làm mới <i class="ft-rotate-cw"></i></button>
                                    {{--<a href="{{route('admin.comments.create')}}" style="color: white;" role="button" class="btn btn-info btn-min-width">Thêm mới<i style="margin-left: 7px" class="fa fa-pencil-square-o"></i></a>--}}
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            @include('backend.pages.comment-rates.grid')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#searchRating,#searchLecture').change(function () {
                $('#form-search').submit();
            })
        });
    </script>
@endsection