@extends('layouts.master')

@section('content')
<style>
  .right-img {
    position: relative;
  }

  .right-img #username-search {
    height: 30px;
    width: 30px;
    display: none;
    position: absolute;
    right: 10px;
    top: 32px;
  }
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0 text-dark">{{ trans('breadcrumbs.Adjust Points') }}</h1>
        </div>
        <!-- /.col -->
        <div class="col-sm-3"></div>
        <div class="col-sm-3">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item">{{ Breadcrumbs::render('Adjust Points') }}</li>
          </ol>
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->
  @if($form)
  <section class="content">
    <div class="card" id="filterDiv">
      <div class="card-header">
        <div class="card-primary card-form-1">
          <form id="adjustPoints-form">
            <div class="card-body">
              @csrf
              <div class="form-col-1 right-img">
                {{ Form::label('USERNAME', trans('player.Username'), ['class' => 'required']) }}
                {{ Form::text('USERNAME', $adjustUsername, ['id' => 'USERNAME', 'class' => 'form-control', 'placeholder' => trans('player.Username'),  'onblur' => 'getUserPoints()']) }}
                <img id="username-search" src="{{ asset('img/loader-img.gif') }}">
                <span id="username-error" class="error-help-block"></span>
              </div>
              <div class="form-col-1">
                {{ Form::label('BALANCE_TYPE',  trans('player.Balance Type'), ['class' => 'required'])}}
                {{ Form::select('BALANCE_TYPE', $balanceType, '', ['class' => 'form-control select2', 'id' => 'BALANCE_TYPE', 'placeholder' => 'Select']) }}
                <span id="balanceType-error" class="error-help-block"></span>
              </div>
              <div class="form-col-1">
                {{ Form::label('ADJUST_TYPE', trans('player.Adjust Type'), ['class' => 'required']) }}
                {{ Form::select('ADJUST_TYPE', $adjustType, '', ['class' => 'form-control select2', 'id' => 'ADJUST_TYPE', 'placeholder' => 'Select']) }}
                <span id="adjustType-error" class="error-help-block"></span>
              </div>
              <div class="form-col-1">
                {{ Form::label('COIN_TYPE', trans('player.Coin Type'), ['class' => 'required']) }}
                {{ Form::select('COIN_TYPE', $coinType, '', ['class' => 'form-control select2', 'id' => 'COIN_TYPE']) }} 
                <span id="coinType-error" class="error-help-block"></span>
              </div>
              <div class="form-col-1">
                {{ Form::label('AMOUNT', trans('player.Amount'), ['class' => 'required']) }}
                {{ Form::number('AMOUNT','', ['id' => 'AMOUNT', 'class' => 'form-control', 'min' => '0']) }}
                <span id="amount-error" class="error-help-block"></span>
              </div>
              <div class="form-col-1">
                {{ Form::label('COMMENTS', trans('player.Comments'), ['class' => 'required']) }}
                {{ Form::textarea('COMMENTS','',['class'=>'form-control', 'rows' => 2, 'cols' => 40]) }}
                <span id="comments-error" class="error-help-block"></span>
              </div>
              <div class="button_sec" id="form-buttons">
                <button class="btn btn-primary" id="adjust-form-submit">{{ trans('player.Adjust') }}</button>
                <button class="btn btn-default" id="adjust-form-clear">{{ trans('layout.Clear') }}</button>
              </div>
              <div class="button_sec" id="form-loader" style="display:none">
                <img style="height: 65px;width: 65px;" src="{{ asset('img/lg.double-ring-spinner.gif') }}">
              </div>
            </div>
          </form>
        </div>
      </div>
      <!-- /.card-body -->
    </div>
    <div class="card" id="user-points" style="display:none">
      <div class="card-header">
        <h3 class="card-title">User Points Detail</h3>
      </div>
      <div class="card-body">
        <table class="table table-bordered table-striped dataTable">
          <thead>
            <tr>
              <th class="text-center">{{ trans('player.Coin Type') }}</th>
              <th class="text-center">{{ trans('player.Deposit') }}</th>
              <th class="text-center">{{ trans('player.Promo') }}</th>
              <th class="text-center">{{ trans('player.Win') }}</th>
              <th class="text-center">{{ trans('player.OTC') }}</th>
              <th class="text-center">{{ trans('player.Total') }}</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="text-center">Main Wallet</td>
              <td class="text-right"><span id="real-deposit" class='user-point-amount'></span></td>
              <td class="text-right"><span id="real-promo" class='user-point-amount'></span></td>
              <td class="text-right"><span id="real-win" class='user-point-amount'></span></td>
              <td class="text-right"><span id="real-otc" class='user-point-amount'></span></td>
              <td class="text-right"><span id="real-total" class='user-point-amount'></span></td>
            </tr>
            
            
            
            <tr>
              <td class="text-center">Poker Wallet</td>
              <td class="text-right"><span id="poker-deposit" class='user-point-amount'></span></td>
              <td class="text-right"><span id="poker-promo" class='user-point-amount'></span></td>
              <td class="text-right"><span id="poker-win" class='user-point-amount'></span></td>
              <td class="text-right"><span id="poker-otc" class='user-point-amount'></span></td>
              <td class="text-right"><span id="poker-total" class='user-point-amount'></span></td>
            </tr>
            <tr>
              <td class="text-center">Rummy Wallet</td>
              <td class="text-right"><span id="rummy-deposit" class='user-point-amount'></span></td>
              <td class="text-right"><span id="rummy-promo" class='user-point-amount'></span></td>
              <td class="text-right"><span id="rummy-win" class='user-point-amount'></span></td>
              <td class="text-right"><span id="rummy-otc" class='user-point-amount'></span></td>
              <td class="text-right"><span id="rummy-total" class='user-point-amount'></span></td>
            </tr>

            <tr>
              <td class="text-center">Fantasy Wallet</td>
              <td class="text-right"><span id="fantasy-deposit" class='user-point-amount'></span></td>
              <td class="text-right"><span id="fantasy-promo" class='user-point-amount'></span></td>
              <td class="text-right"><span id="fantasy-win" class='user-point-amount'></span></td>
              <td class="text-right"><span id="fantasy-otc" class='user-point-amount'></span></td>
              <td class="text-right"><span id="fantasy-total" class='user-point-amount'></span></td>
            </tr>


            <tr>
              <td class="text-center">Extra Bonus</td>
              <td class="text-right"><span id="fpp-deposit" class='user-point-amount'></span></td>
              <td class="text-right"><span id="fpp-promo" class='user-point-amount'></span></td>
              <td class="text-right"><span id="fpp-win" class='user-point-amount'></span></td>
              <td class="text-right"><span id="fpp-otc" class='user-point-amount'></span></td>
              <td class="text-right"><span id="fpp-total" class='user-point-amount'></span></td>
            </tr>


            <tr>
              <td class="text-center">Practice Chips</td>
              <td class="text-right"><span id="play-deposit" class='user-point-amount'></span></td>
              <td class="text-right"><span id="play-promo" class='user-point-amount'></span></td>
              <td class="text-right"><span id="play-win" class='user-point-amount'></span></td>
              <td class="text-right"><span id="play-otc" class='user-point-amount'></span></td>
              <td class="text-right"><span id="play-total" class='user-point-amount'></span></td>
            </tr>



            <tr>
              <td colspan="5" class="text-center">{{ trans('player.Partner') }}: <span id="partner-name" class='user-point-amount'></span></td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- /.card-body -->
    </div>
  </section>
  @else
  <!-- Transaction Password POPUP -->

  <!-- <div class="modal fade" id="msg_detail" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header text-center">
          <h4 class="modal-title">{{ trans('breadcrumbs.Adjust Points') }}</h4>
        </div>
        <div class="modal-body">
          <div class="form-col-3">
            {{ Form::label('PASSWORD', trans('helpdesk.Transaction Password')) }}
            {{ Form::password('PASSWORD', ['id' => 'PASSWORD', 'class' => 'form-control']) }}
          </div>
          <span id="password-error" class="error-help-block"></span>
          <br>
          <div id="popup-button">
            <button class="btn btn-primary" id="verifyPassword">{{ trans('layout.Submit') }}</button>
            <button class="btn btn-default" data-dismiss="modal">{{ trans('layout.Close') }}</button>
          </div>
          <div id="popup-loader" style="display:none"><img style="height:50px; width: 50px" src="{{ asset('img/lg.double-ring-spinner.gif') }}"></div>
        </div>
      </div>
    </div>
  </div> -->

  <!-- Transaction Password POPUP -->

  <section class="content">
    <div class="card" id="filterDiv">
      <div class="card-header">
        <div class="card-primary card-form-1">
          <div class="card-body">
            <div class="form-col-1">
              {{ Form::label('PASSWORD', trans('helpdesk.Transaction Password'), ['class' => 'required']) }}
              {{ Form::password('PASSWORD', ['id' => 'PASSWORD', 'class' => 'form-control']) }}
              <span id="password-error" class="error-help-block"></span>
            </div>
            <div class="button_sec">
              <div id="popup-button">
                <button class="btn btn-primary" id="verifyPassword">{{ trans('layout.Submit') }}</button>
              </div>
              <div id="popup-loader" style="display:none">
                <img style="height:50px; width: 50px" src="{{ asset('img/lg.double-ring-spinner.gif') }}">
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /.card-body -->
    </div>
  </section>
  @endif
