@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;
}
</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.Create Tournament') }}</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 Tournament') }}</li>
                    </ol>
                </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">
                        <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>

                    <hr>
                    
                    <h3 class="card-title entry-criteria">{{ trans('tournament.Entry Criteria') }}</h3> 
                    <div class="card-primary card-form-1 entry-criteria">
                        <div class="card-body">    

                            <div class="form-col-1 ">
                                {{ Form::label('cashType',  trans('tournament.Cash Type'), ['class' => 'required'])}} <br>
                                <label><input type="radio" name="cashType" class="cashType" value="1"  checked ><span class="radio-label">{{trans('tournament.Real Cash')}}</span></label>

                                <label style="margin-left: 85px;"><input type="radio" name="cashType" class="cashType" value="8" ><span class="radio-label">{{trans('tournament.Ticket')}}</span></label>

                                <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::number('rake', '', ['class' => 'form-control guaranteedPrize', 'id' => 'rake', 'min' => '0',  'max' => '100','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','style' => 'background:#f3f3f5;']) }}
                            </div>
                        </div>
                    </div>


                    
                    <h3 class="card-title">{{ trans('tournament.Timings') }}</h3> 
                    <div class="card-primary card-form-1">
                        <div class="card-body">

                            

                            <div class="form-col-1">
                                {{ Form::label('announcementTime', trans('tournament.Announcement Time'), ['class' => 'required']) }}
                                {{ Form::text('announcementTime', '', ['class' => 'form-control', 'id' => 'announcementTime']) }}
                                <span id="announcementTime-error" class="error-help-block"></span>
                            </div>


                            <div class="form-col-1">
                                {{ Form::label('registrationStartTime', trans('tournament.Registration Start Time'), ['class' => 'required']) }}
                                {{ Form::text('registrationStartTime', '', ['class' => 'form-control', 'id' => 'registrationStartTime']) }}
                                <span id="registrationStartTime-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('tournamentStartTime', trans('tournament.Tournament Start Time'), ['class' => 'required']) }}
                                {{ Form::text('tournamentStartTime', '', ['class' => 'form-control', 'id' => 'tournamentStartTime']) }}
                                <span id="tournamentStartTime-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>
                    <hr>
                    
                    <h3 class="card-title">{{ trans('tournament.Level Config') }}</h3> 
                    <div class="card-primary card-form-1">
                        <div class="card-body">                            
                            <!-- <div class="form-col-1">
                                {{-- {{ Form::label('levelCount',  trans('tournament.No Of Levels'), ['class' => 'required'])}} --}}
                                <div class="radio">
                                    <label><input type="radio" name="levelCount" value="3"  checked ><span class="radio-label">3</span></label>
                                </div>
                                <div class="radio">
                                    <label><input type="radio" name="levelCount" value="5"><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::text('levelTime', $levelTime, ['id' => 'levelTime', 'class' => 'form-control', 'placeholder' => trans('tournament.Level Time')]) }}
                                <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">{{ 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">
            <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>
        <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">
            <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="readonly">
            <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">
            <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" readonly="readonly">
            <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>

                    <hr>

                    <h3 class="card-title">{{ 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>

                    <h3 class="card-title">{{ 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::number('guaranteedPrize', '', ['class' => 'form-control', 'id' => 'guaranteedPrize', 'min' => '0']) }} -->

                                {{ 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) {
            // alert(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').hide();
    $(document).on('change', '.number', function(){
        var num = $(this).val();
        if(num < 0.1){
            $(this).val('');
        }
    });

    $('#announcementTime, #registrationStartTime, #tournamentStartTime').daterangepicker({
        singleDatePicker: true,
        timePicker: true,
        minDate: moment(),
        maxDate: moment().add(1, 'years'),
        locale: {
            format: 'YYYY-MM-DD hh:mm:00 A'
        }
    });
    $('#announcementTime, #registrationStartTime, #tournamentStartTime').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();
        
        $('.balanceType').prop('checked', false); // Unchecks the previous data, While changing the TourType.

        if(type == 1) {
            $('.entry-criteria').show();
            $("input:radio[name='prizeBalanceType']").filter('[value=3]').prop('checked', true);
        } else {
            $('.balanceType').prop('checked', false); // Unchecks the previous data, While changing the TourType.
            $('.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 = $('#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 == 2){
        //     $('#levelRebuy_3, #levelRebuy_4, #levelRebuy_5').val('');
        // }
        if(levelCount == 3){
            $('#levelRebuy_4, #levelRebuy_5').val('');
        }
        
    });

    $("#levelCount").change(function() {
       
        $("#amount").trigger('change');
        $("#pointValue_1").trigger('change');
        var levelCount = $('#levelCount').find(":selected").val();
        if(levelCount == 2){
            // $('#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('');

             $('#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_3').show();
            // $('#levelRebuy_4').removeAttr("readonly","true");
            // $('#levelRebuy_5').removeAttr("readonly","true");
            // $('#levelRebuy_3').attr("readonly","true");
            // $('#row_level_4, #row_level_5').hide();
            // $('#row_level_4, #row_level_5').find('td').find('.form-control').val('');

             $('#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_5').removeAttr("readonly","true");
            // $('#row_level_5').hide();
            // $('#row_level_5').find('td').find('.form-control').val('');

             $('#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_4, #row_level_5').show();
            // $('#levelRebuy_3').removeAttr("readonly","true");
            // $('#levelRebuy_4').removeAttr("readonly","true");
            // $('#levelRebuy_5').attr("readonly","true");

             $('#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 = $('#levelCount').find(":selected").val();
        // var levelCount = $("input[name='levelCount']:checked").val();
        // alert(levelCount);

        /* 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('rummytournament.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