<form action="<?php echo e(route('/ajaxVIPGameUpdate')); ?>/<?php echo e($game->id); ?>/<?php echo e($datain); ?>" method="POST" id="updateForm">
    <div class="container-fluid">
        <div class="col-xs-12">
            <div class="col-md-5 col-xs-12" style="background: whitesmoke; padding: 15px;">
                <div class="form-group col-xs-12">
                    <input type="text" name="teamOne" class="form-control" placeholder="TEAM ONE *" value="<?php echo e($game->teamOne); ?>" required>
                    <input type="hidden" value="<?php echo e($game->gameType); ?>" name="gameType" required>
                </div>
                <div class="form-group col-md-6 col-xs-12">
                    <label for="team1odd">FORM</label>
                    <input type="text" name="teamOneForm" placeholder="eg. WWWLD" class="form-control" value="<?php echo e($game->teamOneForm); ?>" maxlength="5">
                </div>
                <div class="form-group col-md-6 col-xs-12">
                    <label for="team1odd">ODDS</label>
                    <input type="text" name="teamOneOdds" placeholder="eg. 1.5" class="form-control" value="<?php echo e($game->teamOneOdds); ?>">
                </div>
            </div>

            <div class="col-md-2 col-xs-12" style="margin: 10px 0px; background: grey; border-radius: 0px 0px 8px 8px;"><center><span style="padding: 5px 10px; background: grey; color: white; border-radius: 100px; margin-top: -30px;">VS</span></center>
                <br>
                <?php /*<div class="form-group">*/ ?>
                    <?php /*<input class="form-control" name="drawOdd" type="text" value="<?php echo e($game->drawOdd); ?>" placeholder="DRAW ODD">*/ ?>
                <?php /*</div>*/ ?>
                <div class="form-group">
                    <input class="form-control" name="gameDate" id="matchdate" type="text" placeholder="MATCH DATE *" value="<?php echo e($game->gameDate); ?>" required>
                </div>
                <div class="form-group">
                    <input class="form-control" name="gameTime" id="matchtime" type="text" placeholder="MATCH TIME *" value="<?php echo e($game->gameTime); ?>" required>
                </div>
                <div class="form-group">
                    <select name="league" class="form-control select2" required>
                        <?php foreach($allleagues->all() as $leagues): ?>
                            <option value="<?php echo e($leagues->code); ?>" <?php if($game->league==$leagues->code): ?> selected <?php endif; ?>><?php echo e($leagues->code); ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </div>

            <div class="col-md-5 col-xs-12" style="background: whitesmoke; padding: 15px;">
                <div class="form-group col-xs-12">
                    <input type="text" name="teamTwo" class="form-control" placeholder="TEAM TWO *" value="<?php echo e($game->teamTwo); ?>" required>
                </div>

                <div class="form-group col-md-6 col-xs-12">
                    <label for="team1odd">FORM</label>
                    <input type="text" name="teamTwoForm" placeholder="eg. WWWLD" class="form-control" value="<?php echo e($game->teamTwoForm); ?>" maxlength="5">
                </div>
                <div class="form-group col-md-6 col-xs-12">
                    <label for="team1odd">ODDS</label>
                    <input type="text" name="teamTwoOdds" placeholder="eg. 1.5" class="form-control" value="<?php echo e($game->teamTwoOdds); ?>">
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="container-fluid">
        <div class="form-group col-md-4 bg-danger" style="padding: 10px;">
            <div class="row">
                <div class="col-sm-4">
                    <label>REGULAR</label>
                    <select name="regularTips" class="form-control">
                        <option value="Yes" <?php if($game->regularTips=='Yes'): ?> selected <?php endif; ?>>Yes</option>
                        <option value="No" <?php if($game->regularTips=='No'): ?> selected <?php endif; ?>>No</option>
                    </select>
                </div>
                <div class="col-sm-4">
                    <label>PREDICTION</label>
                    <input type="text" name="regularTipsValue" value="<?php echo e($game->regularTipsValue); ?>" class="form-control">
                </div>
                <div class="col-sm-4">
                    <label>ODD</label>
                    <input type="text" name="regularTipsOdd" value="<?php echo e($game->regularTipsOdd); ?>" class="form-control">
                </div>
            </div>
        </div>

        <div class="form-group col-md-4 bg-primary" style="padding: 10px;">
            <div class="row">
                <div class="col-sm-4">
                    <label>CUSTOM</label>
                    <select name="customTips" class="form-control">
                        <option value="Yes" <?php if($game->customTips=='Yes'): ?> selected <?php endif; ?>>Yes</option>
                        <option value="No" <?php if($game->customTips=='No'): ?> selected <?php endif; ?>>No</option>
                    </select>
                </div>
                <div class="col-sm-4">
                    <label>PREDICTION</label>
                    <input type="text" name="customTipsValue" value="<?php echo e($game->customTipsValue); ?>" class="form-control">
                </div>
                <div class="col-sm-4">
                    <label>ODD</label>
                    <input type="text" name="customTipsOdd" value="<?php echo e($game->customTipsOdd); ?>" class="form-control">
                </div>
            </div>
        </div>

        <div class="form-group col-md-4 bg-success" style="padding: 10px;">
            <div class="row">
                <div class="col-sm-4">
                    <label>WEEKEND</label>
                    <select name="weekendTips" class="form-control">
                        <option value="Yes" <?php if($game->weekendTips=='Yes'): ?> selected <?php endif; ?>>Yes</option>
                        <option value="No" <?php if($game->weekendTips=='No'): ?> selected <?php endif; ?>>No</option>
                    </select>
                </div>
                <div class="col-sm-4">
                    <label>PREDICTION</label>
                    <input type="text" name="weekendTipsValue" value="<?php echo e($game->weekendTipsValue); ?>" class="form-control">
                </div>
                <div class="col-sm-4">
                    <label>ODD</label>
                    <input type="text" name="weekendTipsOdd" value="<?php echo e($game->weekendTipsOdd); ?>" class="form-control">
                </div>
            </div>
        </div>
        <?php echo csrf_field(); ?>


        <div id="settingstatus" class="col-xs-6"></div>
        <div class="form-group col-sm-12">
            <button class="btn btn-md btn-success" name="submit" id="submitsetting">UPDATE PREDICTION</button>
        </div>

    </div>
</form>

<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $(document).ready(function () {
        $('#updateForm').submit(function (e) {
            e.preventDefault();
            $('#submitsetting').prop('disabled', true).html("UPDATING PREDICTION");
            var url = $(this).attr('action');

            var dataString = $(this).serialize();
            console.log(dataString);
            $.ajax({
                type: "POST",
                url: url,
                data: dataString,
                dataType: "JSON",
                success: function(data){
                    if (data.status == 1) {
                        $('#submitsetting').prop('disabled', false).html("UPDATE PREDICTION");
                        swal(data.encounters, '', 'warning');
                    }
                    else{
                        swal(data.encounters, '', 'success');
                        $('#updategame').modal('hide');
                    }
                }
            });

        });
    });
</script>