</div>
@endsection
@section('javascript')
<script type="text/javascript">
  $("#BALANCE_TYPE").change(function() {
    var balanceType = $("#BALANCE_TYPE").val();

    if (balanceType != '') {
      var data = new FormData();
      data.append('balanceType', balanceType);
      data.append('_token', '{{ csrf_token() }}');

      $.ajax({
        type: 'POST',
        url: "{{ route('adjustPoints.getCoinType') }}",
        data: data,
        dataType: 'JSON',
        contentType: false,
        processData: false,
        beforeSend: function() {},
        success: function(response) {
          $('#COIN_TYPE').select2('destroy');
          var option = '<option value="">Select</option>';
          if (response.status == 200) {
            var value = response.msg;
            $.each(value, function(k, v) {
              option += '<option value="' + k + '">' + v + '</option>';
            });
          }

          $("#COIN_TYPE").html(option);
          $('#COIN_TYPE').select2({
            placeholder: "Select",
            allowClear: true
          });
        },
        error: function() {
          swal("{{ trans('layout.Something went wrong') }}", {
            icon: "warning",
          });
        },
        complete: function() {}
      });
    } else {

    }
  });
</script>

@if(!$form)
<script type="text/javascript">
  $("#msg_detail").modal({
    backdrop: 'static',
    keyboard: false
  });

  $(document).on('click', '#verifyPassword', function() {
    var password = $("#PASSWORD").val();
    if (password.length < 2) {
      $("#password-error").html('Enter valid password');
      return;
    }

    $("#password-error").html('');

    var data = new FormData();
    data.append('password', password);
    data.append('_token', '{{ csrf_token() }}');

    $.ajax({
      type: 'POST',
      url: "{{ route('adjustPoints.checkPassword') }}",
      data: data,
      dataType: 'JSON',
      contentType: false,
      processData: false,
      beforeSend: function() {
        $("#popup-button").hide();
        $("#popup-loader").show();
      },
      success: function(response) {
        var message = response.msg;
        var status = response.status;
        if (status == 200) {
          window.location.replace("{{ route('adjustPoints') }}");
        } else {
          $("#password-error").html(message);
        }
      },
      error: function() {
        $("#password-error").html("{{ trans('layout.Something went wrong') }}");
      },
      complete: function() {
        $("#popup-loader").hide();
        $("#popup-button").show();
      }
    });
  });
