@extends('layouts.master')

@section('content')

<!-- 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('leaderboardsettings.Progressive LB Settings') }}</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('Progressive LB Settings') }}</li>
                    </ol>
                </div>
                <!-- /.col -->
                <div class="col-sm-12">
                    <button class="btn btn-default pull-right" id="addSettings">Add Settings</button>
                </div>
            </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('leaderboardName', trans('leaderboardsettings.Leaderboard Name')) }}
              {{ Form::text('leaderboardName', '', ['id' => 'leaderboardName', 'class' => 'form-control','maxlength'=>'100','placeholder' => trans('leaderboardsettings.Leaderboard Name')]) }}
            </div>
            <!-- <div class="form-col-1">
              {{ Form::label('stake', trans('leaderboardsettings.Stake')) }}
              {{ Form::select('stake', $stake, '', ['id' => 'stake', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
            </div> -->
            <div class="form-col-1">
              {{ Form::label('gameType', trans('leaderboardsettings.Game Type')) }}
              {{ Form::select('gameType', $miniGameTypes, '', ['id' => 'gameType', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
            </div>
            <div class="form-col-1">
              {{ Form::label('status', trans('leaderboardsettings.Status')) }}
              {{ Form::select('status', $status, '', ['id' => 'status', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
            </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('leaderboardsettings.Leaderboard Name') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.Game Type') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.Small Blind') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.Big Blind') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.% Setting') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.Minimum Points') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.Time Slot') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.Start Date') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.End Date') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.Start Time') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.End Time') }}</th>
              <th class="text-center">{{ trans('leaderboardsettings.Status') }}</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("Progressive LB Settings: " + $('.daterange_span').html());
        $('#report').show();
        reportTable = $('#table').DataTable({
           "responsive": true,
            "pagingType": "numbers",
            "processing": true,
            "bDestroy": true,
            "serverSide": true,
            "scrollX": true,
            "searching": false,
            "aaSorting": [],
            "lengthMenu": [
                [20, 50, 100, 200],
                [20, 50, 100, 200]
            ],
            "columnDefs": [{
                    "className": 'text-center',
                    "targets": [0,1,6,7,8,9,10],
                },
                {
                    "className": 'text-right',
                    "targets": [2,3,4,5],
                }
            ],
            "ajax": {
                "url": "{{ route('progressivelb.fetch') }}",
                "type": "GET",
                "data": function(d) {
                     d.filter_date = $("#selected_datatime").val();
                     d.filter_game = $("#gameType").val();
                    // d.filter_stake = $("#stake").val();
                     d.filter_lbname = $("#leaderboardName").val();
                     d.filter_status = $("#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 post() {
        const form = document.createElement('form');
        form.method = 'get';
        form.action = "{{ route('progressivelb.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_lbname';
        hiddenField2.value = $("#leaderboardName").val();

        form.appendChild(hiddenField2);

        // const hiddenField3 = document.createElement('input');
        // hiddenField3.type = 'hidden';
        // hiddenField3.name = 'filter_stake';
        // hiddenField3.value = $("#stake").val();

        // form.appendChild(hiddenField3);

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

        form.appendChild(hiddenField4);

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

        form.appendChild(hiddenField5);

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

  $(document).on('click', '#addSettings', function(e) {
    window.location.replace("{{ route('progressivelb.add') }}");     
        }); 
</script>
@stop