@extends('layouts.app')
@section('title', __('Total Prime Member'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Total Prime Member</h1>
    <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
    </ol> -->
</section>

<!-- Main content -->
<section class="content">


    @component('components.widget', ['class' => 'box-primary'])
    
<div class="clearfix"></div>
<div class="clearfix"></div>
<div class="row">
    <div class="col-md-12" >
    <div class="active" >
    <input type="hidden" value="{{$userId}}" id="user_id" >
        <table class="table table-bordered data-table dataTable"  id="prime_info_table" >
            <thead>
                <tr>
                    <th>SL No.</th>
                    <th>Upgraded on( Date, Time)</th>
                    <th>Prime Member's Name</th>
                    <th>Mobile No</th>
                    <th>Upgrad Amt</th>
                    <th>Sponsor Name</th>
                    <th>Prime Account Number</th>
                    <th>Status</th>
                    <th>Shared Date, Time </th>
                 
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
     </div>
     </div>
</div> 

  @endcomponent
{!! Form::close() !!}


</section>


<!-- /.content -->

@endsection

@section('javascript')
  @php $asset_v = env('APP_VERSION'); @endphp
  <script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>

  <script type="text/javascript">
$(document).ready(function() {
  var i = 1;
  var user_id = $('#user_id').val();
   // $('.dataTable').DataTable({
    prime_info_table = $('#prime_info_table').DataTable({
    processing: true,
    serverSide: true,
   ajax: "{{ route('prime-members-info')}}?id="+user_id,
    
    columns: [
      {   "render": function() {
                        return i++;
                    } },
            { data: 'created_at', name: 'created_at' },
            { data: 'f_name', name: 'f_name' },
            { data: 'phone', name: 'phone' },
            
            { data: 'paid_amount', name: 'paid_amount' },
            // {   "render": function() {
            //             return '2999';
            //         } },
            { data: 'sponsor_name', name: 'sponsor_name' },
            
            // { data: 'parent_id', name: 'parent_id' },
            { data: 'prime_account_no', name: 'prime_account_no' },
            {
                   data: 'status',
                   name: 'status',
                   searchable: false,
                       render: function(data, type, row, meta) {
                           if(row.status==1){
                              $status_val =  'Active';
                           }else{
                               $status_val = 'InActive';
                           }
                           return $status_val;
                       }
                   },
            { data: 'created_at', name: 'created_at' },
            // { data: 'action', name: 'action' , orderable: false, searchable: false },
          ]
  });
});
</script>

@endsection