@extends('layouts.app')
@section('title', __('user.users'))

@section('content')

    @include('layouts.partials.breadcrumb',['page_title'=> __( 'user.manage_users') , 'bread_crumbs'=>array( array('title'=>__('user.users'),'url'=>''),array('title'=> __('user.manage_users'),'url'=>''))])

    <section class="content">
        <div class="row">

            <div class="col-12">

                <div class="box">
                                                <!-- /.box-header -->

                    @component('components.widget', ['class' => 'box-body', 'title' => __( 'user.manage_user' )])
                        @slot('tool')
                            <div class="box-tools">
                                <a class="btn btn-block btn-primary"
                                   href="{{action([\App\Http\Controllers\ManageUserController::class, 'create'])}}">
                                    <i class="fa fa-plus"></i> @lang( 'messages.add' )</a>
                            </div>
                        @endslot
                        @include('layouts.partials.datatable', [
                                            'tableId' => 'users_list',
                                            'columns' => [
                                                ['data'=>'full_name','title' => __('user.name'), 'orderable' => true, 'searchable' => true],
                                                ['data'=>'username','title' => __('business.username'), 'orderable' => true, 'searchable' => true],
                                                ['data'=>'role','title' => __('user.role'), 'orderable' => true, 'searchable' => true],
                                                ['data'=>'email','title' => __('business.email'), 'orderable' => true, 'searchable' => true],
                                                  ['data'=>'contact_number','title' => __('business.contact_number'), 'orderable' => true, 'searchable' => true],
                                                ['data'=>'action','title' => __('messages.action'), 'orderable' => false, 'searchable' => false],
                                            ],
                                            'ajaxUrl' => '/users', // Replace with actual route

                                        ])
                    @endcomponent
                    <!-- /.box-body -->
                </div>
                <!-- /.col -->
            </div>
        </div>
        <!-- /.row -->
    </section>

@stop
@section('javascript')
    @parent

<script type="text/javascript">
    //Roles table
    $(document).ready( function(){
        var users_table = $('#users_table').DataTable({
                    processing: true,
                    serverSide: true,
                    ajax: '/users',
                    columnDefs: [ {
                        "targets": [4],
                        "orderable": false,
                        "searchable": false
                    } ],
                    "columns":[
                        {"data":"username"},
                        {"data":"full_name"},
                        {"data":"role"},
                        {"data":"email"},
                        {"data":"action"}
                    ]
                });
        $(document).on('click', 'button.delete_user_button', function(){
            swal({
              title: LANG.sure,
              text: LANG.confirm_delete_user,
              icon: "warning",
              buttons: true,
              dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                    var href = $(this).data('href');
                    var data = $(this).serialize();
                    $.ajax({
                        method: "DELETE",
                        url: href,
                        dataType: "json",
                        data: data,
                        success: function(result){
                            if(result.success == true){
                                toastr.success(result.msg);
                                users_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    });
                }
             });
        });
        
    });
    
    
</script>
@endsection