@extends('admin.layouts.default')
@section('content')
<!-- DATATABLE GLOBAL SCRIPTS -->
  {{ HTML::style('css/admin/datatable.css') }}
  {{ HTML::script("js/admin/datatable.js") }}
<!-- DATATABLE GLOBAL SCRIPTS -->
<script>
  $(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
  });
</script>

<style type="text/css">
  #dataList tr th:nth-child(4), #dataList tr td:nth-child(4) {
    border-right: 2px solid #261e1e73 !important;
  }
</style>

<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 Refered Users</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"><a href="{{route('Registerusers.view')}}">View All Users</a></li>
                <li class="breadcrumb-item">Referred Users</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card" style="padding: 2rem;">
                <div class="basic-form">
                    <br>
                    {{ Form::open(['role' => 'form','id'=>'filterdata','route'=>[$modelName.'.view_refered_users'],'files' => true,'method' => 'get']) }}
                    {{csrf_field()}}
                     @php
                          $username = '';
                         if(isset($_GET['username'])){
                          $username = $_GET['username'];
                        }

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

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

                         $ref_username = ''; 
                         if(isset($_GET['ref_username'])){
                          $ref_username = $_GET['ref_username'];
                        }
                       
                        @endphp 
                  
                    <div class="form-row">

                        
                        <div class="form-group col-md-2">
                            <input type="text" name="username" id="username" class="form-control" value="{{$username}}" placeholder="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="ref_email" id="ref_email" class="form-control" value="{{$ref_email}}" placeholder="Referral Email">    
                        </div> 

                        <div class="form-group col-md-2">
                            <input type="text" name="ref_username" id="ref_username" class="form-control" value="{{$ref_username}}" placeholder="Referral Name">    
                        </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>    
        </div>
    </div>

    <div class="row">           
        <div class="col-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header"><h4>All Referred Users</h4> </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>Referees Email</th>
                                <th>Referees Team Name</th>
                                <th>Referees Full Name</th>
                                <th>Referrer Email</th>
                                <th>Referrer Full Name</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                        </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">
              <h4 class="modal-title">Set Promoter Percentage</h4>
              <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($modelName.'.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 col-md">
                  
                  <input type="submit" class="btn btn-primary" name="submit_player_percentage" id="submit_player_percentage" value="Submit"/>
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              </div>
            </form>
      </div>
  </div>
</div>
<!--End Modal -->

<!--Ajex--->
<script type="text/javascript">
$(document).on('click', '.show-data', function(){
    $( "#filterdata" ).submit();
});

$(document).on('click', '.reset-data', function(){
  window.location.href = "{{route($modelName.'.view_refered_users')}}";
});

$(document).ready(function() {
    allReferredUsers();

    // $('#dataList').DataTable({
    //   //order: [1, 'desc'],
    //     "processing": true,
    //     "serverSide": true,
    //     "ajax":{
    //       url:"{{route($modelName.'.view_refered_users')}}",
    //       type: "POST",
    //       data : {"_token": "{{ csrf_token() }}"},           
    //     },
    //     "columns": [
    //         {data: 'DT_RowIndex', name: 'DT_RowIndex',orderable: false, searchable: false},
    //         {data: 'users_referal.username', name: 'users_referal.username',orderable: false, searchable: true},
    //         {data: 'users_referal.email', name: 'users_referal.email',orderable: false, searchable: true},
    //         {data: 'team', name: 'team',orderable: false, searchable: true},
    //         {data: 'username', name: 'username',orderable: false, searchable: true},
    //         {data: 'email', name: 'email',orderable: false, searchable: true},
    //         {data: 'action', name: 'action', orderable: false, searchable: false},
    //     ]
    // });
});

  function  allReferredUsers(){
     $('#dataList').DataTable().clear().destroy();
     let username = '';
     let email = '';
     let ref_username = '';
     let ref_email = '';

    $('#dataList').DataTable({
      //order: [1, 'DESC'],
        "processing": true,
        "serverSide": true,
        "ajax":{
          url:"{{route($modelName.'.view_refered_users')}}",
          type: "POST",
          data : {"_token": "{{ csrf_token() }}","username":username,"email":email,"ref_username":ref_username,"ref_email":ref_email}           
        },
        "columns": [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'email', name: 'email'},
            {data: 'team', name: 'team'},
            {data: 'username', name: 'username'},
            {data: 'users_referal.email', name: 'users_referal.email'},
            {data: 'users_referal.username', name: 'users_referal.username'},
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ]
    });
  }
</script>
<script type="text/javascript">
     $(document).on('click', '.action-users', function () {  
          if(!confirm("Are You Sure update this status?"))
          event.preventDefault();
    });

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


</script> 
@endsection