@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>Member</h2>

        </header>
        
        <!-- widget div-->
        <div>
          <div class="col-md-12">
           <form method="get" id="search-form" action="{{route('admin.members.index')}}">
              <div class="col-md-2 col-xs-6">
                  <input class="form-control " placeholder="Search (Username, Name...)" 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.members.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>
          <!-- end widget edit box -->

          <!-- widget content -->
          <div class="widget-body">
            <div class="table-responsive">            
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>No.</th>
                    <th>Name</th>
                    <th>Username</th>
                    <th>Credit Score</th>
                    <th>Wallet</th>
                    <th>Withdrawal Code</th>                    
                    <th>Registered Date</th>
                    <th>Status</th>
                    <th>Registration Area</th>
                    <th>Note</th>
                    <th>Operate</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($users as $index=>$user)    
                    @if($user->member)    
                    <tr class="@if($user->member->is_new_member??false) new @endif">
                      <td style="font-weight: bold;">#{{$index+1 }}</td>
                      <td style="font-weight: bold;">
                        {{$user->member->actual_name??'' }}
                        
                      </td>
                      <td>{{$user->phone }}</td>
                      <td style="font-weight: bold;">{{$user->member->credit_score??0}}</td>
                      <td class="credit">{{ number_format($user->member->credit??0) }} {{$settings_->where('key','currency')->first()->value??''}}</td>
                      
                      <td style="font-weight:bold;">{{$user->member->withdrawal_code??'' }}</td>
                      
                      <td>{{$user->created_at->format('d/m/Y h:i') }}
                      </td>
                      <td style="font-weight:bold;">
                        @if($user->is_active)
                          <span style="color:blue">Enabled</span>
                        @else
                          <span style="color:red"> Disabled</td>
                        @endif
                      </td>
                      <td>{{$user->registration_area }}</td>
                      <td style="@if($user->member->note) background-color: Moccasin; @endif overflow-y: scroll; display: block;max-height: 120px;">
                        {!!$user->member->note!!}
                      </td>
                      <td class="action">
                        <a href="{{route('admin.members.show',$user)}}" class="btn btn-primary shadow"><i class="fa fa-eye"></i> Checking Data</a>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#creditModifyForm" data-url="{{route('admin.change-member-credit',$user->member??'')}}" data-credit="{{$user->member->credit??''}}" id="creditModify">
                          Wallet Modification
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#WithdrawCode" data-url="{{route('admin.store-withdrawal-code',$user->member)}}" data-code="{{$user->member->withdrawal_code}}" id="addWithdrawalCode">
                          Withdrawal Code
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#creditScoreForm" data-url="{{route('admin.update-credit-score',$user->member)}}" data-score="{{$user->member->credit_score??''}}" id="updateCreditScore">
                          Credit Score
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#IDForm" data-url="{{route('admin.members.change-id-card', $user->member)}}" id="modifyIdCardForm" data-idcardnumber="{{$user->member->id_card_number}}"  data-actualname="{{$user->member->actual_name}}">
                          ID Identify
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#changePassword" data-url="{{route('admin.members.account',$user)}}"  id="addPassword" data-phone="{{$user->phone}}">
                          Password
                        </button>
                        <button class="btn btn-primary shadow" data-toggle="modal" data-target="#bankAccountForm" data-url="{{route('admin.members.change-bank', $user->member)}}" id="modifyBankAccountForm" data-name="{{$user->member->bank_name}}"  data-username="{{$user->member->bank_username}}"  data-number="{{$user->member->bank_number}}">
                          Bank Card Number
                        </button>
                        @if($user->is_active)
                          <a  href="{{route('admin.members.deactivate',$user->member)}}" class="btn btn-danger">
                            <i class="fa fa-times-circle" aria-hidden="true"></i>
                            Disable
                          </a>
                        @else
                          <a  href="{{route('admin.members.acivate',$user->member)}}" class="btn btn-warning">
                              <i class="fa fa-pencil" aria-hidden="true"></i>
                              Enable
                          </a>
                        @endif
                      </td>
                    </tr>
                    @endif
                  @endforeach      
                </tbody>
              </table>
              
              <table id="header-fixed" class="table table-bordered"></table>
            </div>
            <div style="text-align: center">
              {{ $users->appends($_GET)->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 -->

<x-membermodal />

@endsection

@section('meta')
<title>Member 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