@extends('admin.layouts.default')
@section('content')
<link rel="stylesheet" href="{{asset('css/admin/datatable.css')}}">
<script src="{{asset('js/admin/datatable.js')}}"></script>
<script>
  $(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
  });
</script>

<div class="container-fluid">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0">
            <!-- <div class="welcome-text">
                <h4>All Registered Youtuber</h4>
            </div> -->
        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <!-- <ol class="breadcrumb">
                <li class="breadcrumb-item active">
                  <a href="javascript:void(0)">Youtuber</a></li>
            </ol> -->
            <select name="filter_users" id="filter_users" class="form-control">
            <option value="">Select Type</option>
            <option value="">All User</option>
            <option value="active">Active User</option>
            <option value="deactive">Deactive User</option>
          </select>
        </div>
    </div>
    <div class="row">           
        <div class="col-12">
          <div class="basic-form">
                    <br>
                    {{ Form::open(['role' => 'form','id'=>'filterdata','route'=>[$modelName.'.report'],'files' => true,'method' => 'get']) }}
                    {{csrf_field()}}
                     @php
             
                      
                          if(isset($_GET['mobile_users'])){
                          $mobile_users = $_GET['mobile_users'];
                        }

                         if(isset($_GET['email_users'])){
                          $email_users = $_GET['email_users'];
                        }

                         if(isset($_GET['pan_users'])){
                          $pan_users = $_GET['pan_users'];
                        }

                         if(isset($_GET['bank_users'])){
                          $bank_users = $_GET['bank_users'];
                        }

                         $team = ''; 
                         if(isset($_GET['team'])){
                          $team = $_GET['team'];
                        }

                         $email = '';
                         if(isset($_GET['email'])){
                          $email = $_GET['email'];
                        }

                         $mobile = ''; 
                         if(isset($_GET['mobile'])){
                          $mobile = $_GET['mobile'];
                        }

                         $start_date = '';
                         if(isset($_GET['start_date'])){
                          $start_date = $_GET['start_date'];
                        }

                         $end_date = ''; 
                         if(isset($_GET['end_date'])){
                          $end_date = $_GET['end_date'];
                        }
                       
                        @endphp 
                  
                    <div class="form-row">
                        <div class="form-group col-md-2">
                            <input type="text" name="team" id="team" class="form-control" value="{{$team}}" placeholder="Team Name">   
                        </div>

                        <div class="form-group col-md-2">
                            <input type="text" name="email" id="email" class="form-control" value="{{$email}}" placeholder="Email">    
                        </div>

                        <div class="form-group col-md-2">
                            <input type="text" name="mobile" id="mobile" class="form-control" value="{{$mobile}}" placeholder="Mobile">    
                        </div>  

                        
                        <div class="form-group col-md-2">
                            <input type="text" name="start_date" id="start_date" class="form-control datetimepickerget" value="{{$start_date}}" placeholder="Start date">    
                        </div> 
                        <div class="form-group col-md-2">
                            <input type="text" name="end_date" id="end_date" class="form-control datetimepickerget" value="{{$end_date}}" placeholder="End Date">  
                        </div> 
                        <div class="form-group col-md-2">
                            <button type="submit" value="submit" class="btn btn-primary show-data">Submit</button>

                            <a class="btn btn-primary reset-data">Reset</a>                       
                        </div>
                        {{ Form::close() }} 
                      
                    </div>
                </div>


            <div class="card" data-aos="fade-up">
                <div class="card-header">
                  <h4>All Registered Promoters</h4>
                  <a href="{{route($modelName.'.add')}}" class="btn btn-primary btn-sm col-md-2"> Add New Promoter</a>
                </div> 
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="dataList" class="display" style="min-width: 845px">
                            <thead>
                                <tr>
                                <th>S No.</th>
                                <th>Username</th>
                                <th>Email</th>                                
                                <th>Mobile Number</th>
                                <th>Refercode</th>
                                <th>Total Refers</th>
                                <th>Total Earn</th>
                                <th>User's Deposit</th>
                                <th>User's Invest</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                           
                            <tfoot>
                                <tr>
                                <th>S No.</th>
                                <th>Username</th>
                                <th>Email</th>                                
                                <th>Mobile Number</th>
                                <th>Refercode</th>
                                <th>Total Refers</th>
                                <th>Total Earn</th>
                                <th>User's Deposit</th>
                                <th>User's Invest</th>
                                <th>Action</th>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal">
  <div class="modal-dialog" role="document">
      <div class="modal-content">
          <div class="modal-header">
              <h5 class="modal-title">Admin Set Player Percentage</h5>
              <button type="button" class="close" data-dismiss="modal"><span>&times;</span>
              </button>
          </div>
          <form name="submit_percentage_form" id="submit_percentage_form" method="post" action="{{route('Registerusers.update_percentage')}}">
              {!! csrf_field() !!}   
              <div class="modal-body">Promoter Commission Type</div>
               <div class="modal-row row m-auto">
                  <div class="modal-group col-md">
                    <input type="radio" class="mr-2" name="youtuber_commission_type" value="0">Revenue Amount</div>
               <div class="modal-group col-md">
                    <input type="radio" class="mr-2" name="youtuber_commission_type" value="1" >Flat Amount
                  </div>
              </div> 
              <div class="modal-row overflow-hidden py-3">
              <p class="modal-body lbl_frm mb-0">Insert %</p>
               <!-- <div class="modal-row">
                  <div class="modal-group col-md-12"> -->
                    <input type="hidden" name="getplayer_id" id="getplayer_id" value=""/>
                    <input type="hidden" name="is_yoububer" id="is_yoububer" value=""/>
                    <input type="text" name="player_percentage" id="player_percentage" value=""  autocomplete="off" class="in_text my-3" />
                  </div>
              <!-- </div> </div> -->             
              <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                  <input type="submit" class="btn btn-primary" name="submit_player_percentage" id="submit_player_percentage" value="Submit Percentage"/>
              </div>
            </form>
      </div>
  </div>
