@extends('layouts.master')

@section('content')
<style ype="text/css">
    .gamedetails {
        cursor: pointer;
    }
</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 History') }}</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 History') }}</li>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <section class="content">
        <div class="card" id="filterDiv">
            <div class="card-header">
                <h3 class="card-title">{{ trans('layout.Filter') }}</h3>
                <div class="col-md-6 card-primary card-form-1">
                    <div class="card-body">
                        <div class="form-col-1">
                            {{ Form::label('TABLE_ID', trans('game.Table ID')) }}
                            {{ Form::text('TABLE_ID','', ['id' => 'TABLE_ID', 'class' => 'form-control', 'placeholder' => trans('game.Table ID'),'maxlength' => 25]) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('GAME_ID', trans('game.Game ID')) }}
                            {{ Form::text('GAME_ID','', ['id' => 'GAME_ID', 'class' => 'form-control','placeholder' => trans('game.Game ID'), 'maxlength' => 25]) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('GAME_TYPE', trans('game.Game Type')) }}
                            {{ Form::select('GAME_TYPE', $gameType, '', ['class' => 'form-control select2','placeholder' => trans('reports.Select option'), 'id' => 'GAME_TYPE']) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('PLAYER_ID', trans('game.Player ID')) }}
                            {{ Form::text('PLAYER_ID','', ['id' => 'PLAYER_ID', 'class' => 'form-control','placeholder' => trans('game.Player ID'),'maxlength' => 25]) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('HAND_ID', trans('game.Hand ID')) }}
                            {{ Form::text('HAND_ID','', ['id' => 'HAND_ID', 'class' => 'form-control','placeholder' => trans('game.Hand ID'),'maxlength' => 25]) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('CURRENCY_TYPE', trans('game.Currency Type')) }}
                            {{ Form::select('CURRENCY_TYPE', $currencyType, '', ['class' => 'form-control select2','placeholder' => trans('reports.Select option'), 'id' => 'CURRENCY_TYPE']) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('STAKE_AMOUNT', trans('game.Stake Amount')) }}
                            {{ Form::text('STAKE_AMOUNT','', ['id' => 'STAKE_AMOUNT', 'class' => 'form-control', 'placeholder' => trans('game.Stake'),'maxlength' => 10]) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('STATUS', trans('game.Status')) }}
                            {{ Form::select('STATUS', $status, '8', ['class' => 'form-control select2', 'id' => 'STATUS']) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('DATE_RANGE',trans('layout.Select Date Range')) }}<br>
                            <button type="button" style="width: 100%;" class="btn btn-default" id="daterange-btn">
                                <span class="daterange_span pull-left">{{ trans('layout.Select Date Range') }}</span>
                            </button>
                            <input type="hidden" name="selected_date" id="selected_date">
                            <input type="hidden" name="selected_datatime" id="selected_datatime">
                        </div>
                        <br> <br>
                        <div class="button_sec">
                            <button class="btn btn-primary" id="getReport">{{ trans('layout.Submit') }}</button>
                            <button class="btn btn-default" id="reloadPage">{{ trans('layout.Clear') }}</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <div class="card" id="report" style="display:none">
            <div class="card-header">
                <h3 class="card-title" id="report_title"></h3>
                <div>Total Stake: <b>Rs.<span class="form-col-1" id="total_stake"></span></b>
                    Total Win: <b>Rs.<span class="form-col-1" id="total_win"></span></b>
                    Total Gross Rake: <b>Rs.<span class="form-col-1" id="total_gross"></span></b>
                    Total Bonus Rake: <b>Rs.<span class="form-col-1" id="total_bonus"></span></b>
                    Total Net Rake: <b>Rs.<span class="form-col-1" id="total_net"></span></b>
                    Total GST: <b>Rs.<span class="form-col-1" id="total_gst"></span></b>
                </div>
            </div>
            <div class="card-body">
                <div class="dt-buttons" onClick="post()"><button class="dt-button buttons-excel buttons-html5" tabindex="0" type="button" title="Excel"><span><i class="fa fa-file-excel-o"></i></span></button> </div>
                <table id="table" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th class="text-center">{{ trans('game.Table ID') }}</th>
                            <th class="text-center">{{ trans('game.Game ID') }}</th>
                            <th class="text-center">{{ trans('game.Stake') }}</th>
                            <th class="text-center">{{ trans('game.Pot Amount') }}</th>
                            <th class="text-center">{{ trans('game.Winner Bet') }}</th>
                            <th class="text-center">{{ trans('game.Gross Rake') }}</th>
                            <th class="text-center">{{ trans('game.Bonus Rake') }}</th>
                            <th class="text-center">{{ trans('game.GST') }}</th>
                            <th class="text-center">{{ trans('game.Net Rake') }}</th>
                            <th class="text-center">{{ trans('game.Currency') }}</th>
                            <th class="text-center">{{ trans('game.Status') }}</th>
                            <th class="text-center">{{ trans('game.Date & Time') }}</th>
                            <th class="text-center">{{ trans('game.Details') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
    </section>
</div>

@endsection
@section('javascript')
@include('datatablejs')
<script type="text/javascript">
    var reportTable;
    $("#getReport").click(function() {
        $("#selected_datatime").val($("#selected_date").val());

        $('#report_title').html("Game Hand History: " + $('.daterange_span').html());
        $('#report').show();

        reportTable = $('#table').DataTable({
            "responsive": 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": [4, 12]
                },
                {
                    "className": 'text-center',
                    "targets": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
                }
            ],
            "ajax": {
                "url": "{{ route('gameHandHistory.fetch') }}",
                "type": "GET",
                "data": function(d) {
                    d.filter_date = $("#selected_datatime").val();
                    d.filter_table_id = $("#TABLE_ID").val();
                    d.filter_game_id = $("#GAME_ID").val();
                    d.filter_game_type = $("#GAME_TYPE").val();
                    d.filter_player_id = $("#PLAYER_ID").val();
                    d.filter_hand_id = $("#HAND_ID").val();
                    d.filter_currency_type = $("#CURRENCY_TYPE").val();
                    d.filter_stake_amount = $("#STAKE_AMOUNT").val();
                    d.filter_status = $("#STATUS").val();
                },
                "error": function(e) {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                },
            },
            "drawCallback": function(response, settings) {
                var totalStake = response.json.totalStake;
                var totalWin = response.json.totalWin;
                var totalGrossRake = response.json.totalGrossRake;
                var totalBonusRake = response.json.totalBonusRake;
                var totalNetRake = response.json.totalNetRake;
                var totalGst = response.json.totalGst;
                $('#total_stake').html(totalStake);
                $('#total_win').html(totalWin);
                $('#total_gross').html(totalGrossRake);
                $('#total_bonus').html(totalBonusRake);
                $('#total_net').html(totalNetRake);
                $('#total_gst').html(totalGst);
                var api = this.api();
                var rows = api.rows({
                    page: 'current'
                }).nodes();
                if (rows.length > 0) {
                    $('.dt-buttons').show();
                } else {
                    $('.dt-buttons').hide();
                }
            }
        });
    });

    function newWindow(playGroupId) {
        var leftPosition = (screen.width) ? (screen.width - 1100) / 2 : 0;
        var topPosition = (screen.height) ? (screen.height - 1000) / 2 : 0;

        var scroll = 'yes';
        var settings = 'height=' + 1000 + ',width=' + 1100 + ',top=' + topPosition + ',left=' + leftPosition + ',scrollbars=' + scroll + ',resizable';

        var url = "{{ route('gameHandHistory') }}/gameDetails/" + playGroupId;

        win = window.open(url, "", settings);
    }

    function post() {
        const form = document.createElement('form');
        form.method = 'get';
        form.action = "{{ route('gameHandHistory.download') }}";

        const hiddenField = document.createElement('input');
        hiddenField.type = 'hidden';
        hiddenField.name = 'filter_date';
        hiddenField.value = $("#selected_datatime").val();

        form.appendChild(hiddenField);

        const hiddenField2 = document.createElement('input');
        hiddenField2.type = 'hidden';
        hiddenField2.name = 'filter_table_id';
        hiddenField2.value = $("#TABLE_ID").val();

        form.appendChild(hiddenField2);

        const hiddenField3 = document.createElement('input');
        hiddenField3.type = 'hidden';
        hiddenField3.name = 'filter_game_id';
        hiddenField3.value = $("#GAME_ID").val();

        form.appendChild(hiddenField3);

        const hiddenField4 = document.createElement('input');
        hiddenField4.type = 'hidden';
        hiddenField4.name = 'filter_game_type';
        hiddenField4.value = $("#GAME_TYPE").val();

        form.appendChild(hiddenField4);

        const hiddenField5 = document.createElement('input');
        hiddenField5.type = 'hidden';
        hiddenField5.name = 'filter_player_id';
        hiddenField5.value = $("#PLAYER_ID").val();

        form.appendChild(hiddenField5);

        const hiddenField6 = document.createElement('input');
        hiddenField6.type = 'hidden';
        hiddenField6.name = 'filter_hand_id';
        hiddenField6.value = $("#HAND_ID").val();

        form.appendChild(hiddenField6);

        const hiddenField7 = document.createElement('input');
        hiddenField7.type = 'hidden';
        hiddenField7.name = 'filter_currency_type';
        hiddenField7.value = $("#CURRENCY_TYPE").val();

        form.appendChild(hiddenField7);

        document.body.appendChild(form);
        form.submit();
    }

    $(document).ready(function() {
        $('#STATUS').select2({
            allowClear: false
        });
    });
</script>


@stop