@include('backend.settings.tabs.add-crypto-api')
<div class="col-12 col-md-12">
    <div class="card">
        <div class="card-header">
            <h3 class="w-50 float-start card-title m-0">{{ __('Crypto API') }}</h3>
        </div>
        <div class="card-body">
            <div class="scroll">
                <div class="table-responsive user_tables">
                    <div id="custom_toolbar_user" class="float-right d-flex">
                        <div class="dropdown  me-1" id="indexExportTasks" data-toggle="tooltip" data-placement="bottom" title="Export data">
                            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
                                    class="bi bi-download"></i> {{ __('Export') }}</button>
                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item" href="#"
                                    onclick="exportTasks('api_settings',['id','test_api_source','live_api_source','api_key','blockchain','created_at'],'csv')">CSV</a>
                                <a class="dropdown-item" href="#"
                                    onclick="exportTasks('api_settings',['id','test_api_source','live_api_source','api_key','blockchain','created_at'],'zip')">ZIP</a>
                            </div>
                        </div>
                        @can('api-configurations-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="crypto_api"
                        data-ajax="getCryptoData" 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="test_api_source" data-filter-control="input" data-sortable="false" data-filter-control-placeholder="Test API Source">{{ __('Test API Source') }}</th>
                                <th data-field="live_api_source" data-filter-control="input" data-sortable="false" data-filter-control-placeholder="Live API Source">{{ __('Live API Source') }}</th>
                                <th data-field="api_key" data-filter-control="input" data-sortable="false" data-filter-control-placeholder="API Key">{{ __('API Key') }}</th>
                                <th data-field="blockchain" data-filter-control="select" data-sortable="false" data-filter-control-placeholder="Blockchain">{{ __('Blockchain') }}</th>
                                <th data-field="created_at" data-width-unit="px" 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>
                <input type="hidden" value="{{ route('admin.api-setting.cryptoApiData') }}" id="cryptoData">
                <!-- End Table Section -->

                <!-- END OF CONTENT AREA -->
            </div>
        </div>
    </div>
</div>