@extends('adminlte::layouts.app')

@section('htmlheader_title')    
{{ trans('User List') }}
@endsection

@section('contentheader_title')
{{ trans('User List') }}
@endsection
@section('main-content')

<div id="datatable1_wrapper" class="dataTables_wrapper form-inline" role="grid">
    @if (Session::has('message'))
    <div class="alert alert-info">{!! Session::get('message') !!}</div>
    @endif
    @if (Session::has('error'))
    <div class="alert alert-danger">{!! Session::get('error') !!}</div>
    @endif
    @if (Session::has('success'))
    <div class="alert alert-success">{!! Session::get('success') !!}</div>
    @endif

    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">{{ trans('Users Orders') }}</h3>
            <!-- <div class="box-tools pull-right">
                <a href="{{ url('/admin/order/create') }}" class="btn btn-sm btn-info"> <span class="glyphicon glyphicon-plus"> </span> {{ trans('Add User') }}</a>
            </div> -->
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <div class="row">
                
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table id="datatable_order" class="table table-bordered table-striped dataTable">
                            <thead>
                                <tr>
                                    <th width=''>#</th>
                                    <th width=''>User Id</th>
                                    <th width=''>User Name</th>
                                    <th width=''>Email</th>
                                    <th width=''>Phone</th>
                                    <th width=''>Created At</th>
                                    <th width=''>User Points</th>
                                </tr>
                            </thead>
                            <tbody>
                                                            </tbody>
                        </table>
                    </div>  
                </div>

            </div>
            <!-- /.row -->
        </div>

    </div>
</div>
@endsection

@push('scripts')
<script type="text/javascript">
    $('#datatable_order').dataTable( {  "pageLength": 50} );
</script>
@endpush