@extends('layouts.backend.master')
@section('title', 'Bank')
@section('content')

<div id="contentNewRecord" class="contentNewRecord">

    <div class="row" id="content_add_new">
        <div class="col-md-12">
            <div class="box">

                <div class="box-header with-border">
                    @if(!empty($getBank->id))
                    <h4 class="box-title">{{__('Edit bank') }}</h4>
                    @else
                    <h4 class="box-title">{{__('Add bank') }}</h4>
                    @endif
                </div>
                @if(!empty($getBank->id))
                <form id="bank_form" name="bank_form" method="POST" action="{{ route('super-user.bank.update') }}" class="form updateBankForm" enctype="multipart/form-data">
                    @else
                    <form id="bank_form" name="bank_form" method="POST" action="{{ route('super-user.bank.add') }}" class="form addBankForm" enctype="multipart/form-data">
                        @endif
                        {{csrf_field()}}
                        @if(!empty($getBank->id))
                        <input type="hidden" name="bankId" id="bankId" value="{{ !empty($getBank->id) ? $getBank->id : 0 }}">
                        @else
                        <input type="hidden" name="bankId" id="bankId" value="">
                        @endif
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>{{__('Bank') }}</label>
                                        <input type="text" class="form-control" placeholder="Enter bank name" name="bankName" id="bankName" value="{{ !empty($getBank->bankName) ? $getBank->bankName : old('bankName') }}">
                                        <input type="hidden" name="hiddenBankName" id="hiddenBankName" value="{{ !empty($getBank->bankName) ? $getBank->bankName : 0 }}">
                                        <span class="bankName_error text-danger error"></span>
                                        @error('bankName')
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>{{__('Key') }}</label>
                                        <input type="password" class="form-control" placeholder="Enter key" name="userKey" id="userKey" value="{{ !empty($getBank->userKey) ? $getBank->userKey : old('userKey') }}">
                                        <input type="hidden" name="hiddenKey" id="hiddenKey" value="{{ !empty($getBank->userKey) ? $getBank->userKey : 0 }}">
                                        <span class="userKey_error text-danger error"></span>
                                        @error('userKey')
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>{{__('Secret') }}</label>
                                        <input type="password" class="form-control" placeholder="Enter secret" name="userSecret" id="userSecret" value="{{ !empty($getBank->userSecret) ? $getBank->userSecret : old('userSecret') }}">
                                        <input type="hidden" name="hiddenSecret" id="hiddenSecret" value="{{ !empty($getBank->userSecret) ? $getBank->userSecret : 0 }}">
                                        <span class="userSecret_error text-danger error"></span>
                                        @error('userSecret')
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        @if(!empty($getBank->id))
                                        <button type="submit" id="addBank" class="btn btn-primary ">{{__('Update') }}</button>
                                        @else
                                        <button type="submit" id="addBank" class="btn btn-primary ">{{__('Save') }}</button>
                                        @endif
                                        <a href="javascript:void(0)" onclick="clearForm()" class="btn btn-secondary btnNewRecord">{{__('Cancel') }}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <div class="box">
            <div class="box-header with-border">
                <h4 class="box-title title">{{__('Manage bank') }} </h4>
            </div>

            <div class="box-body">
                <div class="table-responsive su_tables">
                    <div id="custom_toolbar" class="float-right">
                        <div class="btn-group float-right" role="group" data-toggle="tooltip" data-placement="top" title="Export Data">
                            <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="fa fa-download"></i>
                            </button>
                            <ul class="dropdown-menu" id="indexExportTasks" aria-labelledby="btnGroupDrop1">
                                <li><a class="dropdown-item" href="#" onclick="exportTasks('finance',['id','Bank','Key','Secret'],'csv')">CSV</a></li>
                                <li><a class="dropdown-item" href="#" onclick="exportTasks('finance',['id','Bank','Key','Secret'],'zip')">ZIP</a></li>
                            </ul>
                        </div>
                        <a data-toggle="tooltip" data-placement="top" title="Add New" class="btn btn-secondary text-white showArchive btnNewRecord" id="btnNewRecord" href="javascript:void(0);"><i class="fas fa-plus"></i></a>
                        <a data-toggle="tooltip" onclick="showArchived('index')" id="backToBtn" data-placement="top" title="Back to bank" class="btn btn-secondary text-white float-right ml-1 mr-65 d-none" href="javascript:void(0)"><i class="fas fa-undo"></i></a>
                        <a data-toggle="tooltip" onclick="showArchived('archive')" id="archivedBtn" data-placement="top" title="Show Archived" class="btn btn-secondary text-white float-right ml-1" href="javascript:void(0)"><i class="fas fa-archive"></i></a>
                    </div>
                    <table id="bstable" class="table-striped" data-show-export="false" data-filter-control="true" data-show-search-clear-button="true" data-pagination="true" data-search="false" data-toggle="table" data-show-columns="true" data-show-columns-toggle-all="true" data-show-toggle="false" table-for="tbl_super_banks" data-unique-id="id" data-toolbar="#custom_toolbar" data-export-data-type="all" data-search-time-out="2000">
                        <thead>
                            <tr>
                                <th title="#" data-field="id" data-field="no" data-width="75" data-width-unit="px">#</th>
                                <th title="Bank" data-field="Bank" data-filter-control="input" data-sortable="true">{{__('Bank') }}</th>
                                <th title="Key" data-field="Key">{{__('Key') }}</th>
                                <th title="Secret" data-field="Secret">{{__('Secret') }}</th>
                                <th data-width="150" data-field="action" data-width-unit="px">{{__('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(!empty($getBankData))
                            @foreach($getBankData as $key => $bank)
                            <tr data-id="{{$bank->id}}">
                                <td>{{$loop->iteration}}</td>
                                <td>{{ !empty($bank->bankName) ? $bank->bankName : '' }}</td>
                                <td>{{ !empty($bank->userKey) ? 'Key hidden' : 'No key entrered' }}</td>
                                <td>{{ !empty($bank->userSecret) ? 'Secret hidden' : 'No secret entrered' }}</td>
                                <td>
                                    <a data-toggle="tooltip" data-placement="top" title="Edit" onclick="editBank('{{basicEncrypt($bank->id)}}')" href="javascript:void(0)" class="btn btn-sm btn-info btnEditAction"><i class="fa fa-edit"></i></a>
                                    <a data-toggle="tooltip" data-placement="top" title="Archive" href="javascript:void(0);" onclick="isArchived('{{basicEncrypt($bank->id)}}',{{ $loop->iteration}}, '{{$bank->bankName}}')" class="waves-effect waves-light btn btn-sm btn-primary delete-btn"><i class="fa fa-trash"></i></a>

                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{asset('frontend/js/pages-js/su-bank-and-api-data.js')}}"></script>
@endpush