{{-- <div> --}}
    <div class="col-md-12">
        <div id="loaderEl">
            <x-loader/>
        </div>
        <div class="card p-3">
            <div class="card-header"><h3>{{ __('Users')}}</h3></div>
            <div class="card-body table-responsive">
                <table id="user_table" class="table" style="width:100%;">
                    <thead>
                        <tr>
                            <th>{{ __('Name')}}</th>
                            <th>{{ __('Email')}}</th>
                             <th>{{ __('Phone')}}</th>
                              <th>{{ __('MDA')}}</th>
                              <th>{{ __('Amount Due')}}</th>
                            <th>{{ __('Role')}}</th>
                            <th>{{ __('Permissions')}}</th>
                            <th>Status</th>
                            <th>{{ __('Action')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{{-- </div> --}}