@extends('layouts.template')

@section('content')

<!-- Main Section start -->
<main>

    <div class="container-fluid">
        <!-- Breadcrumb start -->
        <div class="row m-1">
            <div class="col-12 ">
                <h4 class="main-title">Account delete Request</h4>
               

            </div>
        </div>
        <!-- Breadcrumb end -->

        <!-- Product List start -->
        <div class="row">

            <div class="col-12">
                <div class="card">
                    <div class="card-body px-0">
                        <div class=" table-responsive app-scroll app-datatable-default product-list-table">
                            <table id="product-Listtable" class="table table-sm display align-middle">
                                <thead>
                                    <tr>
                                        <th>
                                            #
                                        </th>
                                        <th> User</th>
                                        <th>Role</th>
                                        <th>Reason</th>
                                        <th>Date</th>
                                        <th>Delete user permanently</th>
                                    </tr>
                                </thead>

                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Product List end -->
    </div>
</main>

<script type="text/javascript">
$(function() {

    $('.table').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: "{{ route('get-account-delete-requests') }}",
           
        },
        //  ajax: "{{ route('get-partner') }}",
        columns: [{
                data: 'DT_RowIndex',
                name: 'DT_RowIndex'
            },
            {
                data: 'user',
                name: 'user'
            },
            {
                data: 'role',
                name: 'role'
            },
            {
                data: 'reason',
                name: 'reason'
            },
            {
                data: 'date',
                name: 'date'
            },
           
            {
                data: 'action',
                name: 'action'
            },

        ],
        "select": {
            'style': 'multi',
            'selector': 'td:first-child' //only checkbox can select row 
        },
    });
});
</script>
@endsection