@extends('layouts.master')

@section('content')
<style>
div#company_length {
    display: none;
}
div#player_length {
    display: none;
}
</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.Game Hand Report') }}</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('Game Hand Report') }}</li>
          </ol>
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <section class="content">
    
    <div class="card" id="playerReport">
      <div class="card-header">
        <h3 class="card-title" id="playerReport_title">{{ trans('reports.Game Hand History') }}</h3>
      </div>
      <div class="card-body">
        <table id="player" class="table table-bordered table-striped">
          <thead>
            <tr>
              <th class="text-center">{{ trans('reports.Player Name') }}</th>
              <th class="text-center">{{ trans('reports.Game Type') }}</th>
              <th class="text-center">{{ trans('reports.Reference no') }}</th>
              <th class="text-center">{{ trans('reports.Stake') }}</th>
              <th class="text-center">{{ trans('reports.Win') }}</th>
              <th class="text-center">{{ trans('reports.Real Revenue') }}</th>
              <th class="text-center">{{ trans('reports.Bonus Revenue') }}</th>
              <th class="text-center">{{ trans('reports.Started') }}</th>
              <th class="text-center">{{ trans('reports.Ended') }}</th>
              <th class="text-center">{{ trans('reports.Detail') }}</th>
            </tr>
          </thead>
        </table>
      </div>
      <!-- /.card-body -->
    </div>
  </section>

</div>
@endsection
@section('javascript')
@include('datatablejs')
<script type="text/javascript">
  var reportTable;
  var playerTable;
  
  getPlayerHandHistory();

  function getPlayerHandHistory()
  {
    /*$('#playerReport_title').html("Game Hand History - " + userId);
    $('#report').hide();
    $('#playerReport').show();*/
    //alert(playerTable);

    var userId = "{{($result->USER_ID)}}";
    
    if(playerTable !== undefined)
    {
        return false;
    }
    
    playerTable = $('#player').DataTable({
      "responsive": true,
      "scrollX": true,
      "pagingType": "numbers",
      "processing": true,
      "bDestroy": true,
      "serverSide": true,
      "searching": false,
      "aaSorting": [],
      "lengthMenu": [
        [20, 50, 100, 200],
        [20, 50, 100, 200]
      ],
      "columnDefs": [{
          "orderable": false,
          "targets": [9]
        },
        {
          "className": 'text-right',
          "targets": [3, 4, 5, 6]
        },
        {
          "className": 'text-center',
          "targets": [0, 1, 2, 7, 8, 9]
        }
      ],
      "ajax": {
        "url": "{{ route('gameHandReport.fetchPlayerHandDetails') }}",
        "type": "GET",
        "data": function(d) {
          d.userID = userId;
        },
        "error": function(e) {
          swal("{{ trans('layout.Something went wrong') }}", {
            icon: "warning",
          });
        },
      },
      "drawCallback": function(response, settings) {
        var api = this.api();
        var rows = api.rows({
          page: 'current'
        }).nodes();
        if (rows.length > 0) {
          $('.dt-buttons').show();
        } else {
          $('.dt-buttons').hide();
        }
        // $('#player tbody tr:last').addClass('lastRowColor');
      },
    });
  }

  function playerHistory(playGroup,real,bonus) {
    var url = "{{ env('GAME_HAND_HISTORY_URL', '') }}";
    var win = window.open();
    /*win.document.write('<iframe width="100%" height="100%" src="' + url + '' + playGroup + '/0' + real + '/' + bonus + '" frameborder="0" allowfullscreen></iframe>');*/
    win.document.write('<iframe width="100%" height="100%" src="' + url + '' + playGroup + '" frameborder="0" allowfullscreen></iframe>');
  }
</script>
@stop