@extends('layouts.master')

@section('content')
<style>

    table, th, td {
        border: 1px solid #cbcbcb;
    }


    .radio-label {
        position: absolute;
        margin: -2px 0px 0px 7px;
        cursor: pointer;
    }

    .radio {
        margin-top: -4px;
    }

    .form-control:disabled,
    .form-control[readonly] {
        background-color: #ffffff;
        opacity: 1;
    }

    #announcementTime,
    #registrationStartTime,
    #tournamentStartTime {
        cursor: pointer;
    }

    span.radio-label.every_recurrence {
        position: relative;
    }

</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.Add Recurrence Tournament') }}</h1>
                </div>
                <!-- /.col -->
                <div class="col-sm-3"></div>
                <div class="col-sm-3">
                    
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <section class="content">
        <div class="card" id="filterDiv">
            <div class="card-header">
                <form id="createTournament-form">
                    <h3 class="card-title">{{ trans('tournament.Tournament Information') }}</h3>
                    <div class="card-primary card-form-1">
                        <h3 class="card-title" style="display:block;color: black;font-weight: bold;">Tournament Information</h3>
                        <div class="card-body">
                            @csrf
                            <div class="form-col-1">
                                {{ Form::label('tournamentType',  trans('tournament.Tournament Type'), ['class' => 'required'])}}
                                {{ Form::select('tournamentType', $tournamentType, '', ['class' => 'form-control select2', 'id' => 'tournamentType', 'placeholder' => 'Select']) }}
                                <span id="tournamentType-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('tournamentName', trans('tournament.Tournament Name'), ['class' => 'required']) }}
                                {{ Form::text('tournamentName', '', ['id' => 'tournamentName', 'class' => 'form-control', 'placeholder' => trans('tournament.Tournament Name')]) }}
                                <span id="tournamentName-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('status',  trans('game.Status'), ['class' => 'required'])}}
                                {{ Form::select('status', $status, '', ['class' => 'form-control select2', 'id' => 'status', 'placeholder' => 'Select']) }}
                                <span id="status-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('tournamentDescription', trans('tournament.Tournament Description'), ['class' => 'required']) }}
                                {{ Form::textarea('tournamentDescription', '',['class'=>'form-control', 'id' => 'tournamentDescription', 'rows' => 2, 'cols' => 40]) }}
                                <span id="tournamentDescription-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>


                    
                    
                    <div class="card-primary card-form-1 entry-criteria">
                        <hr>
                        <h3 class="card-title entry-criteria" style="display:block;color: black;font-weight: bold;" >{{ trans('tournament.Entry Criteria') }}</h3> 

                        <div class="card-body">    

                            

                            <div class="form-col-1">
                                {{ Form::label('cashType',  trans('tournament.Cash Type'), ['class' => 'required'])}}
                                {{ Form::select('cashType', $cashType, '1', ['class' => 'form-control select2', 'id' => 'cashType', 'placeholder' => 'Select']) }}
                                <span id="cashType-error" class="error-help-block"></span>
                            </div>

                            <div class="form-col-1 balanceType">

                            {{ Form::label('balanceType',  'Balance Type (Buyin)', ['class' => 'required'])}} <br>

                            <input type="checkbox" class="balanceType" id="Deposit" name="balanceType[]" value="1">
                            <label for="Deposit"> Deposit</label>
                            
                            <input type="checkbox" class="balanceType"  id="Commission" name="balanceType[]" value="5">
                            <label for="Commission">Commission</label>

                            <input type="checkbox" class="balanceType"  id="Promo" name="balanceType[]" value="2">
                            <label for="Promo"> Promo</label>
                            
                            

                            <input type="checkbox" class="balanceType"  id="Rummypromo" name="balanceType[]" value="8">
                            <label for="Rummypromo">Rummy Promo</label>

                            <input type="checkbox" class="balanceType"  id="Win" name="balanceType[]" value="3">
                            <label for="Win">Win</label>
                            
                            <br>
                            <span id="balanceType-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>


                    
                    <div id="cashcriteria" class="card-primary card-form-1 entry-criteria">
                        <div class="card-body">
                            
                            <div class="form-col-1">
                                {{ Form::label('amount', trans('tournament.Amount').' '.env('CURRENCY_SYMBOL'), ['class' => 'required']) }}
                                {{ Form::select('amount', $amount, '', ['class' => 'form-control guaranteedPrize select2', 'id' => 'amount', 'placeholder' => 'Select']) }}
                                <span id="amount-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('rake',  trans('tournament.Rake %'), ['class' => 'required'])}}
                                {{ Form::text('rake', '', ['class' => 'form-control guaranteedPrize', 'id' => 'rake', 'minlength' => '1',  'maxlength' => '5', 'onkeypress' => 'return checkNumberKey(event)', 'placeholder' => trans('tournament.Rake %')]) }}
                                <span id="rake-error" class="error-help-block"></span>
                            </div>
                        </div>

                        <div class="card-body">                            
                            
                            <div class="form-col-1 ">
                                {{ Form::label('Rebuyamount', trans('tournament.RebuyAmount')) }}
                                {{ Form::text('Rebuyamount', '', ['id' => 'Rebuyamount', 'class' => 'form-control','placeholder' => trans('tournament.RebuyAmount'),'style' => 'background:#f3f3f5;']) }}
                            </div>
                            <div class="form-col-1 ">
                                 {{ Form::label('Rebuyrake', trans('tournament.Rebuyrake')) }}
                                {{ Form::text('Rebuyrake', '', ['id' => 'Rebuyrake', 'class' => 'form-control','style' => 'background:#f3f3f5;','placeholder' => trans('tournament.Rebuyrake')]) }}

                            </div>

                            <div class="form-col-1">
                                 {{ Form::label('Rebuycount', trans('tournament.Rebuycount')) }}
                                {{ Form::text('Rebuycount', 'Unlimited', ['id' => 'Rebuycount', 'class' => 'form-control','readonly' => 'true','style' => 'background:#f3f3f5;']) }}
                            </div>
                        </div>


                    </div>

                    <hr>
                    <h3 class="card-title" style="display:block;color: black;font-weight: bold;">{{ trans('tournament.Recurrence Settings') }}</h3>
                    <h3 class="card-title" >{{ trans('tournament.Recurrence Settings') }}</h3>
                    <div class="card-primary card-form-1">
                        <div class="card-body">

                            <div class="form-col-1">
                                {{ Form::label('recurrenceType',  trans('tournament.Recurrence Type'), ['class' => 'required'])}}
                                {{ Form::select('recurrence_type', $recurrenceType, '', ['class' => 'form-control select2', 'id' => 'recurrence_type', 'placeholder' => 'Select']) }}
                                <span id="recurrence_type-error" class="error-help-block"></span>
                            </div>

                           
                            


                            <div class="form-col-4 " id="daily" style="padding-top: 35px;">
                                
                                <label>
                                            <input type="radio" name="daily_recurrence_every" value="1" checked>
                                            <span class="radio-label every_recurrence">All Days</span></label>&nbsp;&nbsp;
                                            <input type="hidden" name="daily_recurrence_every_num" value="1">&nbsp;
                                        </label>
                                <span id="daily_recurrence_every_num-error" class="error-help-block"></span>

                                <label>
                                            <input type="radio" name="daily_recurrence_every" value="2">
                                            <span class="radio-label">Consecutive days (1)</span></label>

                                <span id="daily_recurrence_every-error" class="error-help-block"></span>
                            </div>

                           
                            <div class="form-col-4 " id="week" style="padding-top: 20px;">
                                <div class="radio">
                                    <label><input type="radio" name="weekly_recurrence_every" value="3" checked><span
                                            class="radio-label every_recurrence"> Reccur Every 1 week on:
                                        </span>&nbsp;</label>
                                    <input type="hidden" name="weekly_recurrence_every_num" value="1" >&nbsp;
                                </div>
                                <span id="weekly_recurrence_every_num-error" class="error-help-block"></span>
                                <span id="weekly_recurrence_every-error" class="error-help-block"></span>
                                <div class="radio">
                                    <label>
                                        <input type="checkbox" name="weekly_recurrence_day[]" value="1">
                                        {{trans('marketing.Sunday')}}
                                    </label>
                                    <label>
                                        <input type="checkbox" name="weekly_recurrence_day[]" value="2" checked>
                                        {{trans('marketing.Monday')}}
                                    </label>
                                    <label>
                                        <input type="checkbox" name="weekly_recurrence_day[]" value="3">
                                        {{trans('marketing.Tuesday')}}
                                    </label>
                                    <label>
                                        <input type="checkbox" name="weekly_recurrence_day[]" value="4">
                                        {{trans('marketing.Wednesday')}}
                                    </label>
                                    <label>
                                        <input type="checkbox" name="weekly_recurrence_day[]" value="5">
                                        {{trans('marketing.Thrusday')}}
                                    </label>
                                    <label>
                                        <input type="checkbox" name="weekly_recurrence_day[]" value="6">
                                        {{trans('marketing.Friday')}}
                                    </label>
                                    <label>
                                        <input type="checkbox" name="weekly_recurrence_day[]" value="7">
                                        {{trans('marketing.Saturday')}}
                                    </label>
                                </div>
                                <span id="weekly_recurrence_day-error" class="error-help-block"></span>

                            </div>

                            <div class="form-col-4 " id="month" style="padding-top: 35px;">

                                <div class="radio">
                                    <label>
                                        <input type="radio" name="monthly_recurrence_day" value="3" checked>
                                        <span class="radio-label every_recurrence">Start Date of Tournament </span>
                                    </label>&nbsp;&nbsp;
                                    <input type="text" name="monthly_recurrence_day_num" value="1" >&nbsp; <span class="radio-label every_recurrence">of Every 1 Month  </span>
                                    <input type="hidden" name="monthly_recurrence_every_mon" value="1" >  
                                </div>

                                <span id="monthly_recurrence_day-error" class="error-help-block"></span>
                                <span id="monthly_recurrence_day_num-error" class="error-help-block"></span>
                                <span id="monthly_recurrence_every_mon-error" class="error-help-block"></span>

                            </div>

                        </div>
                    </div>
                    <hr>
                    <h3 class="card-title" style="display:block;color: black;font-weight: bold;">{{ trans('tournament.Range Of Recurrence') }}</h3>
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <div class="form-col-1">
                                {{ Form::label('recurrenceStartTime', trans('tournament.Start Date and Time'), ['class' => 'required']) }}
                                {{ Form::text('recurrenceStartTime', '', ['class' => 'form-control', 'id' => 'recurrenceStartTime']) }}
                                <span id="recurrenceStartTime-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('recurrenceEndTime', trans('tournament.End Date and Time'), ['class' => 'required']) }}
                                {{ Form::text('recurrenceEndTime', '', ['class' => 'form-control', 'id' => 'recurrenceEndTime']) }}
                                <span id="recurrenceEndTime-error" class="error-help-block"></span>
                            </div>

                        </div>
                    </div>

                    <hr>
                    <h3 class="card-title" style="display:block;color: black;font-weight: bold;">{{ trans('tournament.Timings') }}</h3>
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <div class="form-col-1">
                                {{ Form::label('announcementStartsInDay', trans('tournament.Announcement Starts Day'), ['class' => 'required']) }}
                                {{ Form::select('announcementStartsInDay', $annStartsDay, '', ['class' => 'form-control select2', 'id' => 'annStartsDay', 'placeholder' => 'Select']) }}
                                <span id="announcementStartsInDay-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('annoncementStartsInHour', trans('tournament.Announcement Starts Hour'), ['class' => 'required']) }}
                                {{ Form::select('annoncementStartsInHour', $annStartsHour, '', ['class' => 'form-control select2', 'id' => 'annStartsHour', 'placeholder' => 'Select']) }}
                                <span id="annoncementStartsInHour-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('registrationStartsInDay', trans('tournament.Registration Starts Day'), ['class' => 'required']) }}
                                {{ Form::select('registrationStartsInDay', $annStartsDay, '', ['class' => 'form-control select2', 'id' => 'regStartsDay', 'placeholder' => 'Select']) }}
                                <span id="registrationStartsInDay-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('registrationStartsInHour', trans('tournament.Registration Starts Hour'), ['class' => 'required']) }}
                                {{ Form::select('registrationStartsInHour', $annStartsHour, '', ['class' => 'form-control select2', 'id' => 'regStartsHour', 'placeholder' => 'Select']) }}
                                <span id="registrationStartsInHour-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <h3 class="card-title" style="display:block;color: black;font-weight: bold;">{{ trans('tournament.Level Config') }}</h3>
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <!-- <div class="form-col-1" style="display:none;">
                                {{ Form::label('levelCount',  trans('tournament.No Of Levels'), ['class' => 'required'])}}
                                <div class="radio">
                                    <label><input type="radio" name="levelCount" value="3"><span
                                            class="radio-label">3</span></label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="levelCount" value="5" checked><span
                                            class="radio-label">5</span></label>
                                </div>
                                <span id="levelCount-error" class="error-help-block"></span>
                            </div> -->

                            <div class="form-col-1">
                                {{ Form::label('levelCount', trans('tournament.No of Levels'), ['class' => 'required']) }}
                                {{ Form::select('levelCount', $noOfLevels, '2', ['class' => 'form-control select2', 'id' => 'levelCount', 'placeholder' => 'Select']) }}
                                <span id="levelCount-error" class="error-help-block"></span>
                            </div>

                            <div class="form-col-1">
                                {{ Form::label('maxPlayer', trans('tournament.Max Players'), ['class' => 'required']) }}
                                {{ Form::select('maxPlayer', $maxPlayer, '', ['class' => 'form-control select2', 'id' => 'maxPlayer', 'placeholder' => 'Select']) }}
                                <span id="maxPlayer-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('minPlayer', trans('tournament.Min Players'), ['class' => 'required']) }}
                                {{ Form::select('minPlayer', ['' => 'Select'], '', ['class' => 'form-control guaranteedPrize select2', 'id' => 'minPlayer', 'placeholder' => 'Select']) }}
                                <span id="minPlayer-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('levelTime', trans('tournament.Level Time'), ['class' => 'required']) }}
                                {{ Form::select('levelTime', $levelTime, '', ['class' => 'form-control select2', 'id' => 'levelTime', 'placeholder' => 'Select']) }}
                                <span id="levelTime-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('breakTime', trans('tournament.Break Time'), ['class' => 'required']) }}
                                {{ Form::select('breakTime', $breakTime, '', ['class' => 'form-control select2', 'id' => 'breakTime', 'placeholder' => 'Select']) }}
                                <span id="breakTime-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>

                    <h3 class="card-title" style="display:block;color: black;font-weight: bold;">{{ trans('tournament.Level Settings') }}</h3>
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <table width="100%" cellpadding="10" cellspacing="10" class="levelset_table">
                                <tbody>
                                    <tr style="font-weight:bold;">
                                        <td align="center">{{ trans('tournament.Level') }}</td>
                                        <td align="center">{{ trans('tournament.Point Value') }}</td>
                                        <td align="center">{{ trans('tournament.Min Chips') }}</td>
                                        <td align="center">{{ trans('tournament.Initial Chips') }}</td>
                                        <td align="center">{{ trans('tournament.Rebuy') }}</td>
                                        <td align="center">{{ trans('tournament.Reload') }}</td>
                                    </tr>
                                    <tr>
                                        <td align="center">1</td>
                                        <td>
                                            <div>
                                                {{ Form::select('pointValue_1', $pointValue, '', ['class' => 'form-control select2', 'id' => 'pointValue_1', 'style' => 'width:100%']) }}
                                                <span id="pointValue_1-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="minChips_1" type="text" id="minChips_1"
                                                    class="form-control" readonly="readonly">
                                                <span id="minChips_1-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <select style='width:130px' name="initialChips" id="initialChips"
                                                    class="form-control">
                                                    <option value="" selected="selected">Select</option>
                                                </select>
                                                <span id="initialChips-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="levelRebuy_1" type="text" class="form-control"
                                                    id="levelRebuy_1"  maxlength="10" onkeypress="return checkNumberKey(event)">
                                                <span id="levelRebuy_1-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="levelReload_1" type="text" class="form-control"
                                                    id="levelReload_1" readonly="true">
                                                <span id="levelReload_1-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr id="row_level_2">
                                        <td align="center">2</td>
                                        <td>
                                            <div>
                                                <input name="pointValue_2" type="text" id="pointValue_2"
                                                    class="form-control" readonly="readonly">
                                                <span id="pointValue_2-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="minChips_2" type="text" id="minChips_2"
                                                    class="form-control" readonly="readonly">
                                                <span id="minChips_2-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td align="center">-</td>
                                        <td>
                                            <div>
                                                <input name="levelRebuy_2" type="text" class="form-control"
                                                    id="levelRebuy_2" readonly="readonly" maxlength="10" onkeypress="return checkNumberKey(event)">
                                                <span id="levelRebuy_2-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="levelReload_2" type="text" class="form-control"
                                                    id="levelReload_2" readonly="true">
                                                <span id="levelReload_2-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr id="row_level_3">
                                        <td align="center">3</td>
                                        <td>
                                            <div>
                                                <input name="pointValue_3" type="text" id="pointValue_3"
                                                    class="form-control" readonly="readonly">
                                                <span id="pointValue_3-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="minChips_3" type="text" id="minChips_3"
                                                    class="form-control" readonly="readonly">
                                                <span id="minChips_3-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td align="center">-</td>
                                        <td>
                                            <div>
                                                <input name="levelRebuy_3" type="text" class="form-control"
                                                    id="levelRebuy_3" readonly="true" maxlength="10" onkeypress="return checkNumberKey(event)">
                                                <span id="levelRebuy_3-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="levelReload_3" type="text" class="form-control"
                                                    id="levelReload_3" readonly="true">
                                                <span id="levelReload_3-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr id="row_level_4">
                                        <td align="center">4</td>
                                        <td>
                                            <div>
                                                <input name="pointValue_4" type="text" id="pointValue_4"
                                                    class="form-control" readonly="readonly">
                                                <span id="pointValue_4-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="minChips_4" type="text" id="minChips_4"
                                                    class="form-control" readonly="readonly">
                                                <span id="minChips_4-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td align="center">-</td>
                                        <td>
                                            <div>
                                                <input name="levelRebuy_4" type="text" class="form-control"
                                                    id="levelRebuy_4" maxlength="10" onkeypress="return checkNumberKey(event)">
                                                <span id="levelRebuy_4-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="levelReload_4" type="text" class="form-control"
                                                    id="levelReload_4" readonly="true">
                                                <span id="levelReload_4-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr id="row_level_5">
                                        <td align="center">5</td>
                                        <td>
                                            <div>
                                                <input name="pointValue_5" type="text" id="pointValue_5"
                                                    class="form-control" readonly="readonly">
                                                <span id="pointValue_5-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="minChips_5" type="text" id="minChips_5"
                                                    class="form-control" readonly="readonly">
                                                <span id="minChips_5-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td align="center">-</td>
                                        <td>
                                            <div>
                                                <input name="levelRebuy_5" type="text" class="form-control"
                                                    id="levelRebuy_5" maxlength="10" onkeypress="return checkNumberKey(event)">
                                                <span id="levelRebuy_5-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div>
                                                <input name="levelReload_5" type="text" class="form-control"
                                                    id="levelReload_5" readonly="true">
                                                <span id="levelReload_5-error" class="error-help-block"></span>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <h3 class="card-title" style="display:block;color: black;font-weight: bold;">{{ trans('tournament.Prize Structure') }}</h3>
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <div class="form-col-1">
                                {{ Form::label('prizeType', trans('tournament.Prize Type'), ['class' => 'required']) }}
                                {{ Form::select('prizeType', $prizeType, '1', ['class' => 'form-control select2', 'id' => 'prizeType', 'placeholder' => 'Select']) }}
                                <span id="prizeType-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1 ">
                                {{ Form::label('prizeBalanceType',  trans('tournament.Prize Balance Type'), ['class' => 'required'])}} <br>
                                <label><input type="radio" name="prizeBalanceType" value="3"  checked ><span class="radio-label">{{trans('tournament.Win')}}</span></label>

                                <label style="margin-left: 45px;"><input type="radio" name="prizeBalanceType" value="2"><span class="radio-label">{{trans('tournament.Promo')}}</span></label>

                                <span id="prizeBalanceType-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <h3 class="card-title" style="display:block;color: black;font-weight: bold;">{{ trans('tournament.Prize Distribution') }}</h3>
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <div class="form-col-1 ">
                                {{ Form::label('tournamentPrizeType', trans('tournament.Tournament Prize Type'), ['class' => 'required']) }} <br>
                                <label><input type="radio" name="tournamentPrizeType" value="1"  checked ><span class="radio-label">{{trans('tournament.Custom')}}</span></label>

                                <label style="margin-left: 65px;"><input type="radio" name="tournamentPrizeType" value="2"><span class="radio-label">{{trans('tournament.Default')}}</span></label>

                                <span id="tournamentPrizeType-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('guaranteedPrize',  trans('tournament.Guaranteed Prize').' '.env('CURRENCY_SYMBOL'), ['class' => 'required'])}}
                                {{ Form::text('guaranteedPrize', '', ['class' => 'form-control', 'id' => 'guaranteedPrize', 'min' => '0','maxlength' => '8','onkeypress'=>'return checkNumberKey(event)']) }}




                                <span id="guaranteedPrize-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1 customPrize">
                                {{ Form::label('noOfPrizes',  trans('tournament.No. Of Prizes'), ['class' => 'required'])}}
                                <label style="margin-left: 15px;"><input type="checkbox" name="autofill" value="1"><span
                                        class="radio-label">{{trans('tournament.Autofill')}}</span></label>
                                {{ Form::number('noOfPrizes', '', ['class' => 'form-control', 'id' => 'noOfPrizes']) }}
                                <span id="noOfPrizes-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>

                    <div class="card-primary card-form-1 customPrize">
                        <div class="card-body" id="customPrize">
                        </div>
                        <span id="customPrize-error" class="error-help-block"></span>
                    </div>

                    <!-- <div class="card-primary card-form-1" id="defaultPrize">
                        <div class="card-body">
                            <table width="100%" cellspacing="0" cellpadding="0" border="1">
                                <tbody>
                                    <tr height="35">
                                        <td align="center" rowspan="2" height="55"><strong>Players</strong></td>
                                        <td align="center"><strong>5-30</strong></td>
                                        <td align="center"><strong>31-50</strong></td>
                                        <td align="center"><strong>51-100</strong></td>
                                        <td align="center"><strong>101-200</strong></td>
                                        <td align="center"><strong>201-300</strong></td>
                                        <td align="center"><strong>301-400</strong></td>
                                        <td align="center"><strong>401-500</strong></td>
                                        <td align="center"><strong>501-600</strong></td>
                                        <td align="center"><strong>601-800</strong></td>
                                        <td align="center"><strong>801-1000</strong></td>
                                        <td align="center"><strong>1001-1500</strong></td>
                                        <td align="center"><strong>1501+</strong></td>
                                    </tr>
                                    <tr height="20">
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                        <td align="center"><strong>(%)</strong></td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>1</strong></td>
                                        <td align="right">50.00</td>
                                        <td align="right">40.00</td>
                                        <td align="right">30.00</td>
                                        <td align="right">27.50</td>
                                        <td align="right">27.00</td>
                                        <td align="right">25.00</td>
                                        <td align="right">25.00</td>
                                        <td align="right">25.00</td>
                                        <td align="right">25.00</td>
                                        <td align="right">25.00</td>
                                        <td align="right">25.00</td>
                                        <td align="right">22.50</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>2</strong></td>
                                        <td align="right">30.00</td>
                                        <td align="right">24.00</td>
                                        <td align="right">20.00</td>
                                        <td align="right">17.50</td>
                                        <td align="right">16.50</td>
                                        <td align="right">16.00</td>
                                        <td align="right">15.00</td>
                                        <td align="right">15.00</td>
                                        <td align="right">14.50</td>
                                        <td align="right">14.00</td>
                                        <td align="right">14.00</td>
                                        <td align="right">12.50</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>3</strong></td>
                                        <td align="right">20.00</td>
                                        <td align="right">16.00</td>
                                        <td align="right">12.00</td>
                                        <td align="right">11.50</td>
                                        <td align="right">11.00</td>
                                        <td align="right">10.50</td>
                                        <td align="right">10.00</td>
                                        <td align="right">9.50</td>
                                        <td align="right">9.25</td>
                                        <td align="right">9.00</td>
                                        <td align="right">8.50</td>
                                        <td align="right">8.50</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>4</strong></td>
                                        <td></td>
                                        <td align="right">12.00</td>
                                        <td align="right">9.25</td>
                                        <td align="right">8.50</td>
                                        <td align="right">8.00</td>
                                        <td align="right">8.00</td>
                                        <td align="right">7.50</td>
                                        <td align="right">7.00</td>
                                        <td align="right">6.75</td>
                                        <td align="right">6.50</td>
                                        <td align="right">6.25</td>
                                        <td align="right">6.25</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>5</strong></td>
                                        <td></td>
                                        <td align="right">8.00</td>
                                        <td align="right">7.50</td>
                                        <td align="right">7.25</td>
                                        <td align="right">7.00</td>
                                        <td align="right">7.00</td>
                                        <td align="right">6.50</td>
                                        <td align="right">6.00</td>
                                        <td align="right">5.75</td>
                                        <td align="right">5.50</td>
                                        <td align="right">5.25</td>
                                        <td align="right">5.25</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>6</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">6.25</td>
                                        <td align="right">5.75</td>
                                        <td align="right">5.50</td>
                                        <td align="right">5.50</td>
                                        <td align="right">5.50</td>
                                        <td align="right">5.00</td>
                                        <td align="right">4.75</td>
                                        <td align="right">4.50</td>
                                        <td align="right">4.25</td>
                                        <td align="right">4.25</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>7</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">5.25</td>
                                        <td align="right">4.50</td>
                                        <td align="right">4.50</td>
                                        <td align="right">4.50</td>
                                        <td align="right">4.50</td>
                                        <td align="right">4.00</td>
                                        <td align="right">3.75</td>
                                        <td align="right">3.50</td>
                                        <td align="right">3.25</td>
                                        <td align="right">3.25</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>8</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">4.25</td>
                                        <td align="right">3.00</td>
                                        <td align="right">3.00</td>
                                        <td align="right">3.00</td>
                                        <td align="right">3.00</td>
                                        <td align="right">3.00</td>
                                        <td align="right">2.75</td>
                                        <td align="right">2.50</td>
                                        <td align="right">2.25</td>
                                        <td align="right">2.25</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>9</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">3.25</td>
                                        <td align="right">2.00</td>
                                        <td align="right">1.75</td>
                                        <td align="right">1.75</td>
                                        <td align="right">1.75</td>
                                        <td align="right">1.75</td>
                                        <td align="right">1.75</td>
                                        <td align="right">1.50</td>
                                        <td align="right">1.50</td>
                                        <td align="right">1.50</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>10</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">2.25</td>
                                        <td align="right">1.50</td>
                                        <td align="right">1.25</td>
                                        <td align="right">1.25</td>
                                        <td align="right">1.25</td>
                                        <td align="right">1.25</td>
                                        <td align="right">1.25</td>
                                        <td align="right">1.00</td>
                                        <td align="right">1.00</td>
                                        <td align="right">1.00</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>11-15</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">1.20</td>
                                        <td align="right">0.95</td>
                                        <td align="right">0.95</td>
                                        <td align="right">0.95</td>
                                        <td align="right">0.95</td>
                                        <td align="right">0.95</td>
                                        <td align="right">0.90</td>
                                        <td align="right">0.85</td>
                                        <td align="right">0.85</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>16-20</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">1.00</td>
                                        <td align="right">0.75</td>
                                        <td align="right">0.75</td>
                                        <td align="right">0.75</td>
                                        <td align="right">0.75</td>
                                        <td align="right">0.75</td>
                                        <td align="right">0.70</td>
                                        <td align="right">0.65</td>
                                        <td align="right">0.65</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>21-30</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">0.60</td>
                                        <td align="right">0.50</td>
                                        <td align="right">0.50</td>
                                        <td align="right">0.50</td>
                                        <td align="right">0.50</td>
                                        <td align="right">0.50</td>
                                        <td align="right">0.45</td>
                                        <td align="right">0.45</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>31-40</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">0.40</td>
                                        <td align="right">0.35</td>
                                        <td align="right">0.35</td>
                                        <td align="right">0.35</td>
                                        <td align="right">0.35</td>
                                        <td align="right">0.35</td>
                                        <td align="right">0.35</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>41-50</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">0.30</td>
                                        <td align="right">0.30</td>
                                        <td align="right">0.30</td>
                                        <td align="right">0.30</td>
                                        <td align="right">0.30</td>
                                        <td align="right">0.30</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>51-60</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">0.25</td>
                                        <td align="right">0.25</td>
                                        <td align="right">0.25</td>
                                        <td align="right">0.25</td>
                                        <td align="right">0.25</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>61-70</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">0.20</td>
                                        <td align="right">0.20</td>
                                        <td align="right">0.20</td>
                                        <td align="right">0.20</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>71-90</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">0.15</td>
                                        <td align="right">0.15</td>
                                        <td align="right">0.15</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>91-110</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">0.13</td>
                                        <td align="right">0.13</td>
                                    </tr>
                                    <tr height="21">
                                        <td align="center"><strong>111-150</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td align="right">0.10</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div> -->

                    <div class="card-primary card-form-1" id="defaultPrize" style=" overflow-x: scroll !important;width: auto;max-width: max-content;"><img src="https://www.indiaplays.com/network/app/poker/pc/assets/prizesheet1.png"> </div>
                    
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <div class="button_sec" id="form-buttons">
                                <button class="btn btn-primary"
                                    id="createTournament-form-submit">{{ trans('tournament.Create') }}</button>
                                <button class="btn btn-default"
                                    id="createTournament-form-clear">{{ trans('layout.Clear') }}</button>
                            </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>
                </form>
            </div>
            <!-- /.card-body -->
        </div>
    </section>