</script>
@else

<script type="text/javascript">
  var username, balanceType, transactionType, adjustType, coinType, amount, comments;
  $("#AMOUNT").change(function() {
    var num = $('#AMOUNT').val();
    if (num < 1) {
      $('#AMOUNT').val('');
    }
  });

  function getUserPoints() {
    $('#user-points').hide();
    $('.user-point-amount').html('');
    var username = $("#USERNAME").val();
    if (username.length < 2) {
      $("#username-error").html('Enter valid username');
      return;
    } else {
      $("#username-error").html('');
    }

    var data = new FormData();
    data.append('username', username);
    data.append('_token', '{{ csrf_token() }}');

    $.ajax({
      type: 'POST',
      url: "{{ route('adjustPoints.getPoints') }}",
      data: data,
      dataType: 'JSON',
      contentType: false,
      processData: false,
      beforeSend: function() {
        $("#username-search").show();
      },
      success: function(response) {
        var data = response.msg;
        var status = response.status;
        if (status == 200) {
          $('#real-deposit').html(data.realDeposit);
          $('#real-promo').html(data.realPromo);
          $('#real-win').html(data.realWin);
          $('#real-otc').html(data.realOtc);
          $('#real-total').html(data.realTotal);
          $('#play-deposit').html(data.playDeposit);
          $('#play-promo').html(data.playPromo);
          $('#play-win').html(data.playWin);
          $('#play-otc').html(data.playOtc);
          $('#play-total').html(data.playTotal); 
          $('#fpp-deposit').html(data.fppDeposit);
          $('#fpp-promo').html(data.fppPromo);
          $('#fpp-win').html(data.fppWin);
          $('#fpp-otc').html(data.fppOtc);
          $('#fpp-total').html(data.fppTotal);

          $('#poker-deposit').html(data.pokerDeposit);
          $('#poker-promo').html(data.pokerPromo);
          $('#poker-win').html(data.pokerWin);
          $('#poker-otc').html(data.pokerOtc);
          $('#poker-total').html(data.pokerTotal);


          $('#rummy-deposit').html(data.rummyDeposit);
          $('#rummy-promo').html(data.rummyPromo);
          $('#rummy-win').html(data.rummyWin);
          $('#rummy-otc').html(data.rummyOtc);
          $('#rummy-total').html(data.rummyTotal);


          $('#fantasy-deposit').html(data.fantasyDeposit);
          $('#fantasy-promo').html(data.fantasyPromo);
          $('#fantasy-win').html(data.fantasyWin);
          $('#fantasy-otc').html(data.fantasyOtc);
          $('#fantasy-total').html(data.fantasyTotal);


          /*$('#poker-deposit').html(data.pokerDeposit);
          $('#poker-promo').html(data.pokerPromo);
          $('#poker-win').html(data.pokerWin);
          $('#poker-otc').html(data.pokerOtc);
          $('#poker-total').html(data.pokerTotal);
          $('#ace-deposit').html(data.acePointsDeposit);
          $('#ace-promo').html(data.acePointsPromo);
          $('#ace-win').html(data.acePointsWin);
          $('#ace-otc').html(data.acePointsOtc);
          $('#ace-total').html(data.acePointsTotal);*/
          $('#partner-name').html(data.partner)
          $('#user-points').show();
        } else {
          $("#username-error").html(data);
        }
      },
      error: function() {
        swal("{{ trans('layout.Something went wrong') }}", {
          icon: "warning",
        });
      },
      complete: function() {
        $("#username-search").hide();
      }
    });
  }

  function showErrorMessage(message) {
    $('.error-help-block').html('');
    $.each(message, function(k, v) {
      $("#" + k + "-error").html(v);
    });
    return;
  }


  $(document).on('change', '.form-control', function() {
    $(this).closest('div').find('.error-help-block').html('');
  });

  $(document).on('click', '#adjust-form-submit', function(e) {
    e.preventDefault();

    username = $("#USERNAME").val();
    balanceType = $("#BALANCE_TYPE").val();
    adjustType = $("#ADJUST_TYPE").val();
    coinType = $("#COIN_TYPE").val();
    amount = $("#AMOUNT").val();
    comments = $("#COMMENTS").val();

    var data = new FormData();
    data.append('username', username);
    data.append('balanceType', balanceType);
    data.append('adjustType', adjustType);
    data.append('coinType', coinType);
    data.append('amount', amount);
    data.append('comments', comments);
    data.append('_token', '{{ csrf_token() }}');

    $.ajax({
      type: 'POST',
      url: "{{ route('adjustPoints.updatePoints') }}",
      data: data,
      dataType: 'JSON',
      contentType: false,
      processData: false,
      beforeSend: function() {
        $("#form-buttons").hide();
        $("#form-loader").show();
      },
      success: function(response) {
        var message = response.msg;
        var status = response.status;
        if (status == 422) {
          showErrorMessage(message);
          return;
        }
        if (status == 200) {
          swal(message, {
            icon: "success",
          });
        } else {
          swal(message, {
            icon: "warning",
          });
        }
        $('.error-help-block').html('');
        $('#adjust-form-clear').trigger('click');
      },
      error: function() {
        swal("{{ trans('layout.Something went wrong') }}", {
          icon: "warning",
        });
      },
      complete: function() {
        $("#form-loader").hide();
        $("#form-buttons").show();
      }
    });
  });

  $(document).on('click', '#adjust-form-clear', function(e) {
    e.preventDefault();
    $('.user-point-amount, .error-help-block').html('');
    $('#user-points').hide();
    $('.select2').select2('destroy');
    $(this).closest('form').find("input[type=text], input[type=number], textarea, select").val('');
    $('.select2').select2();
  });
</script>
@if($adjustUsername)
<script type="text/javascript">
  getUserPoints();
</script>
@endif
@endif
@stop