@extends('dashboard.base')

@section('content')


<div class="container-fluid">
  <div class="fade-in">
    <div class="row">
      <div class="col-sm-12">
        <div class="card">
          <div class="card-header">
            <h4>Point History of Customer  
              <strong>{{ isset($customer->name) ? $customer->name .' / '. $customer->ig_handle : $customer->ig_handle }}</strong> 
            </h4>

            <div class="row">
              {{--<div class="col-sm-4 col-lg-4">
                <div class="card text-white bg-info">
                  <div class="card-body">
                      <div class="text-value-md">{{ $customer->getUserWalletPoints() }}</div>
                      <div class="text-value-md">Total Points</div>                
                  </div>
                </div>
              </div>

              <div class="col-sm-4 col-lg-4">
                <div class="card text-white bg-danger">
                  <div class="card-body">
                      <div class="text-value-md">{{ abs($customer->getTotalUsedPoints()) }}</div>
                      <div class="text-value-md">Total Used Points</div>                 
                  </div>
                </div>
              </div>
              
              <div class="col-sm-4 col-lg-4">
                <div class="card text-white bg-success">
                  <div class="card-body">
                      <div class="text-value-md">{{ $customer->getTotalGetPoints() }}</div>
                      <div class="text-value-md">Total Get Points</div>                 
                  </div>
                </div>
              </div>--}}

              <div class="col-md-4">
                <div>Total Points:{{ $customer->getUserWalletPoints() ?? "0" }}</div>
              </div>
              <div class="col-md-4">
                <div>Total Used Points:{{ abs($customer->getTotalUsedPoints()) ?? "0" }}</div>
              </div>
              <div class="col-md-4">
                <div>Total Get Points:{{ $customer->getTotalGetPoints() ?? "0" }}</div>
              </div>
              
              <div class="col-md-12 mt-2">
                Active VIP Feature : 
                @if($customer->getActivePlanData())
                    {{ $customer->getActivePlanData->name ?? "-" }}
                @endif
              </div>

            </div>

          </div>

            <div class="card-body">
                @if(Session::has('message'))
                    <div class="alert alert-success" customer="alert">{{ Session::get('message') }}</div>
                @endif
                <div class="clearfix"></div>
                {{$dataTable->table(['class' => 'table table-striped table-bordered dt-responsive', 'style' => 'width:100%;'])}}

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection

@section('javascript')
@push('scripts')
    {{$dataTable->scripts()}}
    
@endpush
@endsection