@extends('layouts.master')

@section('content')
<style type="text/css">
    .winners,
    .regd-players,
    .prize-structure,
    .pointer,
    .participants {
        cursor: pointer;
    }

    i.fa.pointer {
        font-size: 18px;
    }
</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.Tournament Reports') }}</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('Tournament Reports') }}</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('TOURNAMENT_NAME', trans('tournament.Tournament Name')) }}
                            {{ Form::text('TOURNAMENT_NAME','', ['id' => 'TOURNAMENT_NAME', 'class' => 'form-control', 'placeholder' => trans('tournament.Tournament Name')]) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('TOURNAMENT_TYPE', trans('tournament.Tournament Type')) }}
                            {{ Form::select('TOURNAMENT_TYPE', $tournamentType, '', ['class' => 'form-control select2', 'placeholder' => trans('reports.Select option'),'id' => 'TOURNAMENT_TYPE']) }}
                        </div>
                        <div class="form-col-1">
                            {{ Form::label('TOURNAMENT_STATUS', trans('tournament.Tournament Status')) }}
                            {{ Form::select('TOURNAMENT_STATUS', $tournamentStatus, '', ['class' => 'form-control select2','placeholder' => trans('reports.Select option'), 'id' => 'TOURNAMENT_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>
            <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('tournament.Tournament Name') }}</th>
                            <th class="text-center">{{ trans('tournament.Start Date & Time') }}</th>
                            <th class="text-center">{{ trans('tournament.End Date & Time') }}</th>
                            <th class="text-center">{{ trans('tournament.Type') }}</th>
                            <th class="text-center">{{ trans('tournament.Entry Fee') }} {!! env('CURRENCY_SYMBOL') !!}</th>
                            <th class="text-center">{{ trans('tournament.Buy-In') }} {!! env('CURRENCY_SYMBOL') !!} </th>

                            <!-- <th class="text-center">{{ trans('tournament.Min-Player') }} </th> -->
                            <!-- <th class="text-center">{{ trans('tournament.Max-Player') }} </th> -->

                            <th class="text-center">{{ trans('tournament.Status') }}</th>
                            <th class="text-center">{{ trans('tournament.Users') }}</th>
                            <th class="text-center">{{ trans('tournament.Details') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
    </section>

    <div class="modal fade" id="msg_detail" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">General Info</h4>
                </div>
                <div class="modal-body">
                    <div align='center'>
                        <div style="font-size:20px;"><b><span id='tournamentName'></span></b></div><br> 
                        <div style="font-size:18px; color:blue;"><b><span id='gameType'></span></b></div>
                    </div>
                    <hr>
                    <div>
                        <div><u><b>Players:</b></u></div><br>
                        <div><b>Minimum Players:</b> <span id='minPlayer'></span></div>
                        <div><b>Maximum Players:</b> <span id='maxPlayer'></span></div>
                        <div><b>Table Max Players:</b> <span id='tableMaxPlayer'></span></div>
                        <div><b>Players Per Table:</b> <span id='playersPerTable'></span></div>
                        <!-- <div><b>No Of Winners:</b> <span id='noOfWinners'></span></div> -->
                    </div>
                    <hr>
                    <div>
                        <div><u><b>Entry/Prize Info:</b></u></div><br>
                        <div><b>Entry Type:</b> <span id='entryType'></span></div>
                        <div><b>Entry Fee:</b> {!! env('POUND') !!} <span id='entryFee'></span></div>
                        <div><b>Starting Chips:</b> <span id='startingChips'></span></div>
                        <div><b>Prize Coin Type:</b> <span id='prizeCoinType'></span></div>
                        <div><b>Prize Type:</b> <span id='prizeType'></span></div>
                        <div><b>Prize Pool:</b> {!! env('POUND') !!} <span id='pricePool'></span></div>
                        <div><b>Ticket Value:</b> {!! env('POUND') !!} <span id='ticketValue'></span></div>
                    </div>
                    <hr>
                    
                    <div>
                        <div><u><b>Timing Info:</b></u></div><br>
                        <div><b>Reg. Start Time:</b> <span id='regStartTime'></span></div>
                        <div><b>Reg. End Time:</b> <span id='regEndTime'></span></div>
                        <div><b>Tournament Start Time:</b> <span id='tournamentStart'></span></div>
                        <div><b>Tournament End Time:</b> <span id='tournamentEnd'></span></div>
                    </div>
                    <hr>
                    <div>
                        <div><u><b>Additional Features:</b></u></div><br>
                        <div><b>Re-Buy:</b> <span id='reBuy'></span></div>
                        <div><b>AddOn:</b> <span id='addOn'></span></div>
                    </div>
                </div>
            </div>
            <div class="error" id="modal-error"></div>
        </div>
    </div>

</div>

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

        $('#report_title').html("Tournament Reports: " + $('.daterange_span').html());
        $('#report').show();

        reportTable = $('#table').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": [5]
                },
                {
                    "className": 'text-center',
                    "targets": [0, 1, 2, 3, 6, 7, 8]
                },
                {
                    "className": 'text-right',
                    "targets": [4, 5]
                }
            ],
            "ajax": {
                "url": "{{ route('rummyTournamentReports.fetch') }}",
                "type": "GET",
                "data": function(d) {
                    d.filter_date = $("#selected_datatime").val();
                    d.filter_tournament_name = $("#TOURNAMENT_NAME").val();
                    d.filter_tournament_type = $("#TOURNAMENT_TYPE").val();
                    d.filter_tournament_status = $("#TOURNAMENT_STATUS").val();
                },
                "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();
                }
            }
        });
    });



    function newWindow(url) {
        var leftPosition = (screen.width) ? (screen.width - 800) / 2 : 0;
        var topPosition = (screen.height) ? (screen.height - 400) / 2 : 0;
        var scroll = 'yes';
        var settings = 'height=' + 400 + ',width=' + 800 + ',top=' + topPosition + ',left=' + leftPosition + ',scrollbars=' + scroll + ',resizable';

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


    function tournamentInfo(tournament_id) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: "{{ route('rummyTournamentReports.tournamentInfo') }}",
            method: "GET",
            dataType: 'json',
            data: {
                id: tournament_id,

            },
            success: function(response) {
                if (response.status == 200) {
                    $('#tournamentName').html(response.data.TOURNAMENT_NAME);
                    $('#limitName').html(response.data.TOURNAMENT_LIMIT_NAME);
                    $('#gameType').html(response.data.MINI_GAME_NAME);
                    $('#buyIn').html(response.data.BUYIN);
                    $('#entryFees').html(response.data.ENTRY_FEE);
                    $('#minPlayer').html(response.data.MIN_PLAYER);
                    $('#maxPlayer').html(response.data.MAX_PLAYER);
                    $('#tableMinPlayer').html(response.data.TOURNAMENT_MIN_PLAYERS);
                    $('#tableMaxPlayer').html(response.data.TOURNAMENT_MAX_PLAYERS);
                    $('#playersPerTable').html(response.data.PLAYER_PER_TABLE);
                    $('#noOfWinners').html(response.data.NO_OF_WINNERS);
                    $('#entryType').html(response.data.COIN_TYPE_NAME);
                    $('#entryFee').html(response.data.ENTRY_FEE);
                    $('#commission').html(response.data.TOURNAMENT_COMMISION);
                    $('#startingChips').html(response.data.TOURNAMENT_CHIPS);
                    $('#prizeCoinType').html(response.data.PRIZE_COIN_TYPE_NAME);
                    $('#prizeType').html(response.data.PRIZE_TYPE_NAME);
                    $('#pricePool').html(response.data.PRIZE_POOL);
                    $('#ticketValue').html(response.data.TICKET_VALUE);
                    $('#smallBlind').html(response.data.SMALL_BLIND);
                    $('#bigBlind').html(response.data.BIG_BLIND);
                    $('#regStartTime').html(response.data.REGISTER_START_TIME);
                    $('#regEndTime').html(response.data.REGISTER_END_TIME);
                    $('#tournamentStart').html(response.data.TOURNAMENT_START_TIME);
                    $('#tournamentEnd').html(response.data.TOURNAMENT_END_TIME);
                    $('#lateRegAllow').html(response.data.LATE_REGISTRATION_ALLOW);
                    $('#lateRegAllowTime').html(response.data.LATE_REGISTRATION_END_TIME);
                    $('#playerHandTime').html(response.data.PLAYER_HAND_TIME);
                    $('#breakTime').html(response.data.TOURNAMENT_BREAK_TIME);
                    $('#breakInterval').html(response.data.BREAK_INTERVAL_TIME);
                    $('#sitOut').html(response.data.SITOUT_TIME);
                    $('#disconnect').html(response.data.DISCONNECT_TIME);
                    $('#reBuy').html(response.data.RE_BUY);
                    $('#addOn').html(response.data.ADDON);
                    $('#loyaltyStart').html(response.data.LAYALTY_ELIGIBILITY_START_DATE);
                    $('#loyaltyEnd').html(response.data.LAYALTY_ELIGIBILITY_END_DATE);



                    $("#msg_detail").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                } else {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                }
            }
        });
    }

    function post() {
        const form = document.createElement('form');
        form.method = 'get';
        form.action = "{{ route('rummyTournamentReports.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_tournament_name';
        hiddenField2.value = $("#TOURNAMENT_NAME").val();

        form.appendChild(hiddenField2);

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

        form.appendChild(hiddenField3);

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

        form.appendChild(hiddenField4);

        document.body.appendChild(form);
        form.submit();
    }
</script>
@stop