@extends('admin.layouts.master')

@section('css')
<style>
    .select2-container{
        width:35% !important;
    }
</style>
@endsection
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between">
                    <div class="header-title">
                        <h4 class="card-title">{!! __('heading.users_list') !!}</h4>
                    </div>
                    <div class="d-lg-flex align-items-center mb-0 gap-3">
                        <div class="ms-auto">
                            <!-- <a data-toggle="tooltip" data-placement="top" data-original-title="{!! __('heading.create') !!}" href="{!! route('admin.users.create') !!}" class="btn btn-outline-success btn-sm">
                                <i class="fa fa-plus"></i>
                            </a> -->

                            <button data-toggle="tooltip" data-placement="top" data-original-title="{!! __('heading.filter') !!}" class="btn btn-outline-info btn-sm __filter">
                                <i class="fa fa-filter"></i>
                            </button>

                            <a data-toggle="tooltip" data-placement="top" data-original-title="{!! __('heading.refresh') !!}" href="{!! route('admin.users.index') !!}" class="btn btn-outline-dark btn-sm __refresh">
                                <i class="fa fa-redo"></i>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    {!! Form::open(['route' => 'admin.users.index', 'method' => 'get', 'id' => 'form-search']) !!}
                        <div class="dt-custom-header __filter_box" style="display: none;">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        {!! Form::label('search', __('field.search')) !!}
                                        <div class="input-group">
                                            {!! Form::text('keyword', null, ['class' => 'form-control __search_keyword']) !!}
                                            <div class="input-group-append">
                                                <button class="btn btn-primary __search" type="button"><i class="fa fa-search"></i></button>
                                            </div>
                                         </div>
                                    </div>
                                </div>

                                <div class="col-md-3" style="padding-top:5px;">
                                    <div class="form-group">
                                        {!! Form::label('perPage', __('field.per_page')) !!}
                                        <div class="input-group">
                                        {!! Form::select('perPage', perPage(), null, ['class' => 'form-control select2', 'id' => 'perPage']) !!}
                                         </div>
                                    </div>
                                </div>

                                <div class="col-md-3" style="padding-top:5px;">
                                    <div class="form-group">
                                        {!! Form::label('status', __('field.status')) !!}
                                        <div class="input-group">
                                        {!! Form::select('status', status(true, __('field.all')), null, ['class' => 'form-control select2']) !!}
                                         </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {!! Form::close() !!}

                    <div class="row" id="pagination" data-url="{!! $url !!}">
                        @include('admin.users.pagination')
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection