@extends('layouts.admin')

@section('title')
   @lang('Transactions')
@endsection

@section('breadcrumb')
<section class="section">
    <div class="section-header">
        <h1> @lang('Transactions')</h1>
    </div>
</section>
 
@endsection

@section('content')
    <div class="container-xl">
        <div class="row row-deck row-cards">
            <div class="col-md-12">
                <div class="card">
                  <div class="card-header d-flex justify-content-end">
                    <form action="" class="d-flex flex-wrap justify-content-end">
                       <div class="form-group m-1 flex-grow-1">
                        <select name="" class="form-control" onChange="window.location.href=this.value">
                            <option value="{{filter('remark','')}}">@lang('All Remark')</option>
                          
                            <option value="{{filter('remark','transfer_money')}}" {{request('remark') == 'transfer_money' ? 'selected':''}}>@lang('Transfer Money')</option>
                          
                            <option value="{{filter('remark','request_money')}}" {{request('remark') == 'request_money' ? 'selected':''}}>@lang('Request Money')</option>
                           
                            <option value="{{filter('remark','money_exchange')}}" {{request('remark') == 'money_exchange' ? 'selected':''}}>@lang('Money Exchange')</option>
                           
                            <option value="{{filter('remark','invoice_payment')}}" {{request('remark') == 'invoice_payment' ? 'selected':''}}>@lang('Invoice Payment')</option>
                         
                            <option value="{{filter('remark','merchant_payment')}}" {{request('remark') == 'merchant_payment' ? 'selected':''}}>@lang('Merchant Payment')</option>
                          
                            <option value="{{filter('remark','merchant_api_payment')}}" {{request('remark') ==  'merchant_api_payment' ? 'selected':''}}>@lang('Merchant API Payment')</option>
                          
                            <option value="{{filter('remark','escrow_return')}}" {{request('remark') == 'escrow_return' ? 'selected':''}}>@lang('Escrow Return')</option>
                         
                            <option value="{{filter('remark','make_escrow')}}" {{request('remark') == 'make_escrow' ? 'selected':''}}>@lang('Make Escrow')</option>
    
                            <option value="{{filter('remark','withdraw_money')}}" {{request('remark') == 'withdraw_money' ? 'selected':''}}>@lang('Withdraw Money')</option>
    
                            <option value="{{filter('remark','redeem_voucher')}}" {{request('remark') == 'redeem_voucher' ? 'selected':''}}>@lang('Redeem Voucher')</option>
    
                            <option value="{{filter('remark','create_voucher')}}" {{request('remark') == 'create_voucher' ? 'selected':''}}>@lang('Create Voucher')</option>

                          
                        </select>
                       </div>
                       
                        <div class="form-group m-1 flex-grow-1">
                            <div class="input-group">
                                <input type="text" class="form-control" name="search" placeholder="@lang('Transaction ID')">
                                <div class="input-group-append">
                                    <button class="input-group-text btn btn-primary text-white" id="my-addon"><i class="fas fa-search"></i></button>
                                </div>
                            </div>
                        </div>
                       </form>
                  </div>
                 
                  <div class="table-responsive">
                    <table class="table table-striped">
                      <thead>
                        <tr>
                          <th>@lang('Date')</th>
                          <th>@lang('Transaction ID')</th>
                          <th>@lang('Description')</th>
                          <th>@lang('Remark')</th>
                          <th>@lang('Amount')</th>
                          <th>@lang('Charge')</th>
                        </tr>
                      </thead>
                      <tbody>
                        @forelse($transactions as $item)
                          <tr>
                            <td data-label="@lang('Date')">{{dateFormat($item->created_at,'d-M-Y')}}</td>
                            <td data-label="@lang('Transaction ID')">
                              {{__($item->trnx)}}
                            </td>
                            <td data-label="@lang('Description')">
                              {{__($item->details)}}
                            </td>
                            <td data-label="@lang('Remark')">
                              <span class="badge badge-dark">{{ucwords(str_replace('_',' ',$item->remark))}}</span>
                            </td>
                            <td data-label="@lang('Amount')">
                                <span class="{{$item->type == '+' ? 'text-success':'text-danger'}}">{{$item->type}} {{amount($item->amount,$item->currency->type,2)}} {{$item->currency->code}}</span> 
                            </td>
                           <td data-label="@lang('Charge')">
                            {{amount($item->charge,$item->currency->type,2)}} {{$item->currency->code}}
                           </td>
                          </tr>
                        @empty
                        <tr><td class="text-center" colspan="12">@lang('No data found!')</td></tr>
                        @endforelse
                      </tbody>
                    </table>
                  </div>
                  @if ($transactions->hasPages())
                      <div class="card-footer">
                          {{$transactions->links('admin.partials.paginate')}}
                      </div>
                  @endif
                </div>
            </div>
        </div>
    </div>

   
@endsection