@extends('layouts.master')
@section('title', __('Deposit'))

@section('breadcrumb-text')
    <div class="row w-100 m-0 p-0">
        <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-sm-12 m-0 p-0">
            <h1 class="w-100">{{ __('Deposits')}} - {{ ucwords($_GET['status'] ?? '') }}</h1>
        </div>
        <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-sm-12 m-0 p-0 d-flex justify-content-end">
            @can('deposit-view')
                <a type="button" class="btn btn-sm btn-primary text-white mr-1" href="{{ route('admin.deposit.index', ['status' => "pending"]) }}" data-toggle="tooltip" data-placement="top" title="Pending">{!! renderIconHtml('pending') !!}{{__('Pending')}}</a>
                <a type="button" class="btn btn-sm btn-primary text-white mr-1" href="{{ route('admin.deposit.index', ['status' => "approved"]) }}" data-toggle="tooltip" data-placement="top" title="Approved">{!! renderIconHtml('approve') !!}{{__('Approved')}}</a>
                <a type="button" class="btn btn-sm btn-primary text-white mr-1" href="{{ route('admin.deposit.index', ['status' => "rejected"]) }}" data-toggle="tooltip" data-placement="top" title="Rejected">{!! renderIconHtml('reject') !!}{{__('Rejected')}}</a>
            @endcan
            <a href="{{route('admin.deposit.depositDashboard')}}" data-toggle="tooltip" data-placement="top" title="Back" class="btn btn-sm btn-primary ">
                {!! renderIconHtml('back') !!}{{ __('Back')}}
            </a>
        </div>
    </div>
@endsection

@section('content')
<section class="main_section">
            <!-- Table Section -->
            <div class="card deposit-section">
                <div class="card-header p-0 d-flex justify-content-between">
                    <ul class="nav nav-pills profile-nav justify-content-start" id="myTab" role="tablist" style="border-bottom:none !important;">
                        @if($_GET['status'] == "pending")
                            @foreach($totalDepositByCurrency as $key => $row)
                                <li class="nav-item">
                                    <button class="btn nav-link currency_tab px-4 {{ $key === 0 ? 'active bg-primary text-white' : '' }}" id="tab_{{$row->abbreviation}}" data-id="{{$row->id}}" data-type="{{$row->type}}" data-abbreviation="{{$row->abbreviation}}" href="" data-toggle="tab" role="tab" aria-controls="" aria-selected="{{ $key === 0 ? 'true' : 'false' }}" style="border:1px solid;margin:5px;line-height:10px;">
                                        {{ $row->abbreviation }}
                                        @if($row->total_record > 0)
                                            <span class="badge notification-count bg-primary {{ $key === 0 ? 'bg-white text-primary' : '' }} " id="notification-count_{{$row->abbreviation}}">{{$row->total_record}}</span>
                                        @endif
                                    </button>
                                </li>
                            @endforeach
                        @else
                            @foreach($currency as $key => $row)
                                <li class="nav-item">
                                    <button class="btn nav-link currency_tab {{ $key === 0 ? 'active bg-primary text-white' : '' }}" id="tab_{{$row->abbreviation}}" data-id="{{$row->id}}" data-type="{{$row->type}}" data-abbreviation="{{$row->abbreviation}}" href="" data-toggle="tab" role="tab" aria-controls="" aria-selected="{{ $key === 0 ? 'true' : 'false' }}" style="border:1px solid;margin:5px;line-height:10px;">
                                        {{ $row->abbreviation }}
                                    </button>
                                </li>
                            @endforeach
                        @endif
                    </ul>
                </div>
                <div class="card-body">
                    <div class="scroll">
                        <div class="table-responsive user_tables">
                            <table class="table table-bordered deposit_table" id="bstable" data-toggle="table" table-for="deposit"
                                data-ajax="ajaxRequest" 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">{{ __('#') }}</th>
                                        <th data-field="created_at" data-filter-control="input" data-sortable="true" data-filter-control-placeholder="Date">{{ __('Date') }}</th>
                                        <th data-field="username" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Username">{{ __('Username') }}</th>
                                        <th data-field="name" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Name">{{ __('Name') }}</th>
                                        <th data-field="reference_no" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Reference No">{{ __('Reference No') }}</th>
                                        <th data-field="amount" data-filter-control="input"  data-sortable="true" data-filter-control-placeholder="Requested Deposit">{{ __('Requested Deposit') }}</th>
                                        <th data-field="exchange_amount" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Euro Amount">{{ __('Euro Amount') }}</th>
                                        <th data-field="transfer_to" data-filter-control="select"data-filter-data="var:depositoption"  data-sortable="false" data-filter-control-placeholder="Transfer To">{{ __('Transfer To') }}</th>
                                        <th data-field="transaction_id" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Transaction Id/Hash">{{ __('Transaction Id/Hash') }}</th>
                                        <th data-field="sender_address" data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Sender Address">{{ __('Sender Address') }}</th>
                                        <th data-field="receiver_address"data-filter-control="input"  data-sortable="false" data-filter-control-placeholder="Receiver Address">{{ __('Receiver Address') }}</th>
                                        <th data-field="image" data-sortable="false">{{ __('Proof Of Payment') }}</th>
                                        <th data-field="status"  data-sortable="false" data-formatter="depositStatusFormat">{{ __('Status') }}</th>
                                        <th data-field="action" >{{ __('Action') }} </th>
                                    </tr>
                                </thead>
                                <tbody>

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

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

            @include('backend.deposit.modal')
        </section>
        <input type="hidden" value="{{ route('admin.deposit.allDeposit',['status' => $_GET['status']]) }}" id="depositAll">
    @endsection
    @push('scripts')
        <script>
            var depositoption =  JSON.parse('{!! json_encode($depositoption ?? []) !!}');
        </script>
        <script src="{{ asset('backend/js/pages-js/deposit.js') }}"></script>
    @endpush