</div>
<!--End Modal -->


<!---Show Ajax---------->
<script type="text/javascript">
$(document).ready(function() {

  var users_type = '';
  usersWalletData(users_type);

  $(document).on('change','#filter_users', function(){
    let option_value = $(this).val().trim();
    $('#dataList').DataTable().clear().destroy();
    usersWalletData(option_value);
  });



    /*$('#dataList').DataTable({
      //order: [1, 'DESC'],
        "processing": true,
        "serverSide": true,
        "ajax":{
          url:"{{route($modelName.'.view')}}",
          type: "POST",
          data : {"_token": "{{ csrf_token() }}","users_type":users_type}           
        },
        "columns": [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'refer_id', name: 'refer_id'},
            {data: 'team', name: 'team'},
            {data: 'email', name: 'email'},
            {data: 'mobile', name: 'mobile'},
            {data: 'mobile_verify', name: 'mobile_verify'},
            {data: 'email_verify', name: 'email_verify'},
            {data: 'pan_verify', name: 'pan_verify'},
            {data: 'bank_verify', name: 'bank_verify'},
            {data: 'balance', name: 'balance',orderable: false, searchable: false},
            {data: 'winning', name: 'winning',orderable: false, searchable: false},
            {data: 'bonus', name: 'bonus',orderable: false, searchable: false},
            {data: 'youtuber_commission_type', name: 'youtuber_commission_type',orderable: false, searchable: false},
            {data: 'player_percentage', name: 'player_percentage'+'%',orderable: false, searchable: false},
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ]
    });*/

    $(document).on('click', '.submitper', function () {
      $('#getplayer_id').val($(this).data('id'));
      $('#is_yoububer').val($(this).data('status'));
      $('#myModal').modal('show');
    });


});

function usersWalletData(users_type){
  let mobile_users = '';
     let email_users = '';
     let pan_users = '';
     let bank_users = '';
     let team = '';
     let mobile = '';
     let email = '';
     let end_date = '';
     let start_date = '';

     var data = {"_token": "{{ csrf_token() }}","users_type":users_type,"mobile_users":mobile_users,"email_users":email_users,"pan_users":pan_users,"bank_users":bank_users,"team":team,"email":email,"mobile":mobile,"start_date":start_date,"end_date":end_date};
  $('#dataList').DataTable({
    //order: [1, 'DESC'],
      "processing": true,
      "serverSide": true,
      "ajax":{
        url:"{{route($modelName.'.report')}}",
        type: "POST",
        data : data           
      },
      "columns": [
          {data: 'DT_RowIndex', name: 'DT_RowIndex'},
          {data: 'username', name: 'username'},
          {data: 'email', name: 'email'},
          {data: 'mobile', name: 'mobile'},
          {data: 'refercode', name: 'refercode'},
          {data: 'refercount', name: 'refercount'},
          {data: 'earn', name: 'earn'},
          {data: 'deposit', name: 'deposit'},
          {data: 'invest', name: 'invest'},
          {data: 'action', name: 'action', orderable: false, searchable: false},
      ]
  });
}


</script>

@endsection