@extends('layouts.master')
@section('title', 'Downloaded CSV')

@section('breadcrumb-text')
    <h1 class="w-100">
        {{__('Downloaded CSV')}}
        <a href="{{route('admin.withdrawal.withdrawalDashboard')}}" data-toggle="tooltip" data-placement="top" title="Back" class="btn btn-primary float-end">
           {!! renderIconHtml('back') !!} {{__('Back')}}
        </a>
    </h1>
@endsection

@section('content')
<section class="main_section">
            <!-- Table Section -->
            <div class="card">
                <div class="card-body">
                    <div class="scroll">
                        <div class="table-responsive user_tables">
                            <div id="custom_toolbar_user" class="select">
                                @can('withdrawal-view')
                                    <a onclick="showArchived('index')" id="backToBtn" data-toggle="tooltip" data-placement="bottom"
                                        title="{{ __('Back') }}"
                                        class="btn btn-secondary text-white showUsers d-none float-right" href="javascript:void(0)"><i class="bi bi-arrow-counterclockwise"></i> {{ __('Back') }}</a>

                                    <a onclick="showArchived('archive')" id="archivedBtn" data-toggle="tooltip" data-placement="bottom"
                                        title="{{ __('Show Archived') }}" class="btn btn-secondary text-white showArchive"
                                        href="javascript:void(0)"><i class="bi bi-archive"></i> {{ __('Archive') }}</a>
                                @endcan
                            </div>
                            <table class="table table-bordered" id="bstable" data-toggle="table" table-for="download_withdrawal_csv"
                                data-ajax="downloadedWithdrawalCSV" 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="batch_id" data-width-unit="px" data-filter-control="input" data-sortable="true"  data-filter-control-placeholder="Batch Id">{{ __('Batch Id') }}</th>
                                        <th data-field="exported_by" data-filter-control="input"  data-sortable="false"  data-filter-control-placeholder="Exported By">{{ __('Exported By') }}</th>
                                        <th data-field="number_of_record" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Number Of Record">{{ __('Number Of Record') }}</th>
                                        <th data-field="total_amount" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Total Amount">{{ __('Total Amount') }}</th>
                                        <th data-field="batch_date" data-filter-control="input" data-sortable="true"  data-filter-control-placeholder="Batch Date">{{ __('Batch Date') }}</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>
            @include('backend.withdrawal.upload-log-modal')
        </section>
        <input type="hidden" value="{{ route('admin.withdrawal.allDownloadedWithdrawalCSV') }}" id="allDownloadedWithdrawalCsv">
    @endsection
    @push('scripts')
        <script>
            var currencyName =  JSON.parse('{!! json_encode($currencyName ?? []) !!}');
        </script>
        <script src="{{ asset('backend/js/pages-js/withdrawal.js') }}"></script>
    @endpush