@extends('layouts.admin')

@section('content')

<!-- widget grid -->
<section id="widget-grid" class="">

  <!-- row -->
  <div class="row">

    <!-- NEW WIDGET START -->
    <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

      <!-- Widget ID (each widget will need unique ID)-->
      <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-0" data-widget-editbutton="false">
        <header>
          <span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>Withdrawal List</h2>

        </header>

        <!-- widget div-->
        <div>
          <!-- end widget edit box -->
          <div class="col-md-12">
           <form method="get" id="search-form" action="{{route('admin.transactions.index')}}">
              <div class="col-md-2 col-xs-6">
                  <input class="form-control " placeholder="Search ( Username, Name, Withdraw Number...)" type="text" name="q" value="{{$q}}">
              </div>
              <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                Start Date
              </div>
              <div class="col-md-2 col-xs-8">
                  <input type="text" id="datepicker_start" class="form-control" name="start_date" title="Start Date" value="{{$start_date}}" placeholder="Start Date" readonly="">
              </div>
              <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                End Date
              </div>
              <div class="col-md-2 col-xs-8">
                  <input type="text" id="datepicker_end" class="form-control" name="end_date" title="End Date" value="{{$end_date}}" placeholder="End Date" readonly="">
              </div>   
              <div class="col-md-3 col-xs-6" style="padding-bottom:10px;">
                  <button type="submit" class="btn btn-primary">
                    <i class="fa fa-search"></i>
                    Search
                  </button>
                  <a href="{{route('admin.transactions.index')}}" type="rset" class="btn">
                    <i class="fa fa-refresh"></i>
                    <span class="hidden-xs">Refresh</span>
                  </a>
              </div> 
              <div class="col-sm-12 col-xs-12">
                <button type="button" class="btn btn-primary search-date" id="today">
                <i class="fa fa-calendar"></i>
                Today
                </button>
                <button type="button" class="btn btn-primary search-date" id="yesterday">
                <i class="fa fa-calendar"></i>
                Yesterday
                </button>
                <button type="button" class="btn btn-primary search-date" id="this-week">
                <i class="fa fa-calendar"></i>
                This Week
                </button>
                <button type="button" class="btn btn-primary search-date" id="last-week">
                <i class="fa fa-calendar"></i>
                Last Week
                </button>
                <button type="button" class="btn btn-primary search-date" id="this-month">
                <i class="fa fa-calendar"></i>
                This Month
                </button>
                <button type="button" class="btn btn-primary search-date" id="last-month">
                <i class="fa fa-calendar"></i>
                Last Month
                </button>               
              </div>                 
            </div>
          </form>
        </div>
          <!-- widget content -->
          <div class="widget-body">
            <div class="table-responsive">
            
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>No.</th>
                    <th>Withdraw Number</th>                    
                    <th>Name</th>
                    <th>Username</th>
                    <th>Amount</th>
                    {{-- <th>Withdraw Code</th> --}}
                    <th>Status</th>
                    <th>Withdrawal Date</th>
                    <th>Operate</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($transactions as $index=> $transaction)        
                    <tr @if($transaction->transaction_type=='debt'||$transaction->transaction_type=='withraw') class="no-checked" @endif>
                      <td>{{$index+1 }}</td>
                      <td>{{$transaction->transaction_id }}</td>
                      {{-- <td style="font-weight: bold;">
                        @if($transaction->transaction_type=='debt'||$transaction->transaction_type=='withraw') 
                          <span style="color:#c62232">  
                            {{$transaction->transaction_type }}
                          </span>
                        @else
                          {{$transaction->transaction_type }}
                        @endif
                      </td> --}}
                      <td style="font-weight: bold;">
                        <a href="{{route('admin.members.show',$transaction->member->user??0)}}">
                          {{$transaction->member->actual_name??'' }}
                        </a>
                      </td>
                      <td style="font-weight: bold;">
                        <a href="{{route('admin.members.show',$transaction->member->user??0)}}">
                          {{$transaction->member->user->phone??'' }}
                        </a>
                      </td>
                      <td class="credit">
                        @if($transaction->transaction_type=='debt'||$transaction->transaction_type=='withraw') 
                          <span style="color:#c62232">  
                      	   {{$transaction->amount }} {{$settings_->where('key','currency')->first()->value??''}}
                          </span>
                        @else
                          {{$transaction->amount }} {{$settings_->where('key','currency')->first()->value??''}}
                        @endif
                      </td>
                      {{-- <td style="font-weight: bold;">{{$transaction->withdraw_code??'' }}</td> --}}
                      
                      
                      <td>
                        <button class="btn">
                          @if($transaction->status=='pending')
                              <span style="font-weight: bold;color:#356b35;">Under Review</span>
                          @elseif($transaction->status=='approve') 
                              <span style="font-weight: bold;color:#356b35;">Withdrawal Successfully</span>
                          @elseif($transaction->status=='reject') 
                              <span style="font-weight: bold;color:#c9000f;">Refused To Pay</span>
                          @endif
                      </td>
                      <td>
                      	{{ $transaction->created_at->format('d/m/Y h:i') }}
                      </td>
                      <td>
                        <a href="{{route('admin.members.show',$transaction->member->user)}}" class="btn btn-primary shadow">
                          Checking Data
                        </a>
                        
                          <a href="{{route('admin.approve-transaction',$transaction)}}" class="btn btn-primary shadow" @if($transaction->status=='approve') disabled @endif>
                            <i class="fa fa-check"></i>
                            Confirm Withdrawal
                          </a>
                        
                          <a href="{{route('admin.reject-transaction',$transaction)}}" class="btn btn-danger shadow" @if($transaction->status=='reject') disabled @endif>
                            <i class="fa fa-times-circle"></i>
                            Reject Withdrawal
                          </a>
                        <form method="POST" action="/admin/transactions/{{$transaction->id}}" style="display:inline">
                         <input name="_method" type="hidden" value="DELETE">
                         {{ csrf_field() }}
                          <button type="submit" class="btn btn-danger" onclick="return confirm('Do you want to delete?')">
                           <i class="fa fa-trash-o" style="color: #FFF;"></i> Delete
                          </button>
                        </form>


                      </td>
                    </tr>
                  @endforeach      
                </tbody>
              </table>
              <table id="header-fixed" class="table table-bordered"></table>
            </div>
            <div style="text-align: center">
              {{ $transactions->links() }}
            </div>
          </div>
          <!-- end widget content -->

        </div>
        <!-- end widget div -->

      </div>
      <!-- end widget -->

      <!-- Widget ID (each widget will need unique ID)-->
      

    </article>
    <!-- WIDGET END -->       

  </div>

  <!-- end row -->

  

  <!-- end row -->

</section>
<!-- end widget grid -->

@endsection
@section('meta')
<title>Withdrawal List- {{ config('app.name', 'Dashboard') }}</title>
@endsection
@section("scripts")
  <script>
  $( function() {
    $( "#datepicker_start" ).datepicker({ dateFormat: 'yy-mm-d',maxDate: '0' });
    $( "#datepicker_end" ).datepicker({ dateFormat: 'yy-mm-d',maxDate: '0' });
  } );
  </script>
@endsection