@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>

    <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 bài học</h4>
                    </div>
                    <div class="card-header">
                        {!! Form::open(array('url' => url()->current(), 'method' => 'get', 'id'=> 'gridForm','role'=>'form')) !!}
                            @csrf
                            <div class="row add-paginate">
                                <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">Họ tên</label>
                                        <input type="text" class="form-control" id="placeholderInput" name="searchName" placeholder="Search" value="{{@$dataSearch}}">
                                    </fieldset>
                                </div>
                                <div style="margin-bottom: 0px !important;" class="col-xl-3 col-lg-6 col-md-12 mb-1">
                                    <fieldset class="form-group">
                                        <label for="disabledInput">Lọc theo danh mục</label>
                                        <select id="searchCategory" name="searchCategory" class="select2 form-control" data-placeholder="--Chọn danh mục--">
                                            <option></option>
                                            @foreach($categories as $item)
                                                <option value="{{$item->id}}">{{$item->title}}</option>
                                            @endforeach
                                        </select>
                                    </fieldset>

                                </div>
                                <div class="col-xl-12 col-lg-12 col-md-12 tb-btn-search" style="margin-top: 0px;">
                                    <button class="btn btn-primary searchData">Tìm kiếm <i class="fa fa-search"></i></button>
                                    <button type="button" class="btn btn-warning btn-min-width" onclick="location.href='{{route('admin.lectures.index')}}';">Làm mới <i class="ft-rotate-cw"></i></button>
                                    <a href="/admin/lectures/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::close() }}
                    </div>

                    <div class="card-content">
                        <div class="card-body">
                            @include('backend.pages.lectures.grid')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#searchCategory').change(function () {
                $('.searchData').click();
            })
        });
    </script>
@endsection