@extends('layouts.master')

@section('content')
<style>
.radio-label {
    margin: 0px 15px 0px 2px;
    cursor: pointer;
}
.radio {
    margin-top: -4px;
}
.right-img{
    position: relative;
}
.right-img #generate{
    height: 35px;
    width: 65px;
    position: absolute;
    right: 8px;
    top: 30px;
    padding-top: 5px;
    background-color: #23b70e;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}

#startDate, #endDate{
    cursor: pointer;
}
</style>
@if($pageType == 'View')
<style>
form#campaign-form {
    pointer-events: none;
}
.button_sec {
    display: none;
}
</style>
@endif
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{ trans('marketing.'.$pageType.' Bonus') }}</h1>
                </div>
                <!-- /.col -->
                <div class="col-sm-3"></div>
                <div class="col-sm-3">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">{{ Breadcrumbs::render($pageType.' Bonus') }}</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="campaign-form">
                    <h3 class="card-title">{{ trans('marketing.Campaign Settings') }}</h3> 
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            @csrf
                            {{ Form::hidden('id', $hidden) }}
                            {{ Form::hidden('campaignType', $campaignType) }}
                            <div class="form-col-1">
                                {{ Form::label('campaignType', trans('marketing.Campaign Type'), ['class' => 'required']) }}
                                {{ Form::select('campaignType', $campaignTypeList, $campaignType, ['id' => 'campaignType', 'class' => 'form-control', 'placeholder' => 'Select']) }}
                                <span id="campaignType-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('partner', trans('marketing.Partner Name'), ['class' => 'required']) }}
                                {{ Form::select('partner', $partnerList, $partner, ['id' => 'partner', 'class' => 'form-control', 'placeholder' => 'Select']) }}
                                <span id="partner-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('campaignCode', trans('marketing.Campaign Code'), ['class' => 'required']) }}
                                {{ Form::text('campaignCode', $campaignCode, ['id' => 'campaignCode', 'class' => 'form-control']) }}
                                <span id="campaignCode-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('campaignName', trans('marketing.Campaign Name'), ['class' => 'required']) }}
                                {{ Form::text('campaignName', $campaignName, ['id' => 'campaignName', 'class' => 'form-control']) }}
                                <span id="campaignName-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('status', trans('marketing.Campaign Status'), ['class' => 'required']) }}
                                {{ Form::select('status', $statusList, $status, ['id' => 'status', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                                <span id="status-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('publish', 'Publish', ['class' => 'required']) }}
                                {{ Form::select('publish', $publishList, $publish, ['id' => 'publish', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                                <span id="publish-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('campaignDescription', trans('marketing.Campaign Description'), ['class' => 'required']) }}
                                {{ Form::textarea('campaignDescription', $campaignDescription, ['id' => 'campaignDescription', 'class' => 'form-control', 'rows' => 2, 'cols' => 40]) }}
                                <span id="campaignDescription-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('startDate', trans('marketing.Start Date'), ['class' => 'required']) }}
                                {{ Form::text('startDate', $startDate, ['class' => 'form-control', 'id' => 'startDate', 'readonly' => 'readonly']) }}
                                <span id="startDate-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('endDate', trans('marketing.End Date'), ['class' => 'required']) }}
                                {{ Form::text('endDate', $endDate, ['class' => 'form-control', 'id' => 'endDate', 'readonly' => 'readonly']) }}
                                <span id="endDate-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1 campaignUrl">
                                {{ Form::label('campaignUrl', trans('marketing.Campaign URL'), ['class' => 'required']) }}
                                {{ Form::text('campaignUrl', $campaignUrl, ['class' => 'form-control', 'id' => 'campaignUrl', 'readonly' => 'readonly']) }}
                                <span id="campaignUrl-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </div>
                    
<h3 class="card-title">{{ trans('marketing.Payment & Rule Settings') }}</h3> 
<div class="card-primary card-form-1">
<div class="card-body">

    <div class="form-col-1 payment">
        <label class="radio"><input type="radio" name="tiersBasis" value="1" @if($tiersBasis == 1) checked @endif ><span class="radio-label">{{ trans('marketing.Tier Based') }}</span></label>
        <label class="radio"><input type="radio" name="tiersBasis" value="2" @if($tiersBasis == 2) checked @endif ><span class="radio-label">{{ trans('marketing.Non Tier Based') }}</span></label><br>
        <span id="tiersBasis-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 payment"></div>
    <div class="form-col-1 payment"></div>
    
    <div class="form-col-1 payment promoChips">
        <label onClick="checkPayment('promoChips')"><input type="checkbox" id="promoChips" name="promoChips" value="1" @if($promoChips == 1) checked @endif ><span class="radio-label">{{trans('marketing.Promo Chips')}}</span></label><br>
        <span id="optionValidation-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 payment">
        <label onClick="checkPayment('unclaimedBonus')"><input type="checkbox" id="unclaimedBonus" name="unclaimedBonus" value="1" @if($unclaimedBonus == 1) checked @endif ><span class="radio-label">{{trans('marketing.Unclaimed Bonus')}}</span></label>
    </div>
    <!-- <div class="form-col-1 tournamentTickets">
        <label onClick="checkPayment('tournamentTickets')"><input type="checkbox" id="tournamentTickets" name="tournamentTickets" value="1" @if($tournamentTickets == 1) checked @endif ><span class="radio-label">{{trans('marketing.Tournament Tickets')}}</span></label>
    </div>     -->
    <div class="form-col-1 payment tiersBasis"></div>


    <div class="form-col-1 unclaimedBonus">
        {{ Form::label('conversion', trans('marketing.Conversion(%)'), ['class' => 'required']) }}
        {{ Form::text('conversion', $conversion, ['class' => 'form-control', 'id' => 'conversion', 'min' => '0', 'max' => '100']) }}
        <span id="conversion-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 unclaimedBonus">
        {{ Form::label('validity', trans('marketing.Validity(days)'), ['class' => 'required']) }}
        {{ Form::text('validity', $validity, ['class' => 'form-control', 'id' => 'validity']) }}
        <span id="validity-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 unclaimedBonus"></div>
    
    <table width="100%" cellpadding="10" cellspacing="10" class="payment tiersBasis">
    <tbody>
        <tr>
            <td align="left"><b>{{ trans('marketing.Tier') }}</b></td>
            <td align="left" style="width:300px;"><b>{{ trans('marketing.Bonus (%)') }}</b></td>
            <td align="left"><b>{{ trans('marketing.Bonus Max Cap') }}</b></td>
        </tr>
        <tr>
            <td align="left"><label class="required">{{ trans('marketing.Bronze') }}</label></td>
            <td>
                <div style="width: 155px;">
                <input name="bonusPercentage_1" type="text" class="form-control" id="bonusPercentage_1" value="{{ $bonus[0] }}">
                <span id="bonusPercentage_1-error" class="error-help-block"></span>
                </div>
            </td>
            <td>
                <div style="width: 155px;">
                <input name="bonusMaxCap_1" type="text" class="form-control" id="bonusMaxCap_1" value="{{ $bonusMaxCap[0] }}">
                <span id="bonusMaxCap_1-error" class="error-help-block"></span>
                </div>
            </td>
        </tr>
        <tr>
            <td align="left"><label class="required">{{ trans('marketing.Sliver') }}</label></td>
            <td>
                <div style="width: 155px;">
                <input name="bonusPercentage_2" type="text" class="form-control" id="bonusPercentage_2" value="{{ $bonus[1] }}">
                <span id="bonusPercentage_2-error" class="error-help-block"></span>
                </div>
            </td>
            <td>
                <div style="width: 155px;">
                <input name="bonusMaxCap_2" type="text" class="form-control" id="bonusMaxCap_2" value="{{ $bonusMaxCap[1] }}">
                <span id="bonusMaxCap_2-error" class="error-help-block"></span>
                </div>
            </td>
        </tr>
        <tr>
            <td align="left"><label class="required">{{ trans('marketing.Gold') }}</label></td>
            <td>
                <div style="width: 155px;">
                <input name="bonusPercentage_3" type="text" class="form-control" id="bonusPercentage_3" value="{{ $bonus[2] }}">
                <span id="bonusPercentage_3-error" class="error-help-block"></span>
                </div>
            </td>
            <td>
                <div style="width: 155px;">
                <input name="bonusMaxCap_3" type="text" class="form-control" id="bonusMaxCap_3" value="{{ $bonusMaxCap[2] }}">
                <span id="bonusMaxCap_3-error" class="error-help-block"></span>
                </div>
            </td>
        </tr>
        <tr>
            <td align="left"><label class="required">{{ trans('marketing.Diamond') }}</label></td>
            <td>
                <div style="width: 155px;">
                <input name="bonusPercentage_4" type="text" class="form-control" id="bonusPercentage_4" value="{{ $bonus[3] }}">
                <span id="bonusPercentage_4-error" class="error-help-block"></span>
                </div>
            </td>
            <td>
                <div style="width: 155px;">
                <input name="bonusMaxCap_4" type="text" class="form-control" id="bonusMaxCap_4" value="{{ $bonusMaxCap[3] }}">
                <span id="bonusMaxCap_4-error" class="error-help-block"></span>
                </div>
            </td>
        </tr>
        <tr>
            <td align="left"><label class="required">{{ trans('marketing.Platinum') }}</label></td>
            <td>
                <div style="width: 155px;">
                <input name="bonusPercentage_5" type="text" class="form-control" id="bonusPercentage_5" value="{{ $bonus[4] }}">
                <span id="bonusPercentage_5-error" class="error-help-block"></span>
                </div>
            </td>
            <td>
                <div style="width: 155px;">
                <input name="bonusMaxCap_5" type="text" class="form-control" id="bonusMaxCap_5" value="{{ $bonusMaxCap[4] }}">
                <span id="bonusMaxCap_5-error" class="error-help-block"></span>
                </div>
            </td>
        </tr>
    </tbody>
    </table>

    
    <div class="form-col-1 payment nonTiersBasis">
        {{ Form::label('promoPercentage', trans('marketing.Promo (%)')) }}
        {{ Form::text('promoPercentage', $promoPercentage, ['class' => 'form-control', 'id' => 'promoPercentage']) }}
        <span id="promoPercentage-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 payment nonTiersBasis">
        {{ Form::label('cardPercentage', trans('marketing.Credit / Debit Card (%)')) }}
        {{ Form::text('cardPercentage', $cardPercentage, ['class' => 'form-control', 'id' => 'cardPercentage']) }}
        <span id="cardPercentage-error" class="error-help-block"></span>
    </div>
    
    <div class="form-col-1 promoAmount"></div>
    <div class="form-col-1 promoAmount">
        {{ Form::label('promoAmount', trans('marketing.Promo Amount'), ['class' => 'required']) }}
        {{ Form::text('promoAmount', $promoAmount, ['class' => 'form-control', 'id' => 'promoAmount']) }}
        <span id="promoAmount-error" class="error-help-block"></span>
    </div>
    <!-- <div class="form-col-1 tournamentTickets">
        {{ Form::label('tournament', trans('marketing.Tournament')) }}
        {{ Form::select('tournament', $tournamentList, $tournament, ['id' => 'tournament', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
        <span id="tournament-error" class="error-help-block"></span>
    </div> -->

    <div class="form-col-1 payment nonTiersBasis">
        {{ Form::label('promoCap', trans('marketing.Promo Cap')) }}
        {{ Form::text('promoCap', $promoCap, ['class' => 'form-control', 'id' => 'promoCap']) }}
        <span id="promoCap-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 payment nonTiersBasis">
        {{ Form::label('netbanking', trans('marketing.Netbanking (%)')) }}
        {{ Form::text('netbanking', $netbanking, ['class' => 'form-control', 'id' => 'netbanking']) }}
        <span id="netbanking-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 payment nonTiersBasis">
        {{ Form::label('bonusCap', trans('marketing.Bonus Cap')) }}
        {{ Form::text('bonusCap', $bonusCap, ['class' => 'form-control', 'id' => 'bonusCap']) }}
        <span id="bonusCap-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 payment nonTiersBasis">
        {{ Form::label('minimumDepositAmount', trans('marketing.Minimum Deposit Amount')) }}
        {{ Form::text('minimumDepositAmount', $minimumDepositAmount, ['class' => 'form-control', 'id' => 'minimumDepositAmount']) }}
        <span id="minimumDepositAmount-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 payment nonTiersBasis"></div>
    <div class="form-col-1 payment nonTiersBasis"></div>



    <div class="form-col-1 commonFields">
        {{ Form::label('paymentType', trans('marketing.Payment Type'), ['class' => 'required']) }}
        {{ Form::select('paymentType', $paymentTypeList, $paymentType, ['id' => 'paymentType', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
        <span id="paymentType-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 commonFields">
        {{ Form::label('rule', trans('marketing.Rule'), ['class' => 'required']) }}
        {{ Form::select('rule', $ruleList, $rule, ['id' => 'rule', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
        <span id="rule-error" class="error-help-block"></span>
    </div>
    <div class="form-col-1 commonFields">
        {{ Form::label('promoValue', trans('marketing.Promo Value'), ['class' => 'required']) }}
        {{ Form::text('promoValue', $promoValue, ['class' => 'form-control', 'id' => 'promoValue']) }}
        <span id="promoValue-error" class="error-help-block"></span>
    </div>

</div>
</div>
<div class="form-col-1"><br>
                                <label onClick="showTournament()"><input type="checkbox" id="tournamentTickets" name="tournamentTickets" value="1" @if($tournamentTickets == 1) checked @endif><span class="radio-label pointer">{{trans('marketing.Do you want to send tournament ticket?')}}</span></label>
                            </div>
                            <div class="radio-button"  @if($tournamentTickets == 1) style="display:block" @endif >
                            <div class="form-col-1">
                                <label onClick="showTournamentlist()" class="radio"><input type="radio" name="tournamentradio" value="1"  ><span class="radio-label">{{ trans('marketing.Poker') }}</span></label>
                            </div>
                            <div class="form-col-1">
                                <label onClick="showTournamentlist()" class="radio"><input type="radio" name="tournamentradio" value="2"  ><span class="radio-label">{{ trans('marketing.Rummy') }}</span></label>
                            </div>
                            </div>
                            <div class="form-col-1 tournamentTickets" @if($tournamentradio == 1) style="display:block" @endif>
                                {{ Form::label('tournament', trans('marketing.Tournament')) }}
                                {{ Form::select('tournament', $tournamentList,$tournament, ['id' => 'tournament', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                                <span id="tournament-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1 tournamentTickets1" @if($tournamentradio == 2) style="display:block" @endif>
                                {{ Form::label('tournament',  trans('tournament.Tournament'))}}
                                {{ Form::select('rummytournamentList',$rummytournamentList,$tournament, ['id' => 'rummytournamentList', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
                                <span id="rummytournamentList-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1"></div>

<h3 class="card-title frequency">{{ trans('marketing.Frequency Settings') }}</h3> 
<div class="card-primary card-form-1 frequency">
    <div class="card-body">
        <div class="form-col-1">
            <label class="radio"><input type="radio" name="frequencySettings" value="1" @if($frequencySettings == 1) checked @endif ><span class="radio-label">{{ trans('marketing.First Deposit') }}</span></label>
        </div>
        <div class="form-col-1">
            <label class="radio"><input type="radio" name="frequencySettings" value="2" @if($frequencySettings == 2) checked @endif><span class="radio-label">{{ trans('marketing.Second Deposit') }}</span></label>
        </div>
        <div class="form-col-1">
            <label class="radio"><input type="radio" name="frequencySettings" value="3" @if($frequencySettings == 3) checked @endif><span class="radio-label">{{ trans('marketing.Frequency') }}</span></label>
        </div>
        <div style="width:100%"><span id="frequencySettings-error" class="error-help-block"></span></div>
        <div class="form-col-1 frequencyVariation">
            {{ Form::label('frequencyVariation', trans('marketing.Select Variation'), ['class' => 'required']) }}<br>
            <label class="radio"><input type="radio" name="frequencyVariation" value="1" @if($frequencyVariation == 1) checked @endif><span class="radio-label">{{ trans('marketing.All Days') }}</span></label>
            <label class="radio"><input type="radio" name="frequencyVariation" value="2" @if($frequencyVariation == 2) checked @endif><span class="radio-label">{{ trans('marketing.Week Days') }}</span></label>
            <label class="radio"><input type="radio" name="frequencyVariation" value="3" @if($frequencyVariation == 3) checked @endif><span class="radio-label">{{ trans('marketing.Weekends Only') }}</span></label>
            <label class="radio"><input type="radio" name="frequencyVariation" value="4" @if($frequencyVariation == 4) checked @endif><span class="radio-label">{{ trans('marketing.Sunday Only') }}</span></label><br>
            <span id="frequencyVariation-error" class="error-help-block"></span>
        </div>
        <div class="form-col-1 frequencyVariation">
            {{ Form::label('dailyCount', trans('marketing.Daily Count'), ['class' => 'required']) }}
            {{ Form::select('dailyCount', $dailyCountList, $dailyCount, ['id' => 'dailyCount', 'class' => 'form-control select2', 'placeholder' => 'Select']) }}
            <span id="dailyCount-error" class="error-help-block"></span>
        </div>
        <div class="form-col-1 frequencyVariation">
            {{ Form::label('maxCab', trans('marketing.Max Cap (Per User)'), ['class' => 'required']) }}
            {{ Form::text('maxCab', $maxCab, ['class' => 'form-control', 'id' => 'maxCab']) }}
            <span id="maxCab-error" class="error-help-block"></span>
        </div>
        <div style="width:100%;padding:0 7.5px" class="weekDays">
            {{ Form::label('maxCab', trans('marketing.Select Week Days'), ['class' => 'required']) }}<br>
            <label><input type="checkbox" name="weekDays[]" value="1" @if(in_array('1',
                                        $weekDays)) checked @endif><span class="radio-label">{{trans('marketing.Monday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="2" @if(in_array('2',
                                        $weekDays)) checked @endif><span class="radio-label">{{trans('marketing.Tuesday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="3" @if(in_array('3',
                                        $weekDays)) checked @endif><span class="radio-label">{{trans('marketing.Wednesday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="4" @if(in_array('4',
                                        $weekDays)) checked @endif><span class="radio-label">{{trans('marketing.Thrusday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="5" @if(in_array('5',
                                        $weekDays)) checked @endif><span class="radio-label">{{trans('marketing.Friday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="6" @if(in_array('6',
                                        $weekDays)) checked @endif><span class="radio-label">{{trans('marketing.Saturday')}}</span></label>
            <label><input type="checkbox" name="weekDays[]" value="7" @if(in_array('7',
                                        $weekDays)) checked @endif><span class="radio-label">{{trans('marketing.Sunday')}}</span></label><br>
            <span id="weekDays-error" class="error-help-block"></span>
        </div>
    </div>
</div>
                    <h3 class="card-title">{{ trans('marketing.User Range Settings') }}</h3> 
                    <div class="card-primary card-form-1">
                        <div class="card-body">
                            <div class="form-col-1">
                                {{ Form::label('expectedUserMin', trans('marketing.Expected User Min'), ['class' => 'required']) }}
                                {{ Form::text('expectedUserMin', $expectedUserMin, ['class' => 'form-control', 'id' => 'expectedUserMin', 'min' => '0']) }}
                                <span id="expectedUserMin-error" class="error-help-block"></span>
                            </div>
                            <div class="form-col-1">
                                {{ Form::label('expectedUserMax', trans('marketing.Expected User Max'), ['class' => 'required']) }}
                                {{ Form::text('expectedUserMax', $expectedUserMax, ['class' => 'form-control', 'id' => 'expectedUserMax', 'min' => '0']) }}
                                <span id="expectedUserMax-error" class="error-help-block"></span>
                            </div>
                        </div>
                    </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="form-submit">{{ trans('marketing.Update') }}</button>
                                <button class="btn btn-default" id="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">

    $('#campaignType, #partner, #campaignCode, #campaignName').prop('disabled', true);
    //
    $('#startDate, #endDate').daterangepicker({
        singleDatePicker: true,
        showDropdowns: true,
        minDate: moment(),
        maxDate: moment().add(1, 'years'),
        locale: {
            format: 'YYYY-MM-DD'
        }
    });
    
    $('#startDate').val('{{ $startDate }}');
    $('#endDate').val('{{ $endDate }}');
    //
    $(document).on('change', '.form-control', function(){
        $(this).closest('div').find('.error-help-block').html('');
    });

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

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

        return;
    }

    $(document).on('click', '#form-submit', function(e) {
        e.preventDefault();
        
        var formData = new FormData($('#campaign-form')[0]);

        $.ajax({
            type: 'POST',
            url: "{{ route('campaign.update') }}",
            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('');
            },
            error: function() {
                swal("{{ trans('layout.Something went wrong') }}", {
                icon: "warning",
                });
            },
            complete: function() {
                $("#form-loader").hide();
                $("#form-buttons").show();
            }
        });
    });

    $(document).on('click', '#form-clear', function(e) {
        e.preventDefault();
        window.location.replace(window.location.href);
    });

    function checkPayment(type){
        var value = $("input[name='"+type+"']:checked").val();
        var campaignType = $("#campaignType").val();
        if((value == 1) && (campaignType != 5)){
            if(type == 'tournamentTickets'){
                $('#promoChips').prop('checked', false);
                $('#unclaimedBonus').prop('checked', false);
                $('.unclaimedBonus').hide();
            }
            if(type == 'promoChips'){
                $('#tournamentTickets').prop('checked', false);
                $('#unclaimedBonus').prop('checked', false);
                $('.unclaimedBonus').hide();
            }
            if(type == 'unclaimedBonus'){
                $('#promoChips').prop('checked', false);
                $('#tournamentTickets').prop('checked', false);
                $('.unclaimedBonus').show();
            }            
            $('#optionValidation-error').html('');
        }else{
            $('.unclaimedBonus').hide();
        }

        if($("input[name='tournamentTickets']:checked").val() == 1){
            $("[for=tournament]").addClass("required");
        }else{
            $("[for=tournament]").removeClass("required");
        }

        if((value == 1) && (type == 'promoChips')){
            $("[for=promoPercentage],[for=promoCap]").addClass("required");
            $('#optionValidation-error').html('');
        }else{
            $("[for=promoPercentage],[for=promoCap]").removeClass("required");
        }

        if((value == 1) && (type == 'unclaimedBonus')){
            $("[for=cardPercentage],[for=netbanking],[for=bonusCap]").addClass("required");
        }else{
            $("[for=cardPercentage],[for=netbanking],[for=bonusCap]").removeClass("required");
        }
    }

    $("#campaignType").change(function() {
        var type = $(this).val();

        if(type == ''){
            $('.campaignUrl, .payment, .tournamentTickets, .promoAmount,.unclaimedBonus,.frequency,.frequencyVariation,.weekDays').hide();
            $('.commonFields').show();
        }

        if(type == 2) {
            $('.campaignUrl').show();
            $("#campaignCode").trigger('change');
        } else {
            $('.campaignUrl').hide();
            $('#campaignUrl').val('');
        }

        if(type == 1){
            $('.frequency').show();
        }else{
            $('.frequency').hide();
        }

        if((type == 1) || (type == 6)){
            $('.commonFields,.promoAmount').hide();
            $('.payment').show();
            $("input[name='tiersBasis']").trigger('change');
        }

        if((type == 2) || (type == 3) || (type == 7) || (type == 8)){
            $('.commonFields').show();
            $('.payment,.promoAmount,.tournamentTickets,.frequency').hide();
            $('#paymentType').trigger('change');
        }

        if(type == 5){
            $('.payment,.commonFields,.unclaimedBonus,.frequency').hide();
            $('.promoAmount,.promoChips,.tournamentTickets').show();
        }
        
    });

    $("#paymentType").change(function() {
        var type = $(this).val();
        if(type == 2) {
            $('.unclaimedBonus').show();
        } else {
            $('.unclaimedBonus').hide();
        }
    });

    function getCampaignCode(){
        var campaignType = $("#campaignType").val();
        if((campaignType != '') && (campaignType.length == 1)){
            var option = $("#campaignType option:selected").text();
            var code = option.substring(0, 3);
            var random = Math.random().toString();
            code = code+'_'+random.substring(2, 8);
            $('#campaignCode').val(code);
        }else{
            $("#campaignType-error").html('Please choose the campaign type');
        }
        $("#campaignCode").trigger('change');
    }

    $("#campaignCode").change(function() {
        var campaignType = $("#campaignType").val();
        var code = $(this).val();
        if((code != '') && (campaignType == 2)) {
            var url = '{{env('CAMPAIGN_URL', '')}}'+code;
            $('#campaignUrl').val(url);
        }else{
            $('#campaignUrl').val('');
        }
    });

    $("input[name='tiersBasis']").change(function() {
        var tiers = $("input[name='tiersBasis']:checked").val();
        if(tiers == 1){
            $('.nonTiersBasis, .tournamentTickets').hide();
            $('.tiersBasis').show();
        }else{
            $('.nonTiersBasis, .tournamentTickets').show();
            $('.tiersBasis').hide();
        }

        // $('#promoChips').prop('checked', true);
        // $('#unclaimedBonus').prop('checked', false);
        // $('#tournamentTickets').prop('checked', false);
        if($("input[name='promoChips']:checked").val() == 1){
            checkPayment('promoChips');
        }
        if($("input[name='unclaimedBonus']:checked").val() == 1){
            checkPayment('unclaimedBonus');
        }
        if($("input[name='tournamentTickets']:checked").val() == 1){
            checkPayment('tournamentTickets');
        }
    });

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

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

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

    $("#campaignType").trigger('change');
    $("input[name='frequencySettings']").trigger('change');
    
    
</script> -->

<script type="text/javascript">
$('#campaignType, #partner').prop('disabled', true);
$('.campaignUrl, .payment, .tournamentTickets, .promoAmount,.unclaimedBonus,.frequency,.frequencyVariation,.weekDays').hide();
$('.commonFields').show();

    $('#startDate, #endDate').daterangepicker({
        singleDatePicker: true,
		timePicker: true,
		minDate: moment(),
		maxDate: moment().add(2, 'years'),
		locale: {
			format: 'YYYY-MM-DD HH:mm:00'
		}
    });
        
    $('#startDate').val('{{ $startDate }}');
    $('#endDate').val('{{ $endDate }}');

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

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

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

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

    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', '#form-submit', function(e) {
        e.preventDefault();
        
        var formData = new FormData($('#campaign-form')[0]);

        $.ajax({
            type: 'POST',
            url: "{{ route('campaign.update') }}",
            data: formData,
            dataType: 'JSON',
            contentType: false,
            processData: false,
            beforeSend: function() {
                $("#form-buttons").hide();
                $("#form-loader").show();
            },
            success: function(response) {
                var message = response.msg;
                var status = response.status;
                if (status == 422) {
                    showErrorMessage(message);
                    return;
                }
                if (status == 200) {
                    swal(message, {
                        icon: "success",
                    });
					window.location.replace("{{ route('template') }}");
                } else {
                    swal(message, {
                        icon: "warning",
                    });
                }
                $('.error-help-block').html('');
                // $('#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', '#form-clear', function(e) {
        e.preventDefault();
        $('.error-help-block').html('');
        $('.select2').select2('destroy');
        $(this).closest('form').find("input[type=text], input[type=number], input[type=password], textarea, select").val('');
        $('.select2').select2({
            placeholder: "Select",
            allowClear: true
        });
        $("#campaignType").trigger('change');
    });

    function checkPayment(type){
        var value = $("input[name='"+type+"']:checked").val();
        var campaignType = $("#campaignType").val();
        if((value == 1) && (campaignType == 1)){
            if(type == 'promoChips'){
                $('#tournamentTickets').prop('checked', false);
                $('#unclaimedBonus').prop('checked', false);
            }
            if(type == 'unclaimedBonus'){
                $('#promoChips').prop('checked', false);
                $('#tournamentTickets').prop('checked', false);
            }
            $('#optionValidation-error').html('');
        }

        if((value == 1) && (type == 'promoChips')){
            $("[for=promoPercentage],[for=promoCap]").addClass("required");
            $('#optionValidation-error').html('');
        }else{
            $("[for=promoPercentage],[for=promoCap]").removeClass("required");
        }

        if((value == 1) && (type == 'unclaimedBonus')){
            $("[for=cardPercentage],[for=netbanking],[for=bonusCap]").addClass("required");
        }else{
            $("[for=cardPercentage],[for=netbanking],[for=bonusCap]").removeClass("required");
        }
    }

    //function showTournament(){
      //  if($("input[name='tournamentTickets']:checked").val() == 1){
        //    $('.tournamentTickets').show();
          //  $("[for=tournament]").addClass("required");
        //}else{
          //  $("[for=tournament]").removeClass("required");
            //$('.tournamentTickets').hide();
        //}
    //}
     function showTournament(){
        if($("input[name='tournamentTickets']:checked").val() == 1){
           // $('.tournamentTickets').show();
            $('.radio-button').show();

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

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

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

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

        }
    }
    showTournamentlist();

    $("#campaignType").change(function() {
        var type = $(this).val();

        if(type == ''){
            $('.campaignUrl, .payment, .tournamentTickets,.frequency,.frequencyVariation,.weekDays').hide();
            $('.commonFields').show();
        }

        if(type == 2) {
            $('.campaignUrl').show();
            $("#campaignCode").trigger('change');
        } else {
            $('.campaignUrl').hide();
            $('#campaignUrl').val('');
        }

        if(type == 1){
            $('.frequency').show();
        }else{
            $('.frequency').hide();
        }

        if((type == 1) || (type == 6)){
            $('.commonFields').hide();
            $('.payment').show();
        }

        if((type == 2) || (type == 3)){
            $('.commonFields').show();
            $('.payment,.frequency').hide();
        }
        
    });

    function getCampaignCode(){
        var campaignType = $("#campaignType").val();
        if((campaignType != '') && (campaignType.length == 1)){
            var option = $("#campaignType option:selected").text();
            var code = option.substring(0, 3);
            var random = Math.random().toString();
            code = code+'_'+random.substring(2, 8);
            $('#campaignCode').val(code);
        }else{
            $("#campaignType-error").html('Please choose the campaign type');
        }
        $("#campaignCode").trigger('change');
    }

    $("#campaignCode").change(function() {
        var campaignType = $("#campaignType").val();
        var code = $(this).val();
        if((code != '') && (campaignType == 2)) {
            var url = '{{env('CAMPAIGN_URL', '')}}'+code;
            $('#campaignUrl').val(url);
        }else{
            $('#campaignUrl').val('');
        }
    });

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

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

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

    $("#campaignType").trigger('change');
</script>
@stop