@extends('layouts.master')

@section('title')
    SPORTPESA | NEW VIP PREDICTION
@endsection

@section('page')
    New VIP Prediction
@endsection

@section('content')
    <div class="col" style="min-height: 323px;;">
        <br><br>

        <form method="POST" action="{{route('/loadPrediction')}}" id="predictionForm">
            <div class="row">
                <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 *" required>
                        <input type="hidden" value="1" 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" 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">
                    </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>
                    {{--<div class="form-group">--}}
                        {{--<input class="form-control" name="drawOdd" type="text" placeholder="DRAW ODD">--}}
                    {{--</div>--}}
                    <div class="form-group">
                        <input class="form-control" name="gameDate" id="matchdate" type="text" placeholder="MATCH DATE *" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" name="gameTime" id="matchtime" type="text" placeholder="MATCH TIME *" required>
                    </div>
                    <div class="form-group">
                        <select name="league" class="form-control select2" required>
                            <option value="">SELECT LEAGUE *</option>
                            @foreach($allLeagues as $leagues)
                                <option value="{{$leagues->code}}">{{$leagues->league}} ({{$leagues->code}})</option>
                            @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 *" 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" 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">
                    </div>
                </div>
            </div>
            <hr>

            <h4 class="text-danger">PREMIUM VIP TIPS</h4>
            <div class="row">
                <div class="form-group col-md-4 bg-danger" style="padding: 10px;">
                    <div class="row">
                        <div class="col-sm-4">
                            <label>MULTIBET 1</label>
                            <select name="multiBetOne" class="form-control">
                                <option value="Yes">Yes</option>
                                <option value="No" selected>No</option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                            <label>TIP</label>
                            <input type="text" name="multiBetOneTip" class="form-control">
                        </div>
                        <div class="col-sm-4">
                            <label>ODD</label>
                            <input type="text" name="multiBetOneOdds" 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>MULTIBET 2</label>
                            <select name="multiBetTwo" class="form-control">
                                <option value="Yes">Yes</option>
                                <option value="No" selected>No</option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                            <label>TIP</label>
                            <input type="text" name="multiBetTwoTip" class="form-control">
                        </div>
                        <div class="col-sm-4">
                            <label>ODD</label>
                            <input type="text" name="multiBetTwoOdds" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="form-group col-md-4 bg-danger" style="padding: 10px;">
                    <div class="row">
                        <div class="col-sm-4">
                            <label>MULTIBET 3</label>
                            <select name="multiBetThree" class="form-control">
                                <option value="Yes">Yes</option>
                                <option value="No" selected>No</option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                            <label>TIP</label>
                            <input type="text" name="multiBetThreeTip" class="form-control">
                        </div>
                        <div class="col-sm-4">
                            <label>ODD</label>
                            <input type="text" name="multiBetThreeOdds" class="form-control">
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <hr>
                <div class="form-group col-md-6 bg-success" style="padding: 10px;">
                    <h4 class="text-danger">SUPER VIP TIPS</h4>
                    <div class="row">
                        <div class="col-sm-4">
                            <label>SUPER TIP</label>
                            <select name="super" class="form-control">
                                <option value="Yes">Yes</option>
                                <option value="No" selected>No</option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                            <label>TIP</label>
                            <input type="text" name="superTip" class="form-control">
                        </div>
                        <div class="col-sm-4">
                            <label>ODD</label>
                            <input type="text" name="superOdds" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="form-group col-md-6 bg-danger" style="padding: 10px;">
                    <h4 class="text-danger">HTFT VIP TIPS</h4>
                    <div class="row">
                        <div class="col-sm-6">
                            <label>HT/FT</label>
                            <select name="HTFT" class="form-control">
                                <option value="1/1">1/1</option>
                                <option value="1/X">1/X</option>
                                <option value="1/2">1/2</option>
                                <option value="X/1">X/1</option>
                                <option value="X/2">X/2</option>
                                <option value="X/X">X/X</option>
                                <option value="2/1">2/1</option>
                                <option value="2/2">2/2</option>
                                <option value="2/X">2/X</option>
                                <option value="No" selected>No</option>
                            </select>
                        </div>
                        <div class="col-sm-6">
                            <label>ODD</label>
                            <input type="text" name="HTFTOdds" class="form-control">
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <hr>
                <div class="col-sm-12">
                    <h4 class="text-danger">JACKPOT VIP TIPS</h4>
                </div>
                <div class="form-group col-md-6 bg-success" style="padding: 10px;">
                    <div class="row">
                        <div class="col-sm-4">
                            <label class="text-primary">MEGA JACKPOT</label>
                            <select name="mega" class="form-control">
                                <option value="Yes">Yes</option>
                                <option value="No" selected>No</option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                            <label>TIP</label>
                            <input type="text" name="megaTip" class="form-control">
                        </div>
                        <div class="col-sm-4">
                            <label>ODD</label>
                            <input type="text" name="megaOdds" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="form-group col-md-6 bg-danger" style="padding: 10px;">
                    <div class="row">
                        <div class="col-sm-4">
                            <label class="text-primary">MIDWEEK JACKPOT</label>
                            <select name="midWeek" class="form-control">
                                <option value="Yes">Yes</option>
                                <option value="No" selected>No</option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                            <label>TIP</label>
                            <input type="text" name="midWeekTip" class="form-control">
                        </div>
                        <div class="col-sm-4">
                            <label>ODD</label>
                            <input type="text" name="midWeekOdds" class="form-control">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                {!! csrf_field() !!}
                <div id="pstatus" class="col-xs-6"></div>
                <div class="form-group col-sm-12">
                    <button class="btn btn-md btn-success" name="submit" id="predictionBtn">SUBMIT PREDICTION</button>
                </div>
            </div>
        </form>
    </div>
@endsection