@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 người dùng</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <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">Họ tên</label>
                                            <input type="text" class="form-control" id="placeholderInput"
                                                   name="searchName" placeholder="Nhập họ tên"
                                                   value="{{@$dataSearch['searchName']}}">
                                        </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">Số điện thoại</label>
                                            <input type="text" class="form-control" id="placeholderInput"
                                                   name="searchPhone" placeholder="Nhập số điện thoại"
                                                   value="{{@$dataSearch['searchPhone']}}">
                                        </fieldset>
                                    </div>
                                    <div style="margin-bottom: 0px !important;" class="col-xl-2 col-lg-6 col-md-12">
                                        <fieldset class="form-group">
                                            <label for="customSelect">Trạng thái</label>
                                            {!! Form::select('searchStatus', [\App\Constants\UserSetting::ENABLE=>'Hoạt động',\App\Constants\UserSetting::DISABLE=>'Đã khóa'],null, array('class' => 'form-control status','placeholder'=>'Trạng thái')) !!}
                                        </fieldset>
                                    </div>
                                    <div style="margin-bottom: 0px !important;" class="col-xl-2 col-lg-6 col-md-12">
                                        <fieldset class="form-group">
                                            <label for="customSelect">Quyền</label>
                                            {!! Form::select('searchRole', $roles,null, array('class' => 'form-control role','placeholder'=>'Tất cả quyền')) !!}
                                        </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.href='{{route('admin.users.index')}}';">Làm mới <i
                                                    class="ft-rotate-cw"></i></button>
                                        <a href="{{ route('admin.users.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>
                            @include('backend.pages.users.grid')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{{--    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>--}}

    <script type="text/javascript">
        $(document).ready(function () {
            $('.status,.role').change(function () {
                $('#form-search').submit();
            })
        });
    </script>
@endsection