</div>
@endsection
@section('javascript')

<script type="text/javascript">

    function checkNumberKey(evt) {
           var charCode = (evt.which) ? evt.which : event.keyCode;
           //alert(charCode);
           if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        
           return true;
    }


    $('.entry-criteria, #row_level_3, #row_level_4, #row_level_5, #defaultPrize, #daily, #week, #month').hide();
    // -----------------

    

    // $("input[name='recurrence_type']").change(function () {
    $("#recurrence_type").change(function () {
        var recurrence_type = $(this).val();
        if (recurrence_type == 1) {
            $('#daily').show();
            $('#week,#month').hide();

        } else if (recurrence_type == 2) {
            $('#week').show();
            $('#daily,#month').hide();

        } else if (recurrence_type == 3) {
            $('#month').show();
            $('#daily,#week').hide();
        } else {
            $('#daily,#week,#month').hide();
        }

    });

    $("#annStartsDay").change(function () {
        // alert($(this).val());
    });

    // -----------------

    $(document).on('change', '.number', function () {
        var num = $(this).val();
        if (num < 0.1) {
            $(this).val('');
        }
    });

    $('#recurrenceStartTime, #recurrenceEndTime, #tournamentStartTime').daterangepicker({
        singleDatePicker: true,
        timePicker: true,
        minDate: moment(),
        maxDate: moment().add(1, 'years'),
        locale: {
            format: 'YYYY-MM-DD hh:mm:00 A'
        }
    });

    $('#recurrenceEndTime').daterangepicker({
        singleDatePicker: true,
        timePicker: true,
        minDate:  moment().startOf('hour').add(32, 'hour'),
        maxDate: moment().add(1, 'years'),
        locale: {
            format: 'YYYY-MM-DD hh:mm:00 A'
        }
    });


    $('#recurrenceStartTime, #recurrenceEndTime').val('');


    $("#cashType").change(function(){
        var cashType = $(this).val();
        if(cashType == 1) {
            $("#cashcriteria").show();
            $('#Rebuyamount').attr("readonly","true");
            $('#Rebuyrake').attr("readonly","true");
            $('.balanceType').show();
        } else {
            $("#cashcriteria").hide();
            $('#Rebuyamount').attr("readonly","true");
            $('#Rebuyrake').attr("readonly","true");
            $('.balanceType').hide();
        }
    });

    $("#amount").change(function(){
        var amount = $(this).val();
          $("#Rebuyamount").val(amount);
    });

    $("#rake").change(function(){
        var rake = $(this).val();
        $("#Rebuyrake").val(rake);
    });


    $("#tournamentType").change(function () {
        var type = $(this).val();
        if (type == 1) {
            $('.entry-criteria').show();
            $("input:radio[name='prizeBalanceType']").filter('[value=3]').prop('checked', true);
        } else {
            $('.entry-criteria').hide();
            $('#amount').select2('destroy');
            $('#amount, #rake').val('');
            $('#amount').select2({
                placeholder: "Select",
                allowClear: true
            });
            $("input:radio[name='prizeBalanceType']").filter('[value=2]').prop('checked', true);
        }
        $("#amount").trigger('change');
         $('#Rebuyamount').attr("readonly","true");
            $('#Rebuyrake').attr("readonly","true");
    });

    $("#maxPlayer").change(function () {
        $('#minPlayer').select2('destroy');
        var minplyr = '<option value="">Select</option>';
        if ($("#maxPlayer").val() != '') {
            var mplyrs = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
            for (i = 0; i < mplyrs.length; i++) {
                if (Math.round(Number(this.value * mplyrs[i] / 100)) >= 5) {
                    minplyr += '<option value="' + Math.round(Number(this.value * mplyrs[i] / 100)) + '">' +
                        Math.round(Number(this.value * mplyrs[i] / 100)) + '</option>';
                }
            }
            $("#minPlayer").html(minplyr);
        } else {
            $("#minPlayer").html(minplyr);
        }

        $('#minPlayer').select2({
            placeholder: "Select",
            allowClear: true
        });

        $(this).closest('div').next('div').find('.error-help-block').html('');
    });

    $("#amount").change(function () {
        /* rebuy */
        // var levelCount = $("input[name='levelCount']:checked").val();
        var levelCount = $('#levelCount').find(":selected").val();
        for (r1 = 1; r1 <= levelCount; r1++) {
            var amount = $(this).val();
            if (amount != '') {
                if (r1 == levelCount) {
                    $('#levelRebuy_' + r1 + '').val('-');
                } else {
                    $('#levelRebuy_' + r1 + '').val(Number(amount) * r1);
                }
            } else {
                $('#levelRebuy_1, #levelRebuy_2, #levelRebuy_3, #levelRebuy_4, #levelRebuy_5').val('');
            }

            $('#levelRebuy_' + r1 + '').trigger('change');
        }
        if (levelCount == 3) {
            // $('#levelRebuy_3').attr("readonly","true");
            $('#levelRebuy_4, #levelRebuy_5').val('');
        }

    });

    // $("input[name='levelCount']").change(function () {
    //     $("#amount").trigger('change');
    //     $("#pointValue_1").trigger('change');
    //     var levelCount = $("input[name='levelCount']:checked").val();
    //     if (levelCount == 3) {
    //         $('#row_level_4, #row_level_5').hide();
    //         $('#row_level_4, #row_level_5').find('td').find('.form-control').val('');
    //     } else {
    //         $('#row_level_4, #row_level_5').show();
    //     }
    // });


     $("#levelCount").change(function() {
       
        $("#amount").trigger('change');
        $("#pointValue_1").trigger('change');
        var levelCount = $('#levelCount').find(":selected").val();
        if(levelCount == 2){
             $('#row_level_2').show();
             $('#levelRebuy_3').removeAttr("readonly","true");
            $('#levelRebuy_4').removeAttr("readonly","true");
            $('#levelRebuy_5').removeAttr("readonly","true");
            $('#levelRebuy_2').attr("readonly","true");

            $('#row_level_3,#row_level_4, #row_level_5').hide();
            $('#row_level_3,#row_level_4, #row_level_5').find('td').find('.form-control').val('');
        }
        else if(levelCount == 3){
            $('#row_level_2,#row_level_3').show();
             $('#levelRebuy_4').removeAttr("readonly","true");
            $('#levelRebuy_5').removeAttr("readonly","true");
            $('#levelRebuy_3').attr("readonly","true");
             $('#levelRebuy_2').removeAttr("readonly","true");
            $('#row_level_4, #row_level_5').hide();
            $('#row_level_4, #row_level_5').find('td').find('.form-control').val('');
        }
        else if(levelCount == 4){
            $('#row_level_3, #row_level_4').show();
            $('#levelRebuy_4').attr("readonly","true");
            $('#levelRebuy_3').removeAttr("readonly","true");
             $('#levelRebuy_2').removeAttr("readonly","true");

            $('#levelRebuy_5').removeAttr("readonly","true");
            $('#row_level_5').hide();
            $('#row_level_5').find('td').find('.form-control').val('');
        }

        else{
            $('#row_level_3,#row_level_4, #row_level_5').show();
             $('#levelRebuy_2').removeAttr("readonly","true");
            $('#levelRebuy_3').removeAttr("readonly","true");
            $('#levelRebuy_4').removeAttr("readonly","true");
            $('#levelRebuy_5').attr("readonly","true");
        }
    });


    $("#pointValue_1").change(function () {
        var pvalue = this.value;
        // var levelCount = $("input[name='levelCount']:checked").val();
        var levelCount = $('#levelCount').find(":selected").val();

        /* update point value */
        var pointVal = "";
        for (p = 2; p <= levelCount; p++) {
            pointVal = Number(pvalue) * p;
            if ($("#pointValue_1").val() != "") {
                $('#pointValue_' + p + '').val(pointVal);
            } else {
                $('#pointValue_' + p + '').val('');
            }
            $('#pointValue_' + p + '').trigger('change');
        }

        /* update minchips */
        var minchipVal = "";
        for (m = 1; m <= levelCount; m++) {
            minchipVal = Number(pvalue) * m;
            if ($("#pointValue_1").val() != "") {
                $('#minChips_' + m + '').val(Number(minchipVal) * 80);
            } else {
                $('#minChips_' + m + '').val('');
            }
            $('#minChips_' + m + '').trigger('change');
        }

        /* update initial chips */
        if ($("#pointValue_1").val() != "") {
            var ichipArr = [2, 2.5, 3, 4, 5];
            $('#initialChips')
                .empty()
                .append('<option value="" selected="selected">Select</option>');
            for (i = 0; i < ichipArr.length; i++) {
                $('#initialChips')
                    .append('<option value="' + Number($('#minChips_1').val()) * ichipArr[i] + '">' + Number($(
                        '#minChips_1').val()) * ichipArr[i] + '</option>');
            }
        } else {
            $('#initialChips')
                .empty()
                .append('<option value="" selected="selected">Select</option>');
        }

        /* reload */
        for (rl = 1; rl <= levelCount; rl++) {
            if ($("#pointValue_1").val() != "") {
                if (rl == levelCount) {
                    $('#levelReload_' + rl + '').val('-');
                } else {
                    var reloadval = $('#minChips_' + Number(rl + 1) + '').val()
                    $('#levelReload_' + rl + '').val(reloadval);
                }
            } else {
                $('#levelReload_' + rl + '').val('');
            }
            $('#levelReload_' + rl + '').trigger('change');
        }
    });

    $("input[name='tournamentPrizeType']").change(function () {
        var tournamentPrizeType = $("input[name='tournamentPrizeType']:checked").val();
        if (tournamentPrizeType == 1) {
            $('#defaultPrize').hide();
            $('.customPrize').show();
        } else {
            $('#defaultPrize').show();
            $('.customPrize').hide();
        }

        resetNoPrize();
    });

    $(".guaranteedPrize").change(function () {
        var tournamentType = $('#tournamentType').val();
        if (tournamentType == 1) {
            var value = Number($('#amount').val()) * Number($('#minPlayer').val()) * Number($('#rake').val() /
                100);

            var rakeAmount = $('#amount').val() * $('#rake').val() / 100;
            var betAmount = Number($('#amount').val() - rakeAmount);
            var minPlayers = $('#minPlayer').val();
            var guaranteedPrize = Number(minPlayers) * Number(betAmount);
            if (guaranteedPrize != '') {
                $('#guaranteedPrize').val(guaranteedPrize);
                $('#guaranteedPrize').trigger('change');
            } else {
                $('#guaranteedPrize').val('');
            }
        } else {
            $('#guaranteedPrize').val('');
        }
        resetNoPrize();
    });

    $("input:checkbox[name='autofill']").change(function () {
        var autofill = $("input[name='autofill']:checked").val();
        var maxPlayer = $('#maxPlayer').val();
        var minPlayer = $('#minPlayer').val();
        if ((autofill == 1) && (maxPlayer > 0) && (minPlayer > 0)) {
            var data = new FormData();
            data.append('maxPlayer', maxPlayer);
            data.append('minPlayer', minPlayer);
            data.append('_token', '{{ csrf_token() }}');

            $.ajax({
                type: 'POST',
                url: "{{ route('rummytournament.getPrizeRange') }}",
                data: data,
                dataType: 'JSON',
                contentType: false,
                processData: false,
                beforeSend: function () {},
                success: function (response) {
                    if (response.status == 200) {
                        var range = response.msg.range;
                        var rangeValue = response.msg.rangeValues;
                        generateNoOfPrizeOption(range, rangeValue);
                    } else {
                        swal(response.msg, {
                            icon: "warning",
                        });
                    }
                },
                error: function () {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                },
                complete: function () {}
            });
        } else {
            resetNoPrize();
        }
    });

    function generateNoOfPrizeOption(range, rangeValue) {
        var noOfPrizes = '<select name="noOfPrizes" id="noOfPrizes" class="form-control">';
        noOfPrizes += '<option value="">Select</option>';
        for (i = 0; i <= range.length; i++) {
            if (range[i] <= $('#minPlayer').val()) {
                if (rangeValue[i] > 11) {
                    var changeRange = rangeIncrease(range[i], rangeValue[i]);
                    noOfPrizes += '<option range="' + range[i] + '" value="' + rangeValue[i] + '">' + changeRange +
                        '</option>';
                } else {
                    noOfPrizes += '<option range="' + range[i] + '" value="' + rangeValue[i] + '">' + rangeValue[i] +
                        '</option>';
                }
            }
        }
        noOfPrizes += '</select>';
        $('#noOfPrizes').remove();
        $('#noOfPrizes-error').before(noOfPrizes);
    }

    function rangeIncrease(range, rangeValue) {
        if (rangeValue == 12) {
            changeRange = '20';
        } else if (rangeValue == 13) {
            changeRange = '30';
        } else if (rangeValue == 14) {
            changeRange = '40';
        } else if (rangeValue == 15) {
            changeRange = '50';
        } else if (rangeValue == 16) {
            changeRange = '60';
        } else if (rangeValue == 17) {
            changeRange = '70';
        } else if (rangeValue == 18) {
            changeRange = '90';
        } else if (rangeValue == 19) {
            changeRange = '110';
        } else {
            changeRange = '150';
        }
        return changeRange;
    }


    $(document).on('change', '#noOfPrizes', function () {
        var noOfPrizes = $('#noOfPrizes').val();

        var autofill = $("input[name='autofill']:checked").val();
        if ((autofill == 1) && (noOfPrizes > 0)) {
            var range = $('#noOfPrizes option:selected').attr('range');
            var data = new FormData();
            data.append('noOfPrizes', range);
            data.append('_token', '{{ csrf_token() }}');

            $.ajax({
                type: 'POST',
                url: "{{ route('rummytournament.getPrizeCount') }}",
                data: data,
                dataType: 'JSON',
                contentType: false,
                processData: false,
                beforeSend: function () {},
                success: function (response) {
                    if (response.status == 200) {
                        var prize = response.msg;
                        generatePrizeStructure(1, prize);
                    } else {
                        swal(response.msg, {
                            icon: "warning",
                        });
                    }
                },
                error: function () {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                },
                complete: function () {}
            });
        }

        if ((autofill != 1) && (noOfPrizes > 0)) {
            generatePrizeStructure(0, 0);
        }

        if (noOfPrizes == '') {
            $('#customPrize').html('');
        }

    });

    function generatePrizeStructure(autofill, prize) {
        var table =
            '<table width="100%" cellpadding="10" cellspacing="10"><tr style="font-weight:bold;"><td width="10%">Rank</td><td width="20%" align="center">Prize(%)</td><td width="20%" align="center">Prize amount   {!! env("CURRENCY_SYMBOL") !!}</td></tr>';

        var prizecount = Number($('#noOfPrizes').val());

        if (prizecount > 0) {
            var i = 0;
            var amt = "0";
            var pcr = "0";
            for (j = 1; j <= prizecount; j++) {

                if (autofill == 1) {
                    amt = Number($('#guaranteedPrize').val()) * Number(prize[i] / 100);
                    pcr = prize[i];
                }

                table += '<tr id="prizeStructureRow_' + j + '">';
                table += '<td>';

                if ((autofill == 1) && (j >= 11)) {
                    var labelValue = rangeValueIncreased(j);
                    table += labelValue + '<input type="hidden" name="rank_' + j + '" value="' + labelValue + '" />';
                } else {
                    table += '<label>' + j + '</label>';
                }


                table += '</td>';
                table += '<td>';
                table += '<div><input name="prizePercentage_' + j +
                    '" type="number" class="form-control prizePercentage" id="prizePercentage_' + j + '" value=' + pcr +
                    ' onchange="javascript:generatePrizeAmount(this);" min="0" max="100" /><span id="prizePercentage_' +
                    j + '-error" class="error-help-block"></span></div>';
                table += '</td>';
                table += '<td>';
                table += '<input type="number" class="form-control prizeAmount" id="prizeAmount_' + j + '" value=' +
                    amt + ' readonly="readonly" />';
                table += '</td>';
                // table += '<td>&nbsp;</td>';
                table += '</tr>';

                i++;
            }
        }

        table += '</tr></table>';
        $('#customPrize').html(table);
        $('#customPrize-error').html('');

    }

    function rangeValueIncreased(j) {
        switch (j) {
            case 11:
                value = '11-15';
                break;
            case 12:
                value = '16-20';
                break;
            case 13:
                value = '21-30';
                break;
            case 14:
                value = '31-40';
                break;
            case 15:
                value = '41-50';
                break;
            case 16:
                value = '51-60';
                break;
            case 17:
                value = '61-70';
                break;
            case 18:
                value = '71-90';
                break;
            case 19:
                value = '91-110';
                break;
            default:
                value = '111-150';
        }

        return value;
    }

    function generatePrizeAmount(object) {
        $('#customPrize-error').html('');

        var rowId = object.id.substring(16, 25);
        var percentage = $('#prizePercentage_' + rowId).val();
        var amount = $('#prizeAmount_' + rowId).val();
        var prevPercentage = $('#prizePercentage_' + (rowId - 1)).val();

        if ($('#guaranteedPrize').val() != '') {
            var prizeAmount = Number($('#guaranteedPrize').val()) * Number(percentage) / 100;
            if (parseInt(prevPercentage) < parseInt(percentage)) {
                $('#customPrize-error').html('Must be current amount less than of previous amount');
                $('#prizeAmount_' + rowId).val('');
                return;
            } else {
                $('#prizeAmount_' + rowId).val(prizeAmount);
            }

            var total = 0;
            $('.prizePercentage').each(function () {
                if (this.value != "") {
                    total = Number(total) + Number(this.value);
                }
            });

            if (Number(total) != 100) {
                $('#customPrize-error').html('The total prize amount must be equal of guaranteed prize');
                return;
            }
        } else {
            $('#prizeAmount_' + rowId + '').val('');
        }
    }

    /* set prize amount, based on the guaranteed prize */
    $('#guaranteedPrize').change(function () {
        var prizeVal = $('#guaranteedPrize').val();
        $("input[name^='prizePercentage']").each(function () {
            var rowId = this.id.substring(16, 25);
            if (prizeVal != '') {
                var prizeAmount = prizeVal * Number(this.value) / 100;
                if (prizeAmount != '') {
                    $('#prizeAmount_' + rowId + '').val(prizeAmount);
                } else {
                    $('#prizeAmount_' + rowId + '').val('');
                }
            } else {
                $('#prizeAmount_' + rowId + '').val('');
            }
        });
    });

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

    function resetNoPrize() {
        $("input:checkbox[name='autofill']").prop('checked', false);
        var field = '<input class="form-control" id="noOfPrizes" name="noOfPrizes" type="number">';
        $('#noOfPrizes').remove();
        $('#noOfPrizes-error').before(field);
        $('#customPrize').html('');
        return;
    }

    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;
    }

    $(document).on('click', '#createTournament-form-submit', function (e) {
        e.preventDefault();

        var formData = new FormData($('#createTournament-form')[0]);

        $.ajax({
            type: 'POST',
            url: "{{ route('rummyrecurrence.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",
                    });
                } else {
                    swal(message, {
                        icon: "warning",
                    });
                }
                $('.error-help-block').html('');
                $('#createTournament-form-clear').trigger('click');
            },
            error: function () {
                swal("{{ trans('layout.Something went wrong') }}", {
                    icon: "warning",
                });
            },
            complete: function () {
                $("#form-loader").hide();
                $("#form-buttons").show();
            }
        });
    });

    $(document).on('click', '#createTournament-form-clear', function (e) {
        e.preventDefault();
        $('.error-help-block').html('');
        $('.select2').select2('destroy');
        $(this).closest('form').find("input[type=text], input[type=number], textarea, select").val('');
        $('.select2').select2({
            placeholder: "Select",
            allowClear: true
        });

        $('.entry-criteria, #row_level_4, #row_level_5, #defaultPrize').hide();
        $("input:radio[name='levelCount']").filter('[value=3]').prop('checked', true);
        $("input:radio[name='prizeBalanceType']").filter('[value=3]').prop('checked', true);
        $("input:radio[name='tournamentPrizeType']").filter('[value=1]').prop('checked', true);
        $("input[name='tournamentPrizeType']").trigger('change');
    });

    $("#pointValue_1").trigger('change');

</script>
@stop