@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
Users List
@parent
@stop

{{-- page level styles --}}
@section('header_styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/datatables/css/dataTables.bootstrap.css') }}" />
<link href="{{ asset('assets/css/pages/tables.css') }}" rel="stylesheet" type="text/css" />
@stop


{{-- Page content --}}
@section('content')
<section class="content-header">
    <h1>@lang('mof.users')</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}">
                <i class="livicon" data-name="home" data-size="14" data-color="#000"></i>
                @lang('mof.dashboard')
            </a>
        </li>
        <li><a href="{{ route('admin.users.index') }}"> @lang('mof.users')</a></li>
        <li class="active">@lang('mof.user_list')</li>
    </ol>
</section>

<!-- Main content -->
<section class="content paddingleft_right15">
    <div class="row">
        <div class="panel panel-success ">
            <div class="panel-heading ">
                <h4 class="panel-title"> <i class="livicon" data-name="user" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                    @lang('mof.user_list')
                </h4>
            </div>
            <br />
            <div class="panel-body">
                <div class="table-responsive">
                <table class="table table-bordered width100" id="table">
                    <thead>
                        <tr class="filters">
                            <th>@lang('mof.id')</th>
                            <th width="20%">@lang('mof.full_name')</th>
                            <th width="15%">@lang('mof.email')</th>
                            <th width="15%">@lang('mof.role')</th>
                            <th>@lang('mof.district')</th>
                            <th>@lang('mof.status')</th>
                            <th>OTP</th>
                            <th>@lang('mof.created_at')</th>
                            <th>@lang('mof.action')</th>
                        </tr>
                    </thead>
                    <tbody>


                    </tbody>
                </table>
                </div>
            </div>
        </div>
    </div>    <!-- row-->
</section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/jquery.dataTables.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}" ></script>

<script>
    $(function() {
        var table = $('#table').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{!! route('admin.users.data') !!}',
            "pageLength": 10,
            columns: [
                { data: 'id', name: 'id' },
                { data: 'full_name', name: 'first_name' },
                { data: 'email', name: 'email' },
                { data: 'role', name: 'role' },
                { data: 'userDistrict', name: 'userDistrict' },
                { data: 'status', name: 'status'},
                { data: 'enforce_password_otp', name: 'enforce_password_otp'},
                { data: 'created_at', name:'created_at'},
                { data: 'actions', name: 'actions', orderable: false, searchable: false,sortable:false }
            ]
        });
        table.on( 'draw', function () {
            $('.livicon').each(function(){
                $(this).updateLivicon();
            });
        } );
    });

</script>
<input type="hidden" name="user_id" id="user_id" value="">
<div class="modal fade" id="delete_confirm" tabindex="-1" role="dialog" aria-labelledby="user_delete_confirm_title" aria-hidden="true">
	<div class="modal-dialog">
    	<div class="modal-content"></div>
  </div>
</div>
<script>
$(function () {
	$('body').on('hidden.bs.modal', '.modal', function () {
		$(this).removeData('bs.modal');
	});
});
</script>
<script src="{{ asset('assets/js/user/user.js') }}"  type="text/javascript"></script>
@stop