@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 câu hỏi</h4>
                    </div>
                    <div class="card-header">
                        {!! Form::open(array('url' => url()->current(), 'method' => 'get', 'id'=> 'gridForm','role'=>'form')) !!}
                            <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">Tìm kiếm</label>
                                        <input type="text" class="form-control" id="placeholderInput" name="searchName"
                                               placeholder="Search">
                                    </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="searchLecture" name="searchLecture" class="select2 form-control" data-placeholder="--Chọn danh mục--">
                                            <option></option>
                                            @foreach($lectures 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.questions.index')}}';">Làm mới <i
                                                class="ft-rotate-cw"></i></button>
                                    <a href="{{route('admin.questions.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>
                                    <a href="{{route('admin.questions.export')}}" role="button"
                                       class="btn btn-outline-primary ">Export<i style="margin-left: 7px"
                                                                                 class="fa fa-download"></i></a>
                                    <a href="#" data-toggle="modal" data-target="#myModal" role="button"
                                       class="btn btn-outline-primary mr-1 ">Import<i style="margin-left: 7px"
                                                                                      class="fa fa-upload"></i></a>
                                </div>
                            </div>
                        {{ Form::close() }}
                        @include('backend.pages.questions.modal_import')
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            @include('backend.pages.questions.grid')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#searchLecture').change(function () {
                $('.searchData').click();
            })
        });
    </script>

@endsection