@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 Users Wallet List</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')}}">All Register Users</a></li>
                <li class="breadcrumb-item">Users Wallet Operations</li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                    <!-- <form action="{{route($modelName.'.downloadusers')}}" method="get">
                        <input type="hidden" name="email"  value="">
                        <input type="hidden" name="name"  value="">
                        <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-file-excel-o"></i> Download CSV</a></button>
                    </form>  -->
                    <h4>User Wallet Operations</h4>

                </div>
                <div class="card-body">
                  <div class="alert alert-success d-none" id="msg_div">
                    <span id="res_message"></span>
                  </div>
                  <div class="basic-form" id="basic-form">
                    <form method="post" action="{{route('Registerusers.user_add_cash_summery',['id' => $id])}}">

                            <div class="form-group row">
                                <input type="hidden" name="select_user_hidden" id="select_user_hidden" class="form-control" value="{{$id}}" />

                                <!-- Left side: Amount Input -->
                                <div class="col-md-6">
                                    <label for="amount" class="form-label">Enter Amount</label>
                                    <input type="number" name="amount" id="amount" class="form-control" placeholder="Enter Amount" />
                                </div>

                                <!-- Right side: Wallet Selection -->
                                <div class="col-md-6">
                                    <label for="wallet" class="form-label">Wallet Operation</label>
                                    <select class="form-control" name="wallet" id="wallet">
                                        <option>Select Wallet Operation</option>
                                        <option>Balance</option>
                                        <option>Winning</option>
                                        <option>Bonus</option>
                                    </select>
                                </div>
                            </div>

                            <!-- Buttons Section -->
                            <div class="form-group row mt-3">
                                <!-- Left Side: Submit Button -->
                                <div class="col-md-3">
                                    <button type="submit" class="btn btn-primary w-100">Add Balance</button>
                                </div>

                                <!-- Right Side: Cancel Button -->
                                <div class="col-md-3 ">
                                    <button type="button" class="btn btn-danger w-100" onclick="window.history.back();">Cancel</button>
                                </div>
                            </div>



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


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

    let userid = '';
    let start_date = '';
    let end_date= '';
    let query = '';
    if(userid!='')
    {
      register_fetch_user(query,userid);
    }

    usersWalletData(start_date,end_date,userid);
    $("#start_date").datetimepicker({
       timepicker:false,
       closeOnDateSelect:true,
       format: 'Y-m-d',
       onClose: function(current_time, $input){
          var end_date = $("#end_date").val().trim();
          var start_date = $('#start_date').val().trim();
          var userid = $('#select_user_hidden').val();
          usersWalletData(start_date,end_date,userid);
       }
    });

    $("#end_date").datetimepicker({
       timepicker:false,
       closeOnDateSelect:true,
       initTime: true,
       format: 'Y-m-d',
       maxDate:0,
       onClose: function(current_time, $input){
          var end_date = $("#end_date").val().trim();
          var start_date = $('#start_date').val().trim();
          var userid = $('#select_user_hidden').val();
          usersWalletData(start_date,end_date,userid);
       }
  });

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

  $('#select_user').keyup(function(){
      var query = $(this).val();
      var userid = '';
      if(query != '')
        {
          register_fetch_user(query,userid);
        }
    });
      $(document).on('click', '#UsersList li', function(e){
            e.preventDefault();
            $('#daterange').show();
            $('#select_user').val($(this).text());
            var userid = event.target.getAttribute('data-attr-id');
            $('#select_user_hidden').attr('value',userid);
            var end_date = $('#end_date').val().trim();
            var start_date = $('#start_date').val().trim();
            $('#UsersList').fadeOut();
            usersWalletData(start_date,end_date,userid);
      });

});

function register_fetch_user(query='',userid='')
{
  var _token = $('input[name="_token"]').val();
   $.ajax({
        url:"{{ route('Registerusers.fetchUsers') }}",
        method:"POST",
        data:{query:query,userid:userid, _token:_token},
        success:function(data){
          if(data!='')
          {
            if(userid!='')
            {
                $('#select_user').val(data);
              console.log(userid);
            }
            else
            {
                $('#UsersList').fadeIn();
                $('#UsersList').html(data);
            }

          }
          else {
            $('#UsersList').hide();
          }

        }
       });
}

// function usersWalletData(start_date='',end_date='',userid=''){
//     if(start_date !='' && end_date !='' && userid !='')
//     {
//       var url = window.location.href.split('?')[0];
//       history.pushState('', '', url+"?filter=1&start_date="+start_date+"&end_date="+end_date+"&userid="+userid);

//     }




function usersWalletData(start_date = '', end_date = '', userid = '') {
    $('#dataList').DataTable().clear().destroy();
    $('#dataList').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": {
            url: "{{ route('Registerusers.user_add_cash_summery', ['id' => $id]) }}",

            type: "POST",
            data: {
                "_token": "{{ csrf_token() }}",
                "start_date": start_date,
                "end_date": end_date,
                "userid": userid
            }
        },
        "columns": [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'trans_date', name: 'trans_date'},
            {data: 'addcash_amount', name: 'addcash_amount'},
            {data: 'trans_status', name: 'trans_status'},
            {data: 'action', name: 'action'},
        ]
    });
}

  $(document).ready(function() {

$('#submit_data').on('click', function(e) {
    e.preventDefault(); // Prevent default form submission

    let start_date = $('#start_date').val().trim();
    let end_date = $('#end_date').val().trim();
    let userid = $('#select_user_hidden').val();
    let _token = $('input[name="_token"]').val();

    // Clear previous messages
    $('#msg_div').addClass('d-none').html('');

    // Validation
    let errors = [];
    if (userid === '') {
        errors.push("Please select a user.");
    }
    if (start_date === '') {
        errors.push("Start date is required.");
    }
    if (end_date === '') {
        errors.push("End date is required.");
    }
    if (start_date !== '' && end_date !== '' && new Date(start_date) > new Date(end_date)) {
        errors.push("Start date cannot be greater than end date.");
    }

    // Show validation errors
    if (errors.length > 0) {
        $('#msg_div').removeClass('d-none alert-success').addClass('alert-danger').html(errors.join("<br>")).fadeIn();
        return false;
    }

    // Show loading state
    $('#submit_data').prop('disabled', true).text('Loading...');

    $.ajax({
        url: "{{ route('Registerusers.user_add_cash_summery', ['id' => $id]) }}",
        type: "POST",
        data: {
            _token: _token,
            start_date: start_date,
            end_date: end_date,
            userid: userid
        },
        dataType: "json",
        success: function(response) {
            if(response.error) {
                $('#msg_div').removeClass('d-none alert-success').addClass('alert-danger').html(response.error).fadeIn();
            } else {
                $('#msg_div').removeClass('d-none alert-danger').addClass('alert-success').html('Data fetched successfully!').fadeIn();
                usersWalletData(start_date, end_date, userid);
            }
            $('#submit_data').prop('disabled', false).text('Submit');
        },
        error: function(xhr) {
            $('#msg_div').removeClass('d-none alert-success').addClass('alert-danger').html('Failed to fetch data. Please try again.').fadeIn();
            console.error(xhr.responseText);
            $('#submit_data').prop('disabled', false).text('Submit');
        }
    });
});


});



</script>
@endsection