@extends('layouts.master')

@section('content')

<style>
    .pointer{
        cursor: pointer;
    }
    .promoBonus, .chunkBonus{
        margin: auto;
    }        
    .select2-container--default.select2-container--disabled .select2-selection--single {
        background: none;
    }
    #startDate, #endDate{
        cursor: pointer;
    }
    .chunkBonus {
        width: 34%;
    }
    #hourSelect,#daySelect{
        display: none;
    }    
    .radio-label {
        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('marketing.Create Bonus') }}</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('Create Bonus') }}</li>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <section class="content">
        <div class="card">
            <div class="card-header">
                <form id="newBonus-form">
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            @csrf
                            <input type="hidden" name="bonusType" value="{{ $bonusType }}">
                            <div class="form-col-1">
                                {{ Form::label('bonusType', trans('marketing.Bonus Type'), ['class' => 'required']) }}
                                {{ Form::select('bonusType', $bonusTypeList, $bonusType, ['id' => 'bonusType', 'class' => 'form-control select2']) }}
                                <span id="bonusType-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('bonusCode', trans('marketing.Bonus Code'), ['class' => 'required']) }}
                                {{ Form::text('bonusCode','', ['id' => 'bonusCode', 'class' => 'form-control','maxlength' => 10]) }}
                                <span id="bonusCode-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('bonusDependency', trans('marketing.Bonus Dependency'), ['class' => 'required']) }}
                                {{ Form::text('bonusDependency', $bonusDependency, ['id' => 'bonusDependency', 'class' => 'form-control','readonly' => 'true']) }}
                                <span id="bonusDependency-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('bonusDescription', trans('marketing.Bonus Description'), ['class' => 'required']) }}
                                {{ Form::text('bonusDescription', '', ['id' => 'bonusDescription', 'class' => 'form-control']) }}
                                <span id="bonusDescription-error" class="error-help-block"></span>
                            </div>
                              <div class="form-col-1">
                                {{ Form::label('gameType', trans('marketing.game Type'), ['class' => 'required']) }}
                                {{ Form::select('gameType', $gameType, '', ['id' => 'gameType', 'class' => 'form-control select2', 'placeholder' => 'Select','onclick' => 'showTournamentlist()']) }}
                                <span id="gameType-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('startDate', trans('marketing.Start Date'), ['class' => 'required']) }}
                                {{ Form::text('startDate', '', ['class' => 'form-control', 'id' => 'startDate', 'readonly' => 'readonly']) }}
                                <span id="startDate-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('endDate', trans('marketing.End Date'), ['class' => 'required']) }}
                                {{ Form::text('endDate', '', ['class' => 'form-control', 'id' => 'endDate', 'readonly' => 'readonly']) }}
                                <span id="endDate-error" class="error-help-block"></span>
                            </div>
                            
                            <div class="form-col-1">
                                {{ Form::label('publish', 'Publish', ['class' => 'required']) }}
                                {{ Form::select('publish', $publishList, '', ['id' => 'publish', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                                <span id="publish-error" class="error-help-block"></span>
                            </div>

                            <div class="form-col-1">
                                {{ Form::label('bonusOrder', trans('marketing.Bonus Code Order'), ['class' => 'required']) }}
                                {{ Form::text('bonusOrder', '1', ['id' => 'bonusOrder', 'class' => 'form-control number' ,'maxlength' => 3]) }}
                                <span id="bonusOrder-error" class="error-help-block"></span>
                            </div>

                            @if($bonusType != 3)
                            <div class="form-col-1">
                                {{ Form::label('applicability', trans('marketing.Applicability Per Player'), ['class' => 'required']) }}
                                {{ Form::text('applicability', '1', ['id' => 'applicability', 'class' => 'form-control number','maxlength' => 4]) }}
                                <span id="applicability-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('chipsValidity', trans('marketing.Chips Validity In Days'), ['class' => 'required']) }}
                                {{ Form::text('chipsValidity', '0', ['id' => 'chipsValidity', 'class' => 'form-control number','maxlength' => 3]) }}
                                <span id="chipsValidity-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('partner', trans('marketing.Partner Name')) }}
                                {{ Form::select('partner', $partnerList, '', ['id' => 'partner', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                                <span id="partner-error" class="error-help-block"></span>
                            </div>
                            @endif
                            <div class="form-col-1 netRake">
                                {{ Form::label('netRake', trans('marketing.Net Rake')) }}
                                {{ Form::text('netRake', '', ['class' => 'form-control', 'id' => 'netRake']) }}
                                <span id="netRake-error" class="error-help-block"></span>
                            </div>
                             <div class="form-col-1 Release %">
                                {{ Form::label('Release', trans('marketing.Release %')) }}
                                {{ Form::text('Release', '', ['class' => 'form-control', 'id' => 'Release']) }}
                                <span id="Release" class="error-help-block"></span>
                            </div>
                            
<h3 class="card-title frequency">{{ trans('marketing.Frequency Settings') }}</h3> 
<div class="card-primary card-form-1 frequency">
    <div class="card-body">
        <div class="form-col-1">
            <label class="radio"><input type="radio" name="frequencySettings" value="1" checked ><span class="radio-label">{{ trans('marketing.First Deposit') }}</span></label>
        </div>
        <div class="form-col-1">
            <label class="radio"><input type="radio" name="frequencySettings" value="2"><span class="radio-label">{{ trans('marketing.Second Deposit') }}</span></label>
        </div>
        <div class="form-col-1">
            <label class="radio"><input type="radio" name="frequencySettings" value="3"><span class="radio-label">{{ trans('marketing.Frequency') }}</span></label>
        </div>
        <div style="width:100%"><span id="frequencySettings-error" class="error-help-block"></span></div>
        <div class="form-col-1 frequencyVariation">
            {{ Form::label('frequencyVariation', trans('marketing.Select Variation'), ['class' => 'required']) }}<br>
            <label class="radio"><input type="radio" name="frequencyVariation" value="1" checked ><span class="radio-label">{{ trans('marketing.All Days') }}</span></label>
            <label class="radio"><input type="radio" name="frequencyVariation" value="2"><span class="radio-label">{{ trans('marketing.Week Days') }}</span></label>
            <label class="radio"><input type="radio" name="frequencyVariation" value="3"><span class="radio-label">{{ trans('marketing.Weekends Only') }}</span></label>
            <label class="radio"><input type="radio" name="frequencyVariation" value="4"><span class="radio-label">{{ trans('marketing.Sunday Only') }}</span></label><br>
            <span id="frequencyVariation-error" class="error-help-block"></span>
        </div>
        <div class="form-col-1 frequencyVariation">
            {{ Form::label('dailyCount', trans('marketing.Daily Count'), ['class' => 'required']) }}
            {{ Form::select('dailyCount', $dailyCountList, '', ['id' => 'dailyCount', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
            <span id="dailyCount-error" class="error-help-block"></span>
        </div>
        <div style="width:100%;padding:0 7.5px" class="weekDays">
            {{ Form::label('maxCab', trans('marketing.Select Week Days'), ['class' => 'required']) }}<br>
            <label><input type="checkbox" name="weekDays[]" value="1" checked ><span class="radio-label">{{trans('marketing.Monday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="2" checked ><span class="radio-label">{{trans('marketing.Tuesday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="3" checked ><span class="radio-label">{{trans('marketing.Wednesday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="4" checked ><span class="radio-label">{{trans('marketing.Thrusday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="5" checked ><span class="radio-label">{{trans('marketing.Friday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="6" checked ><span class="radio-label">{{trans('marketing.Saturday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="7" checked ><span class="radio-label">{{trans('marketing.Sunday')}}</span></label><br>
            <span id="weekDays-error" class="error-help-block"></span>
        </div>
    </div>
</div>
<div class="form-col-1"><br>
                                <label onClick="showTournament()"><input type="checkbox" id="tournamentTickets" name="tournamentTickets" value="1"><span class="radio-label pointer">{{trans('marketing.Do you want to send tournament ticket?')}}</span></label>
                            </div>
                             <div class="radio-button"  style="display:none">
                            <div class="form-col-1">
                                <label onClick="showTournamentlist()" class="radio"><input class="pokerradio"type="radio" name="tournamentradio" id="tournamentradio" value="1"><span class="radio-label">{{ trans('marketing.Poker') }}</span></label>
                            </div>
                            <div class="form-col-1">
                                <label onClick="showTournamentlist()" class="radio"><input class="rummyradio"type="radio" name="tournamentradio" id="tournamentradio" value="2"><span class="radio-label">{{ trans('marketing.Rummy') }}</span></label>
                            </div>

                            <div class="form-col-1">
                                <label onClick="showTournamentlist()" class="radio"><input class="fantasyradio"type="radio" name="tournamentradio" id="tournamentradio" value="3"><span class="radio-label">Fantasy</span></label>
                            </div>

                            <span id="tournamentradio-error" class="error-help-block"></span>
                            </div>
                             <div class="form-col-1 tournamentTickets" style="display:none">
                                 {{ Form::label('tournament', trans('marketing.Tournament')) }}
                                {{ Form::select('tournament', $tournamentList,$tournamentList, ['id' => 'tournament', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                                <span id="tournament-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1 tournamentTickets1" style="display:none">
                                {{ Form::label('tournament',  trans('tournament.Tournament'))}}
                                {{Form::select('rummytournamentList',$rummytournamentList,$rummytournamentList, ['id' => 'rummytournamentList', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                                <span id="rummytournamentList-error" class="error-help-block"></span>
                            </div>

                            <div class="form-col-1 fantasytournamentTickets1" style="display:none">
                                {{ Form::label('tournament',  trans('tournament.Tournament'))}}
                                {{Form::select('fantasytournamentList',$fantasytournamentlist,$fantasytournamentlist, ['id' => 'fantasytournamentList', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                                <span id="fantasytournamentList-error" class="error-help-block"></span>
                            </div>


                            <div class="form-col-1"></div>
                            <div class="card-primary card-form-1">

@if($bonusType == 2)
<br>
<div class="form-col-12">
    <div class="card-body">
        <div class="form-col-3 user" style="padding-right: 30px;">
            {{ Form::label('user', trans('marketing.User')) }}
            {{ Form::textarea('user', '', ['class' => 'form-control', 'id' => 'user','rows' => 3, 'cols' => 40]) }}
            <span id="user-error" class="error-help-block"></span>
        </div>
        <!-- <textarea id="w3review" name="w3review" rows="4" cols="50">
At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea> -->
         <!-- <div class="container">
            {{ Form::label('state', trans('marketing.Applicable State Wise')) }}
            <br>
            {{ Form::select('state[]', $stateList, '', ['class' => 'form-control state select2', 'id' => 'state', 'multiple' => 'multiple']) }}
            <span id="state-error" class="error-help-block"></span>
        </div>
        <div class="container">
            <br>
            <br>
            {{ Form::label('level', trans('marketing.Applicable Ace Level')) }}<br>
            {{ Form::select('level[]', $levelList, '', ['class' => 'form-control level select2', 'id' => 'level', 'multiple' => 'multiple']) }}
            <span id="level-error" class="error-help-block"></span>
        </div> -->
        <div class="form-col-1 user" style="flex: 0 0 6%;">(OR)</div>
        <div class="form-col-6 user">
            <label  onClick="showUpload()"><input type="checkbox" name="uploadCheck" value="1" ><span class="radio-label pointer">&nbsp {{trans('marketing.Upload Excel file')}}:</span></label><a href="{{ asset('img/Players_Sample_excel.xlsx') }}">Sample File</a> <div class="form-col-12" id="uploadDiv">
            
                <label>User list upload for <b id="showBonusCode"></b></label>
                <input type="file" class="form-control" id="uploadedFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"><br>
                <button class="btn btn-primary" id="uploadFile">{{ trans('marketing.Upload') }}</button>
            </div>
            <span id="uploadData-error" class="error-help-block"></span><br>
            <b id="totalResult"></b></br>
            <br>
            <table id="exceltable"></table>

        </div>


       
    </div>
</div>
@endif 
@if($bonusType != 3)
<div class="promoBonus">
    <input type="hidden" id="marginRow" name="marginRow" value="{{ $rowCount }}">
<table id="margin-table" cellpadding="5" cellspacing="5" style="margin-top: 35px;">
<thead>
    <tr>        
        <td align="center">{{ trans('marketing.Min P.Amt') }}</td>
        <td align="center">{{ trans('marketing.Max P.Amt') }}</td>
        <td align="center">{{ trans('marketing.Bonus%') }}</td>
        <td align="center">{{ trans('marketing.Max B.Amt') }}</td>
        <td align="center" colspan="2" style="display:none;">{{ trans('marketing.Wager : Relese Ratio') }}</td>
    </tr>
</thead>
<tbody>
    @php $i=0; @endphp
    @foreach($rowsData as $rowData)
    @php ++$i; @endphp
    <tr id="margin_row_{{$i}}">
        <td>
            <div>
            <input name="minAmount_{{$i}}" type="text" id="minAmount_{{$i}}" class="form-control number" value="{{ $rowData['minAmount_'.$i] }}" maxlength="8">
            <span id="minAmount_{{$i}}-error" class="error-help-block"></span>
            </div>
        </td>
        <td>
            <div>
            <input name="maxAmount_{{$i}}" type="text" id="maxAmount_{{$i}}" class="form-control number" value="{{$rowData['maxAmount_'.$i]}}" maxlength="8">
            <span id="maxAmount_{{$i}}-error" class="error-help-block"></span>
            </div>
        </td>
        <td>
            <div>
            <input name="bonus_{{$i}}" type="text" id="bonus_{{$i}}" class="form-control number" value="{{$rowData['bonus_'.$i]}}" maxlength="3">
            <span id="bonus_{{$i}}-error" class="error-help-block"></span>
            </div>
        </td>
        <td>
            <div>
            <input name="maxBonusAmount_{{$i}}" type="text" id="maxBonusAmount_{{$i}}" class="form-control number" value="{{$rowData['maxBonusAmount_'.$i]}}" maxlength="8">
            <span id="maxBonusAmount_{{$i}}-error" class="error-help-block"></span>
            </div>
        </td>
        <td style="width: 77px;display: none;">
            <div>
            <input name="wager_{{$i}}" type="text" id="wager_{{$i}}" class="form-control number" value="{{$rowData['wager_'.$i]}}" maxlength="2">
            <span id="wager_{{$i}}-error" class="error-help-block"></span>
            </div>
        </td>
        <td style="width: 77px;display: none;">
            <div>
            <input name="relese_{{$i}}" type="text" id="relese_{{$i}}" class="form-control number" value="{{$rowData['relese_'.$i]}}" maxlength="2">
            <span id="relese_{{$i}}-error" class="error-help-block"></span>
            </div>
        </td>
    </tr>
    @endforeach
</tbody>
</table>
<table cellpadding="5" cellspacing="5" style="margin-top: 20px;">
<tbody>
    <tr>
        <td>
            <button type="button" class="btn btn-primary" id="add-margin">{{ trans('marketing.Add Margins') }}</button>
            <button type="button" class="btn btn-primary" id="remove-margin" @if($rowCount == 1) style="display:none" @endif>{{ trans('marketing.Remove Margins') }}</button>
        </td>
    </tr>
</tbody>
</table>
<table width="70%" cellpadding="5" cellspacing="5" style="margin: 10px auto 10px auto;">
<tbody>
    <tr>
        <td rowspan="2" class="text-right">{{ trans('marketing.Bonus split ratio') }}: &nbsp;&nbsp;&nbsp;</td>
        <td style="width: 77px;">
            <div>
            <input name="wagerShare" type="text" id="wagerShare" class="form-control number" maxlength="5" value="{{ $wagerShare }}">
            <span id="wagerShare-error" class="error-help-block"></span>
            </div>
        </td>
        <td>% {{ trans('marketing.Wagering Share') }}</td>
    </tr>
    <tr>
        <td style="width: 77px;">
            <div>
            <input name="instantCash" type="text" id="instantCash" class="form-control number" maxlength="5" value="{{ $instantCash }}">
            <span id="instantCash-error" class="error-help-block"></span>
            </div>
        </td>
        <td>% {{ trans('marketing.Instant cash') }}</td>
    </tr>
<!-- <tr>
<td rowspan="2" class="text-right"></td>
        <td style="width: 77px;">
            <div>
            <input name="fantasyPromo" type="text" id="fantasyPromo" class="form-control number" maxlength="3" value="">
            <span id="fantasyPromo-error" class="error-help-block"></span>
            </div>
        </td>
        <td>% {{ trans('marketing.Fantasy Promo') }}</td>

    </tr> -->
</tbody>
</table>
<div class="text-center" id="percentage"><span id="percentage-error" class="error-help-block"></span></div>
</div>
<!-- @if($bonusType == 2)
<div class="card-primary card-form-1">
    <div class="card-body">
        <div class="container">
            {{ Form::label('state', trans('marketing.Applicable State Wise')) }}
            <br>
            {{ Form::select('state[]', $stateList, '', ['class' => 'form-control state select2', 'id' => 'state', 'multiple' => 'multiple']) }}
            <span id="state-error" class="error-help-block"></span>
        </div>
        <div class="container">
            <br>
            <br>
            {{ Form::label('level', trans('marketing.Applicable Ace Level')) }}<br>
            {{ Form::select('level[]', $levelList, '', ['class' => 'form-control level select2', 'id' => 'level', 'multiple' => 'multiple']) }}
            <span id="level-error" class="error-help-block"></span>
        </div>
        <div class="container">
            <br>
            <label onClick="showUpload()"><input type="checkbox" name="uploadCheck" value="1" checked><span class="radio-label pointer">{{trans('marketing.Upload Excel file')}}:</span></label> <a href="{{ asset('img/Players_Sample_excel.xlsx') }}">Sample File</a><br>
            <div class="form-col-1" id="uploadDiv">
                <label>User list upload for <b id="showBonusCode"></b></label>
                <input type="file" class="form-control" id="uploadedFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"><br>
                <button class="btn btn-primary" id="uploadFile">{{ trans('marketing.Upload') }}</button>
            </div>
            <span id="uploadData-error" class="error-help-block"></span><br>
            <b id="totalResult"></b></br>
            <br>
            <table id="exceltable"></table>
        </div>
    </div>
</div>
@endif -->
@endif

@if($bonusType == 3)
<div class="chunkBonus">
    <input type="hidden" id="chunkRow" name="chunkRow" value="{{ $rowCount }}">
    <table id="chunk-table" cellpadding="5" cellspacing="5" style="margin-left: 50px;margin-top: 10px;">
    <thead>
        <tr>        
            <td align="center">{{ trans('Chunk') }}</td>
            <td align="center">{{ trans('Instant Amount') }}</td>
        </tr>
    </thead>
    <tbody>
        @php $i=0; @endphp
        @foreach($rowsData as $rowData)
        @php ++$i; @endphp
        <tr id="chunk_row_{{$i}}">
            <td>{{$i}}</td>
            <td>
                <div>
                <input name="instantAmount_{{$i}}" type="text" id="instantAmount_{{$i}}" class="form-control number" value="{{$rowData['instantAmount_'.$i]}}" maxlength="5">
                <span id="instantAmount_{{$i}}-error" class="error-help-block"></span>
                </div>
            </td>
        </tr>
        @endforeach
    </tbody>
    </table>
    <table cellpadding="5" cellspacing="5" style="margin-left: 50px;margin-top: 10px;">
    <tbody>
        <tr>
            <td>
                <button type="button" class="btn btn-primary" id="add-Chunk">{{ trans('marketing.Add Chunk') }}</button>
                <button type="button" class="btn btn-primary" id="remove-Chunk" @if($rowCount == 1) style="display:none" @endif>{{ trans('marketing.Remove Chunk') }}</button>
            </td>
        </tr>
    </tbody>
    </table>

    <table cellpadding="5" cellspacing="5" style="margin-left: 50px;margin-top: 10px;">
    <tbody>
        <tr>
            <td class="text-right">{{ trans('marketing.Chunk Intervals') }}: &nbsp;&nbsp;&nbsp;</td>
            <td style="width: 100px;">
                <div>
                    <label class="radio"><input type="radio" name="chunkInterval" value="1" @if($chunkInterval == 1) checked @endif><span class="radio-label">{{ trans('marketing.Hours') }}</span></label>
					<label class="radio"><input type="radio" name="chunkInterval" value="2" @if($chunkInterval == 2) checked @endif><span class="radio-label">{{ trans('marketing.Days') }}</span></label>
                    <span id="chunkInterval-error" class="error-help-block"></span>
                </div>
            </td>
        </tr>
    </tbody>
    </table>
    <table cellpadding="5" cellspacing="5" style="margin-left: 50px;margin-top: 10px;">
    <tbody>
        <tr id="hourSelect" @if($chunkInterval == 1) style="display:table-cell" @endif>
            <td class="text-right">{{ trans('marketing.Select relative time interval') }}: &nbsp;&nbsp;&nbsp;</td>
            <td style="width: 100px;">
                <div>
                    {{ Form::select('hour', $hourList, $chunkvalue, ['id' => 'hour', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                    <span id="hour-error" class="error-help-block"></span>
                </div>
            </td>
        </tr>
        <tr id="daySelect" @if($chunkInterval == 2) style="display:table-cell" @endif>
            <td class="text-right">{{ trans('marketing.Select days interval') }}: &nbsp;&nbsp;&nbsp;</td>
            <td style="width: 100px;">
                <div>
                    {{ Form::select('day', $dayList, $chunkvalue, ['id' => 'day', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                    <span id="day-error" class="error-help-block"></span>
                </div>
            </td>
        </tr>
    </tbody>
    </table>
</div>
<div class="card-primary card-form-1">
    <div class="card-body">
        <div class="container">
            <br>
            <input type="checkbox" name="uploadCheck" value="1" style="display: none;" checked>
            <label>{{trans('marketing.Upload Excel file')}}:</label> <a href="{{ asset('img/Players_Sample_excel.xlsx') }}">Sample File</a><br>
            <div class="form-col-1">
                <label>User list upload for <b id="showBonusCode"></b></label>
                <input type="file" class="form-control" id="uploadedFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
            </div>
            <span id="uploadData-error" class="error-help-block"></span><br>
            <button class="btn btn-primary" id="uploadFile">{{ trans('marketing.Upload') }}</button><br>
            <b id="totalResult"></b>
            <br>
            <table id="exceltable"></table>
        </div>
    </div>
</div>
@endif
                        </div>
                    </div>
                </form>
                <div class="card-primary card-form-1">
                    <div class="card-body text-center"><br>
                        <div class="button_sec" id="form-buttons">
                            <button class="btn btn-primary" id="newBonus-form-submit">{{ trans('marketing.Create Bonus') }}</button>
                            <a class="btn btn-primary" href="{{ route('template') }}">{{ trans('marketing.Cancel Bonus') }}</a>
                        </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>
                </div>
            </div>
            <!-- /.card-body -->
        </div>

    </section>

</div>
@endsection
@section('javascript')
@include('datatablejs')
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.7.7/xlsx.core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xls/0.7.4-a/xls.core.min.js"></script>
<script type="text/javascript">

    $("#bonusType").select2({disabled:true});

    $('#startDate, #endDate').daterangepicker({
        singleDatePicker: true,
		timePicker: true,
		minDate: moment(),
		maxDate: moment().add(2, 'years'),
		locale: {
			format: 'YYYY-MM-DD HH:mm:00'
		}
    });
    $('#startDate, #endDate').val('');
    function showTournament(){
        if($("input[name='tournamentTickets']:checked").val() == 1){
           // $('.tournamentTickets').show();
            $('.radio-button').show();

            $("[for=tournamentradio]").addClass("required");

            //$("[for=tournament]").addClass("required");
        }else{
            $('.radio-button').hide();
            $('.tournamentTickets').hide();
             $('.tournamentTickets1').hide();
            $("[for=tournamentradio]").removeClass("required");
            
        }

    }
    showTournament();
    function showTournamentlist(){
        // alert('hghj');  
        if(($("input[name='tournamentradio']:checked").val() == 1) || ($("input[name='gameType']:selected").val() == 1)){
             // alert('hghj');
            $('.tournamentTickets').show();
            $('.tournamentTickets1').hide();
            $('.fantasytournamentTickets1').hide();
        }else{
            
            $('.tournamentTickets').hide();
            $('.tournamentTickets1').hide();
            $('.fantasytournamentTickets1').hide();
        }
        if($("input[name='tournamentradio']:checked").val() == 2){
            
            $('.tournamentTickets1').show();
            $('.tournamentTickets').hide();
            $('.fantasytournamentTickets1').hide();
            
            //$("[for=rummytournamentList]").addClass("required");
        }else{
            
            $('.tournamentTickets').hide();
            $('.tournamentTickets1').hide();
            $('.fantasytournamentTickets1').hide();
            //$("[for=rummytournamentList]").removeClass("required");

        }

        if($("input[name='tournamentradio']:checked").val() == 3){
            
            $('.fantasytournamentTickets1').show();
            $('.tournamentTickets').hide();
            $('.tournamentTickets1').hide();
            
            //$("[for=rummytournamentList]").addClass("required");
        }else{
            
            $('.tournamentTickets').hide();
            $('.tournamentTickets1').hide();
            $('.fantasytournamentTickets1').hide();
            //$("[for=rummytournamentList]").removeClass("required");

        }

    }
    showTournamentlist();
    var row = {{ $i }};
    $('#add-margin').click( function () {
        row++;
        var new_row = '<tr id="margin_row_'+row+'"><td><div><input name="minAmount_'+row+'" type="text" id="minAmount_'+row+'" class="form-control number" maxlength="5"><span id="minAmount_'+row+'-error" class="error-help-block"></span></div></td><td><div><input name="maxAmount_'+row+'" type="text" id="maxAmount_'+row+'" class="form-control number" maxlength="5"><span id="maxAmount_'+row+'-error" class="error-help-block"></span></div></td><td><div><input name="bonus_'+row+'" type="text" id="bonus_'+row+'" class="form-control number" maxlength="3"><span id="bonus_'+row+'-error" class="error-help-block"></span></div></td><td><div><input name="maxBonusAmount_'+row+'" type="text" id="maxBonusAmount_'+row+'" class="form-control number" maxlength="5"><span id="maxBonusAmount_'+row+'-error" class="error-help-block"></span></div></td><td style="display:none;"><div><input name="wager_'+row+'" type="text" id="wager_'+row+'" class="form-control number" value="10" maxlength="2"><span id="wager_'+row+'-error" class="error-help-block"></span></div></td><td style="display:none;"><div><input name="relese_'+row+'" type="text" id="relese_'+row+'" class="form-control number" value="1" maxlength="2"><span id="relese_'+row+'-error" class="error-help-block"></span></div></td></tr>';

        $("#margin-table tbody").append(new_row);
        $("#remove-margin").show();
        $("#marginRow").val(row);
    });

    $('#remove-margin').click( function () {
        $('#margin_row_'+row).remove();
        row--;
        if(row == 1){
            $('#remove-margin').hide();
        }
        $("#marginRow").val(row);
    });

    $("input:radio[name='chunkInterval']").change(function () {
        var value = $(this).val();
        if (value == 1) {
            $('#daySelect').hide();
            $('#hourSelect').show();
        } else{
            $('#daySelect').show();
            $('#hourSelect').hide();
        } 
    });

    var chunk_row = {{ $i }};
    $('#add-Chunk').click( function () {
        chunk_row++;
        var new_row = '<tr id="chunk_row_'+chunk_row+'"><td>'+chunk_row+'</td><td><div><input name="instantAmount_'+chunk_row+'" type="text" id="instantAmount_'+chunk_row+'" class="form-control number" maxlength="5"><span id="instantAmount_'+chunk_row+'-error" class="error-help-block"></span></div></td></tr>';

        $("#chunk-table tbody").append(new_row);
        $("#remove-Chunk").show();
        $("#chunkRow").val(chunk_row);
    });

    $('#remove-Chunk').click( function () {
        $('#chunk_row_'+chunk_row).remove();
        chunk_row--;
        if(chunk_row == 1){
            $('#remove-Chunk').hide();
        }
        $("#chunkRow").val(chunk_row);
    });


    $(document).on('keydown', '.number', function(event){
		if (event.shiftKey == true) {
			event.preventDefault();
			return;
		}
		if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == 39 || event.keyCode == 46 || event.keyCode == 190 || event.keyCode == 110) {
		} else {
			event.preventDefault();
			return;
		}

		if(($(this).val().length == 0) && (event.keyCode == 190 || event.keyCode == 110)){
			event.preventDefault();
			return;
		}

		if(($(this).val().indexOf('.') != -1) && (event.keyCode == 190 || event.keyCode == 110)){
			event.preventDefault();
			return;
		}
	});

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

	function showErrorMessage(message){
		$('.error-help-block').html('');
		var i = 1;
		var element = '';
		$.each(message, function(k, v) {
			$("#"+k+"-error").html(v);
			if(i == 1){
				element = "#"+k;
			}
			i++;
		});

		var topOffset = $(element).parent().offset();
		if(topOffset != undefined){
			$([document.documentElement, document.body]).animate({
				scrollTop: topOffset.top
			}, 1000);
		}

		return;
	}

    var uploadData = '';

    $(document).on('click', '#newBonus-form-submit', function(e) {
		e.preventDefault();
        @if($bonusType == 2)
            if(($("input[name='uploadCheck']:checked").val() == 1) && (uploadData == '')){
                swal('Kindly upload a file to proceed or uncheck the upload Excel file option', {
                    icon: "warning",
                });
                return;
            }
        @endif

        @if($bonusType == 3)
            if(uploadData == ''){
                swal('Kindly upload a file to proceed', {
                    icon: "warning",
                });
                return;
            }
        @endif

		var formData = new FormData($('#newBonus-form')[0]);
        formData.append('uploadData', uploadData);

		$.ajax({
			type: 'POST',
			url: "{{ route('bonus.store') }}",
			data: formData,
			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",
                    });
					window.location.replace("{{ route('template') }}");
				} else {
					swal(message, {
						icon: "warning",
					});
				}
				$('.error-help-block').html('');
			},
			error: function() {
				swal("{{ trans('layout.Something went wrong') }}", {
				icon: "warning",
				});
			},
			complete: function() {
				$("#form-loader").hide();
				$("#form-buttons").show();
			}
		});
	});

    $("#wagerShare, #instantCash,#fantasyPromo").change(function() {
        $('#percentage-error').html('');
    });

    $('.state').on("select2:select", function (e) {
        var data = e.params.data.text;
        if(data == 'All'){
            $(".state > option").prop("selected","selected");
            
            $('.state > option').each(function() {
                var value = $(this).attr("value");
                if(value == 'All'){
                    $(this).prop("selected",false);
                }
            });

            $(".state").trigger("change");
        }
        
    });
    $(".state > option").prop("selected","selected");
    $('.state > option').each(function() {
        var value = $(this).attr("value");
        if(value == 'All'){
            $(this).prop("selected",false);
        }
    });
    $(".state").trigger("change");


    $('.level').on("select2:select", function (e) {
        var data = e.params.data.text;
        if(data=='All'){
            $(".level > option").prop("selected","selected");
            
            $('.level > option').each(function() {
                var value = $(this).attr("value");
                if(value == 'All'){
                    $(this).prop("selected",false);
                }
            });

            $(".level").trigger("change");
        }
    });
    $(".level > option").prop("selected","selected");
            
    $('.level > option').each(function() {
        var value = $(this).attr("value");
        if(value == 'All'){
            $(this).prop("selected",false);
        }
    });

    $(".level").trigger("change");

    function showUpload(){
        if($("input[name='uploadCheck']:checked").val() == 1){
            $('#uploadDiv, #totalResult').show();
        }else{
            $('#uploadDiv, #totalResult').hide();
        }
    }
    showUpload();

    $("#bonusCode").change(function () {
        var value = $(this).val();
        if (value != '') {
           $("#showBonusCode").html(value);
        } else{
            $("#showBonusCode").html('');
        } 
    });

    $("#uploadedFile").change(function () {
        $("#exceltable, #totalResult, #uploadData-error").html('');
        $("#importedData").val('');
        uploadData = '';
    });

    $('#uploadFile').click(function (evt) {
        evt.preventDefault();

        var regex = /^([a-zA-Z0-9\s_\\.\-:()])+(.xlsx|.xls)$/;
        /*Checks whether the file is a valid excel file*/  
        if (regex.test($("#uploadedFile").val().toLowerCase())) {
            var xlsxflag = false; /*Flag for checking whether excel is .xls format or .xlsx format*/  
            if ($("#uploadedFile").val().toLowerCase().indexOf(".xlsx") > 0) {  
                xlsxflag = true;  
            }  
            /*Checks whether the browser supports HTML5*/  
            if (typeof (FileReader) != "undefined") {
                var reader = new FileReader();  
                reader.onload = function (e) {
                    var data = e.target.result;  
                    /*Converts the excel data in to object*/  
                    if (xlsxflag) {  
                        var workbook = XLSX.read(data, { type: 'binary' });  
                    }  
                    else {  
                        var workbook = XLS.read(data, { type: 'binary' });  
                    }  
                    /*Gets all the sheetnames of excel in to a variable*/  
                    var sheet_name_list = workbook.SheetNames;  
    
                    var cnt = 0; /*This is used for restricting the script to consider only first sheet of excel*/  
                    sheet_name_list.forEach(function (y) { /*Iterate through all sheets*/  
                        /*Convert the cell value to Json*/  
                        if (xlsxflag) {
                            var exceljson = XLSX.utils.sheet_to_json(workbook.Sheets[y]);  
                        }
                        else {
                            var exceljson = XLS.utils.sheet_to_row_object_array(workbook.Sheets[y]);  
                        }

                        if (exceljson.length > 0 && cnt == 0) {
                            $('#totalResult').html('Imported Total Records: '+exceljson.length);
                            // BindTable(exceljson, '#exceltable');
                            uploadData = JSON.stringify(exceljson);
                            cnt++;
                        }else{
                            swal('Please upload a valid Excel file!', {
                                icon: "warning",
                            });
                        }

                    });  
                    $('#exceltable').show();  
                }
                if (xlsxflag) {/*If excel file is .xlsx extension than creates a Array Buffer from excel*/  
                    reader.readAsArrayBuffer($("#uploadedFile")[0].files[0]);  
                }
                else {
                    reader.readAsBinaryString($("#uploadedFile")[0].files[0]);  
                }
            }
            else {
                swal('Sorry! Your browser does not support HTML5!', {
                    icon: "warning",
                });
            }  
        }  
        else {
            swal('Upload a valid format!', {
                icon: "warning",
            });
        }  
    });

    function BindTable(jsondata, tableid) {/*Function used to convert the JSON array to Html Table*/  
        var columns = BindTableHeader(jsondata, tableid); /*Gets all the column headings of Excel*/  
        for (var i = 0; i < jsondata.length; i++) {  
            var row$ = $('<tr/>');  
            for (var colIndex = 0; colIndex < columns.length; colIndex++) {  
                var cellValue = jsondata[i][columns[colIndex]];  
                if (cellValue == null)  
                    cellValue = "";  
                row$.append($('<td/>').html(cellValue));  
            }
            $(tableid).append(row$);  
        }
    }

    function BindTableHeader(jsondata, tableid) {/*Function used to get all column names from JSON and bind the html table header*/  
        var columnSet = [];
        var headerTr$ = $('<tr/>');  
        for (var i = 0; i < jsondata.length; i++) {
            var rowHash = jsondata[i];  
            for (var key in rowHash) {  
                if (rowHash.hasOwnProperty(key)) {  
                    if ($.inArray(key, columnSet) == -1) {/*Adding each unique column names to a variable array*/  
                        columnSet.push(key);  
                        headerTr$.append($('<th/>').html(key));  
                    }  
                }  
            }  
        }  
        $(tableid).append(headerTr$);  
        return columnSet;  
    }
    

    $('.frequencyVariation,.weekDays').hide();
    $("input[name='frequencySettings']").change(function() {
        var type = $("input[name='frequencySettings']:checked").val();
        if(type == 3){
            $('.frequencyVariation').show();
            $("input[name='frequencyVariation']").trigger('change');
        }else{
            $('.frequencyVariation,.weekDays').hide();
        }
        $('#frequencySettings-error').html('');
    });

    $("input[name='frequencyVariation']").change(function() {
        var type = $("input[name='frequencyVariation']:checked").val();
        if(type == 1){
            $("input[name='weekDays[]']").prop('checked', true);
            $('.weekDays').show();
            $('#weekDays-error').html('');
        }else{
            $('.weekDays').hide();
        }
    });

    $("input[name='weekDays[]']").change(function() {
        $('#weekDays-error').html('');
    });
     $("input[name='tournamentradio']").trigger('change');

    $("input[name='tournamentradio']").change(function() {
        var type = $("input[name='tournamentradio']:checked").val();
        if(type == 2){
            $('.tournamentTickets1').show();
            $('.tournamentTickets').hide();
           
        }
         if(type == 1){
            $('.tournamentTickets1').hide();
            $('.tournamentTickets').show();
           
        }
    });

</script>
@stop