@extends('layouts.master')
@section('title', 'Withdrawal Whitelist')

@push('styles')
    <style>
        .select2-container .select2-selection--single {
            height: 41px !important;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 36px !important;
        }
    </style>
@endpush

@section('content')
<section class="main_section">
    <!-- Table Section -->
    <div class="scroll">
        <div id="contentEditRecord" class="contentEditRecord"></div>
        @can('withdrawal-whitelist-create')
            @include('backend.withdrawal_whitelist.create-form')
        @endcan
        <div class="card mt-2">
            <div class="card-body">
                <div class="table-responsive user_tables">
                    <div id="custom_toolbar_user" class="select">
                        @can('withdrawal-whitelist-create')
                            <a data-toggle="tooltip" data-placement="top" title="Add New"
                                class="btn btn-secondary text-white showArchive btnNewRecord" id="btnNewRecord"
                                href="javascript:void(0);">{!! renderIconHtml('add') !!}{{ __('Add New') }}
                            </a>
                        @endcan

                    </div>
                    <table class="table table-bordered" id="bstable" data-toggle="table" table-for="withdrawal_whitelist"
                        data-ajax="getWithdrawalWhitelist" data-side-pagination="server" data-pagination="true" data-show-button-text="true"
                        data-total-field="count" data-data-field="items" data-show-columns="true"
                        data-show-toggle="false" data-show-export="false" data-filter-control="true"
                        data-show-columns-toggle-all="false" data-sticky-header="true" data-sticky-header-offset-y="170"
                        data-icons="icons"
                        data-icons-prefix="bi" data-show-search-clear-button="true"
                        data-toolbar="#custom_toolbar_user" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                        <thead>
                            <tr>
                                <th data-field="counter" data-width-unit="px">{{ __('#') }}</th>
                                <th data-field="username" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Username">{{ __('Username') }}</th>
                                <th data-field="email" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Email">{{ __('Email') }}</th>
                                <th data-field="blockchain_address" data-filter-control="input" data-sortable="false"  data-filter-control-placeholder="Blockchain Address">{{ __('Blockchain Address') }}</th>
                                <th data-field="created_at" data-filter-control="input" data-sortable="true"  data-filter-control-placeholder="Created At">{{ __('Created At') }}</th>
                                <th data-field="action" data-width-unit="px">{{ __('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
                <!-- End Table Section -->

                <!-- END OF CONTENT AREA -->
            </div>
        </div>
    </div>
</section>
<input type="hidden" value="{{ route('admin.withdrawal-whitelist.allWithdrawalWhitelistUser') }}" id="allWithdrawalWhitelistUser">
@endsection
@push('scripts')
    <script src="{{ asset('backend/js/pages-js/withdrawal-whitelist.js') }}"></script>
@endpush