OwlCyberSecurity - MANAGER

Edit File: welcome.blade.php

@extends('layouts.master')

@section('title') Sportpesa - Home of Soccer Predictions @endsection
@section('tag')
    <meta name="description" content="">
@endsection
@section('levelCSS') @endsection
@section('home') active @endsection

@section('body')

<div class="col-sm-11">
                    <div class="row">
                        <div class="col-sm-3 text-center mb-3">
                            <h1 class="text-white">Home of Soccer Predictions</h1> <br>
                            <p style="font-size: 20px; color: whitesmoke; margin-top: -5px;">
                                Best place to enjoy daily winning in soccer! Visit our website daily for accurate predictions
                            </p>
                        </div>

<div class="col-sm-6 nopaddingsmall" style="margin-top: -20px; margin-bottom: 0px;">
                            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                                <ol class="carousel-indicators">
                                    @foreach($sliderS as $key => $item)
                                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="@if($key=='0') active @endif"></li>
                                    @endforeach
                                </ol>
                                <div class="carousel-inner">

@foreach($sliderS as $key => $item)
                                        <div class="carousel-item @if($key=='0') active @endif">
                                            <img class="d-block w-100" src="{{$path}}/slider/{{$item->path}}" alt="First slide">
                                        </div>
                                    @endforeach
                                </div>
                                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>

</div>

<div class="col-sm-3 mb-3">
                            <div class="list-group">
                                <a href="#" class="list-group-item list-group-item-primary">
                                    <center>QUICK LINKS</center>
                                </a>
                                <a href="{{route('/how-to-join')}}"><button class="btn btn-md btn-block light-b btn-soft-primary no-radius">How To Pay</button></a>
                                <a href="{{route('/vip')}}"><button class="btn btn-md btn-block light-b btn-primary no-radius">VIP Packages</button></a>
                                <a href="{{route('/recent_winnings')}}"><button class="btn btn-md btn-block light-b btn-primary no-radius">Testimonials</button></a>
                                <a href="{{route('/vip')}}#investment"><button class="btn btn-md btn-block light-b btn-default no-radius">Sportpesa Investment Package</button></a>
                                <a href="{{route('/terms-and-conditions')}}"><button class="btn btn-md btn-block light-b btn-primary">Terms & Conditions</button></a>
                            </div>
                        </div>
                    </div>
                </div>

</div>
        </div>
    </section>

<div class="container">
        <div class="row justify-content-center">
            <div class="col-sm-10 nopaddingsmall" style="padding: 0px;">
                <div class="col-sm-12 mt-4">
                    <h2 class="myTitle">OUR FREE BANKERS</h2>
                </div>
                <div class="">
                    <div class="make-flex" style="justify-content: flex-start">
                        <div class="date-toggle" data-id="pane-{{\Carbon\Carbon::today()->subDay()->format('l')}}"><span>{{\Carbon\Carbon::today()->subDay()->format('jS M, l')}}</span></div>
                        <div class="date-toggle active" data-id="pane-{{\Carbon\Carbon::today()->format('l')}}"><span>{{\Carbon\Carbon::today()->format('jS M, l')}}</span></div>
                        <div class="date-toggle" data-id="pane-{{\Carbon\Carbon::today()->addDay()->format('l')}}"><span>{{\Carbon\Carbon::today()->addDay()->format('jS M, l')}}</span></div>
                    </div>
                </div>

<div class="tip-wrapper mt-4 px-sm-2">
                    <div class="tip-wrapper-inner" id="pane-{{\Carbon\Carbon::today()->subDay()->format('l')}}">
                        @if(count($freeYesterday)>0)
                            <table class="table myTableSmall" style="background-color: #f8f9f9; font-size: 14px; width: 100%; margin-top: -10px;">
                                <tbody>
                                <tr style="height: 9px;">
                                    <td style="width: 8%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">TIME</span></td>
                                    <td style="width: 10%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">LEAG</span></td>
                                    <td style="width: 55%; height: 9px; background-color: #052f5f; text-align: left;"><span style="color: #ffffff;">FIXTURE</span></td>
                                    <td style="width: 12%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">TIP</span></td>
                                    <td style="width: 15%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">RESULT</span></td>
                                </tr>
                                @foreach($freeYesterday as $key => $fy)
                                    <tr style="height: 3px;">
                                        <td style="height: 3px; text-align: center;"><span style="color: #052f5f;"><strong>{{\Carbon\Carbon::parse($fy->gameTime)->format('H:i')}}</strong></span></td>
                                        <td style="height: 3px; background-color: #eeeeee; text-align: center;">{{$fy->league}}</td>
                                        <td style="height: 3px; text-align: left;">{{$fy->teamOne}} <span style="color: #052f5f;"><strong>VS</strong></span> {{$fy->teamTwo}}</td>
                                        <td style="height: 3px; background-color: #eeeeee; text-align: center;"><strong>{{$fy->FTRecommendation}}</strong></td>
                                        <td style="height: 3px; text-align: center;"><strong>{{$fy->teamOneScore}}@if($fy->teamOneScore!='pstp'):@endif{{$fy->teamTwoScore}}</strong></td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        @else
                            <div class="col-sm-12" style="padding: 5px;">
                                <div class="alert alert-warning alert-dismissible">
                                    <div class="alert-heading">No Free Banker Yesterday</div>
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="tip-wrapper-inner active" id="pane-{{\Carbon\Carbon::today()->format('l')}}">
                        @if(count($freeToday)>0)
                            <table class="table myTableSmall" style="background-color: #f8f9f9; font-size: 14px; width: 100%; margin-top: -10px;">
                                <tbody>
                                <tr style="height: 9px;">
                                    <td style="width: 8%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">TIME</span></td>
                                    <td style="width: 10%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">LEAG</span></td>
                                    <td style="width: 55%; height: 9px; background-color: #052f5f; text-align: left;"><span style="color: #ffffff;">FIXTURE</span></td>
                                    <td style="width: 12%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">TIP</span></td>
                                </tr>
                                @foreach($freeToday as $key => $ft)
                                    <tr style="height: 3px;">
                                        <td style="height: 3px; text-align: center;"><span style="color: #052f5f;"><strong>{{\Carbon\Carbon::parse($ft->gameTime)->format('H:i')}}</strong></span></td>
                                        <td style="height: 3px; background-color: #eeeeee; text-align: center;">{{$ft->league}}</td>
                                        <td style="height: 3px; text-align: left;">{{$ft->teamOne}} <span style="color: #052f5f;"><strong>VS</strong></span> {{$ft->teamTwo}}</td>
                                        <td style="height: 3px; background-color: #eeeeee; text-align: center;"><strong>{{$ft->FTRecommendation}}</strong></td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        @else
                            <div class="col-sm-12" style="padding: 5px;">
                                <div class="alert alert-warning alert-dismissible">
                                    <div class="alert-heading">Today's Tips are coming soon!</div>
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="tip-wrapper-inner" id="pane-{{\Carbon\Carbon::today()->addDay()->format('l')}}">
                        @if(count($freeTomorrow)>0)
                            <table class="table myTableSmall" style="background-color: #f8f9f9; font-size: 14px; width: 100%; margin-top: -10px;">
                                <tbody>
                                <tr style="height: 9px;">
                                    <td style="width: 8%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">TIME</span></td>
                                    <td style="width: 10%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">LEAG</span></td>
                                    <td style="width: 55%; height: 9px; background-color: #052f5f; text-align: left;"><span style="color: #ffffff;">FIXTURE</span></td>
                                    <td style="width: 12%; height: 9px; background-color: #052f5f; text-align: center;"><span style="color: #ffffff;">TIP</span></td>
                                </tr>
                                @foreach($freeTomorrow as $key => $ftm)
                                    <tr style="height: 3px;">
                                        <td style="height: 3px; text-align: center;"><span style="color: #052f5f;"><strong>{{\Carbon\Carbon::parse($ftm->gameTime)->format('H:i')}}</strong></span></td>
                                        <td style="height: 3px; background-color: #eeeeee; text-align: center;">{{$ftm->league}}</td>
                                        <td style="height: 3px; text-align: left;">{{$ftm->teamOne}} <span style="color: #052f5f;"><strong>VS</strong></span> {{$ftm->teamTwo}}</td>
                                        <td style="height: 3px; background-color: #eeeeee; text-align: center;"><strong>{{$ftm->FTRecommendation}}</strong></td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        @else
                            <div class="col-sm-12" style="padding: 5px;">
                                <div class="alert alert-warning alert-dismissible">
                                    <div class="alert-heading">Check back later!</div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

<section style="background-color: #052f5f; color: white; margin-top: 25px; padding-top: 25px;">
        <div class="container mb-5">
            <div class="row justify-content-center">
                <div class="col-sm-6 pt-4 pb-5 text-center">
                    <a href="{{route('/how-to-join')}}" class="btn btn-md btn-danger mr-3 px-4">How To Join</a>
                    <a href="{{route('/vip')}}" class="btn btn-md btn-primary px-4">VIP Packages</a>
                </div>
            </div>
        </div>
    </section>

<section>
        <div class="container">
            <div class="row">
                <br><br>
                <div class="col-sm-6 mb-5">
                    <div class="card bg-white">
                        <div class="card-header bg-white">
                            <h2 style="margin-top: -10px;" class="myTitle">HOW TO JOIN VIP FOR <span class="text-danger">KENYANS</span></h2>
                        </div>
                        {{--<hr style="border: 1px solid #052f5f">--}}
                        <div class="card-body">
                            <ol class="ol-list" style="margin-left: -25px; font-size: 16px;">
                                <li>Create an account here <a href="{{route('/register')}}">Register</a></li>
                                <li>On  Safaricom Mpesa menu.</li>
                                <li>Select <strong>LIPA NA MPESA</strong>.</li>
                                <li>Select <strong>BUY GOODS AND SERVICES</strong> option.</li>
                                <li>Enter <strong>Till number 5193131</strong></li>
                                <h1 style="background: green; margin-top: 0px; color: white; text-align: center"><small style="color: white">TILL NUMBER:</small> <strong>5193131</strong></h1>
                                {{--<img src="{{asset('images/lipa.png')}}" class="img-responsive" alt="">--}}
                                <li>Enter preferred VIP PACKAGE amount. See <a href="{{route('/vip')}}">Prices Here</a> <strong>NB: As 1 transaction, don’t send half as your account won’t be activated.</strong></li>
                                <li>Follow subsequent prompts to complete the transaction.</li>
                                <li>Then send the Mpesa transaction and Email to our <strong>WhatsApp/SMS number 254743322873</strong> and your account will be activated within 5 minutes.</li>
                            </ol>
                        </div>
                        <hr>
                        <div class="card-footer">

<h5 class="text-primary">WE ALSO ACCEPT:</h5>
                            <center><img src="{{asset('images/payment.png')}}" class="img-fluid" alt="other payment methods"></center>
                        </div>
                    </div>
                </div>

<div class="col-sm-6 nopaddingsmall">
                    <h2 class="myTitle px-3 px-sm-0">LATEST WINNINGS</h2>
                    <hr style="border: 1px solid #052f5f">

<?php $testimonials = \App\Sportpesa\Modules\Prediction\Model\Prediction::where('display', '0')->where('testimonial', '1')->where('testimonialValue', '!=', '')->orderBy('updated_at', 'DESC')->take(15)->get(); ?>

@if(count($testimonials)>0)
                        <table class="table table-bordered table-striped text-center" style="font-size: 13px; margin-top: -17px;">
                            <thead>
                            <tr style="color: #fff; background: #43a047">
                                <th><center>Date</center></th>
                                <th><center>League</center></th>
                                <th><center>Fixture</center></th>
                                <th><center>Tip</center></th>
                                <th><center>Result</center></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($testimonials as $key => $item)
                                <tr>
                                    <td>{{\Carbon\Carbon::parse($item->gameDate)->format('d/m')}}</td>
                                    <td>{{$item->league}}</td>
                                    <td>{{$item->teamOne}} <span>VS</span> {{$item->teamTwo}}</td>
                                    <td style="background: #43a047; color: white">{{$item->testimonialValue}}</td>
                                    <td><strong>{{$item->teamOneScore}}:{{$item->teamTwoScore}}</strong></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <center>
                            <a href="{{route('/recent_winnings')}}"><button class="btn btn-md btn-success">See More Winnings</button></a>
                        </center>
                        <br><br>
                    @else
                        <p class="alert alert-warning">NO TESTIMONIALS YET</p>
                    @endif
                </div>

</div>
        </div>
    </section>

<div class="col-sm-12 pb-5" style="padding-bottom: 15px;">
                    <div class="row">
                        <div class="col-sm-6 text-center"><br><br>
                            <h2><strong>INVEST AND WIN TODAY</strong></h2>
                            <p>Making profits in daily basis is the best thing in any serious bettors; here in INVESTMENT SCHEME we make sure you gain more with our sure and trusted odds ranging from 1.60 - 2.00 Everyday.</p>
                            <a href="{{route('/vip')}}#investment"><button class="px-5 mb-3" style="background-color: whitesmoke; border: none; font-weight: bold; padding: 12px 12px; font-size: 16px; border-radius: 6px; color: #000">CLICK TO JOIN HERE</button></a>
                            <h3 class="blink_text text-danger"><strong>Investment Scheme Outcomes</strong></h3>
                            <div class="row">
                                <div class="col-2">
                                    <span style="font-size: 17px; font-weight: bold">{{\Carbon\Carbon::today()->subDays(5)->format('D')}} <br> {{\Carbon\Carbon::today()->subDays(5)->format('d')}}</span> <br>
                                    <?php $sixth = \App\Sportpesa\Modules\Prediction\Model\Prediction::where('gameType', '1')->where('superInvestment', 'Yes')->where('gameDate', \Carbon\Carbon::today()->subDays(5)->format('d-m-Y'))->first(); ?>
                                    @if(isset($sixth) && $sixth->moreOption=='1')
                                        @if($sixth->moreOption=='1')
                                            <i class="fa fa-check-circle fa-2x text-success"></i>
                                        @elseif($sixth->moreOption=='2')
                                            <i class="fa fa-times-circle fa-2x text-danger"></i>
                                        @else
                                            <i class="fa fa-circle-o fa-2x"></i>
                                        @endif
                                    @else
                                        <i class="fa fa-circle-o fa-2x"></i>
                                    @endif
                                </div>

<div class="col-2">
                                    <span style="font-size: 17px; font-weight: bold">{{\Carbon\Carbon::today()->subDays(4)->format('D')}} <br> {{\Carbon\Carbon::today()->subDays(4)->format('d')}}</span> <br>
                                    <?php $fifth = \App\Sportpesa\Modules\Prediction\Model\Prediction::where('gameType', '1')->where('superInvestment', 'Yes')->where('gameDate', \Carbon\Carbon::today()->subDays(4)->format('d-m-Y'))->first(); ?>
                                    @if(isset($fifth) && $fifth->moreOption=='1')
                                        @if($fifth->moreOption=='1')
                                            <i class="fa fa-check-circle fa-2x text-success"></i>
                                        @elseif($fifth->moreOption=='2')
                                            <i class="fa fa-times-circle fa-2x text-danger"></i>
                                        @else
                                            <i class="fa fa-circle-o fa-2x"></i>
                                        @endif
                                    @else
                                        <i class="fa fa-circle-o fa-2x"></i>
                                    @endif
                                </div>

<div class="col-2">
                                    <span style="font-size: 17px; font-weight: bold">{{\Carbon\Carbon::today()->subDays(3)->format('D')}} <br> {{\Carbon\Carbon::today()->subDays(3)->format('d')}}</span> <br>
                                    <?php $fourth = \App\Sportpesa\Modules\Prediction\Model\Prediction::where('gameType', '1')->where('superInvestment', 'Yes')->where('gameDate', \Carbon\Carbon::today()->subDays(3)->format('d-m-Y'))->first(); ?>
                                    @if(isset($fourth) && $fourth->moreOption=='1')
                                        @if($fourth->moreOption=='1')
                                            <i class="fa fa-check-circle fa-2x text-success"></i>
                                        @elseif($fourth->moreOption=='2')
                                            <i class="fa fa-times-circle fa-2x text-danger"></i>
                                        @else
                                            <i class="fa fa-circle-o fa-2x"></i>
                                        @endif
                                    @else
                                        <i class="fa fa-circle-o fa-2x"></i>
                                    @endif
                                </div>

<div class="col-2">
                                    <span style="font-size: 17px; font-weight: bold">{{\Carbon\Carbon::today()->subDays(2)->format('D')}} <br> {{\Carbon\Carbon::today()->subDays(2)->format('d')}}</span> <br>
                                    <?php $third = \App\Sportpesa\Modules\Prediction\Model\Prediction::where('gameType', '1')->where('superInvestment', 'Yes')->where('gameDate', \Carbon\Carbon::today()->subDays(2)->format('d-m-Y'))->first(); ?>
                                    @if(isset($third) && $third->moreOption=='1')
                                        @if($third->moreOption=='1')
                                            <i class="fa fa-check-circle fa-2x text-success"></i>
                                        @elseif($third->moreOption=='2')
                                            <i class="fa fa-times-circle fa-2x text-danger"></i>
                                        @else
                                            <i class="fa fa-circle-o fa-2x"></i>
                                        @endif
                                    @else
                                        <i class="fa fa-circle-o fa-2x"></i>
                                    @endif
                                </div>

<div class="col-2">
                                    <span style="font-size: 17px; font-weight: bold">{{\Carbon\Carbon::today()->subDay(1)->format('D')}} <br> {{\Carbon\Carbon::today()->subDay(1)->format('d')}}</span> <br>
                                    <?php $second = \App\Sportpesa\Modules\Prediction\Model\Prediction::where('gameType', '1')->where('superInvestment', 'Yes')->where('gameDate', \Carbon\Carbon::today()->subDay(1)->format('d-m-Y'))->first(); ?>
                                    @if(isset($second))
                                        @if($second->moreOption=='1')
                                            <i class="fa fa-check-circle fa-2x text-success"></i>
                                        @elseif($second->moreOption=='2')
                                            <i class="fa fa-times-circle fa-2x text-danger"></i>
                                        @else
                                            <i class="fa fa-circle-o fa-2x"></i>
                                        @endif
                                    @else
                                        <i class="fa fa-circle-o fa-2x"></i>
                                    @endif
                                </div>

<div class="col-2">
                                    <span style="font-size: 17px; font-weight: bold">{{\Carbon\Carbon::today()->format('D')}} <br> {{\Carbon\Carbon::today()->format('d')}}</span> <br>
                                    <?php $first = \App\Sportpesa\Modules\Prediction\Model\Prediction::where('gameType', '1')->where('superInvestment', 'Yes')->where('gameDate', \Carbon\Carbon::today()->format('d-m-Y'))->first(); ?>
                                    @if(isset($first) && $first->moreOption=='1')
                                        @if($first->moreOption=='1')
                                            <i class="fa fa-check-circle fa-2x text-success"></i>
                                        @elseif($first->moreOption=='2')
                                            <i class="fa fa-times-circle fa-2x text-danger"></i>
                                        @else
                                            <i class="fa fa-circle-o fa-2x"></i>
                                        @endif
                                    @else
                                        <i class="fa fa-circle-o fa-2x"></i>
                                    @endif
                                </div>

</div>

</div>
                        <style>
                            .timer li {
                                display: inline-block;
                                font-size: 1.0em;
                                list-style-type: none;
                                padding: 0.5em;
                                text-transform: uppercase;
                            }

.timer li span {
                                display: block;
                                font-size: 3.5rem;
                            }
                        </style>
                        <div class="col-sm-6 mt-4">
                            <div class="col-sm-12" style="background-color: whitesmoke; border-radius: 15px; margin-top: 15px; color: black; padding-top: 8px; padding-bottom: 8px;">
                                <h3 class="text-center mt-3"><strong>Today's Investment Tips</strong></h3>
                                <?php $first = \App\Sportpesa\Modules\Prediction\Model\Prediction::where('superInvestment', 'Yes')->where('gameDate', \Carbon\Carbon::today()->format('d-m-Y'))->where('display', '0')->orderBy('id', 'DESC')->first(); ?>
                                @if(isset($first))
                                    <center>
                                        <h2><strong>TOTAL ODDS: <span class="text-success">{{$first->superInvestmentOdds}}</span></strong></h2>
                                        <a href="{{route("/VIP/Investment")}}"><button class="btn btn-md btn-success"><i class="fa fa-eye"></i> VIEW SUPER TIP</button></a>
                                    </center>
                                    <hr>
                                    <?php $time = strtotime(\Carbon\Carbon::now()->addHour('1')->format('h:i A')); ?>
                                    <center>
                                        @if($time >= strtotime($first->gameTime))
                                            <h3 class="alert alert-success" style="margin-bottom: -20px!important;">Game Started!</h3>
                                            <br>
                                        @else
                                            <div class="containerCT">
                                                <h3 id="head" class="alert alert-danger" style="margin-top: -10px; margin-bottom: -10px;"><strong>Investment Tip Starts</strong></h3>
                                                <ul class="timer">
                                                    <li><span id="hours"></span>Hours</li>
                                                    <li><span id="minutes"></span>Minutes</li>
                                                    <li><span id="seconds"></span>Seconds</li>
                                                </ul>
                                            </div>
                                        @endif
                                    </center>
                                @else
                                    <h4 class="alert alert-warning text-center">Today's Tip is coming soon!</h4>
                                    <br>
                                @endif

</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section>
        <div class="container-fluid pt-5" style="background-color: white; padding-top: 20px; padding-bottom: 30px;">
            <div class="row justify-content-center">
                <div class="col-sm-10">
                    <h2 class="myTitle mb-4">FREE PREDICTION STORES</h2>
                    {{--<hr style="border: 1px solid #052f5f">--}}

<div class="row">
                        @include('partials.stores')
                    </div>
                </div>
            </div>
        </div>
    </section>

<section style="background: #E3319D">
        <div class="container" style="margin-top: 25px;">
            <div class="row">
                <div class="col-sm-12 pt-4">
                    <h2 class="myTitle mb-4">OUR VIP PACKAGES</h2>
                    {{--<hr style="border: 1px solid #052f5f">--}}

<div class="row">
                        <div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary">PREMIUM VIP</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6>Get access to 3 multbets with a total of 20+ sure odds uploaded everyday</h6>
                                </div>
                                <div class="col-sm-12">
                                    <hr style="border: 1px dashed">
                                    <p></p>
                                </div>
                                <a href="{{route('/vip')}}#premium"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>

<div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary">SMART TIPS VIP</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6>Contains 2+ odds everyday, sure odds for high stakes</h6>
                                </div>
                                <div class="col-sm-12">
                                    <hr style="border: 1px dashed">
                                    <p></p>
                                </div>
                                <a href="{{route('/vip')}}#smarttips"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>

<div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary">CORRECT SCORE VIP</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6>Consist of exact outcome at the end of game with minimum of 200.</h6>
                                </div>
                                <div class="col-sm-12">
                                    <hr style="border: 1px dashed">
                                    <p></p>
                                </div>
                                <a href="{{route('/vip')}}#correct_scores"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>

<div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary">SUPER VIP</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6>You will have access to sure and accurate 10+ odds daily from our top experts.</h6>
                                </div>
                                <div class="col-sm-12">
                                    <hr style="border: 1px dashed">
                                    <p></p>
                                </div>
                                <a href="{{route('/vip')}}#super"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>

<div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary">HALFTIME/FULLTIME</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6>You get access to our sure fixed HALF-TIME / FULL-TIME with a minimum odds of up
                                        to 100.</h6>
                                </div>
                                <div class="col-sm-12">
                                    <hr style="border: 1px dashed">
                                    <p></p>
                                </div>
                                <a href="{{route('/vip')}}#htft"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>

<div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary">BANK-ROLL VIP</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6>The section is for serious bettors who need to make profit. We release 3 sure odds
                                        every day we maintain a successful minimum rate of 6 days out of 7 days. This plan guarantees a
                                        weekly profit.</h6>
                                    <br>
                                </div>

{{--<div class="col-sm-12">--}}
                                {{--<hr style="border: 1px dashed">--}}
                                {{--<p></p>--}}
                                {{--</div>--}}
                                <a href="{{route('/vip')}}#bankroll"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>

<div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary">SPORTPESA INVESTMENT SCHEME</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6>You get access to our Investment Tips of 1.60 - 2.00 Odds Everyday.</h6>
                                </div>
                                <div class="col-sm-12">
                                    <hr style="border: 1px dashed">
                                    <p></p>
                                </div>
                                <a href="{{route('/vip')}}#investment"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>

<div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary"><i class="fa fa-whatsapp"></i> WHATSAPP VIP PACKAGE</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6>Get access to 2 multbet with 2+ odds each everyday Directly on WhatsApp VIP group for one full month</h6>
                                </div>
                                <div class="col-sm-12">
                                    <hr style="border: 1px dashed">
                                    <p></p>
                                </div>
                                <a href="{{route('/vip')}}#whatsapp"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>

<div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary">Sportpesa & Betika Jackpots</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6></h6>
                                </div>
                                <div class="col-sm-12">
                                    <hr style="border: 1px dashed">
                                    <p></p>
                                </div>
                                <a href="{{route('/vip')}}#sportpesa_jackpot"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>

<div class="col-sm-4">
                            <div class="col-sm-12 packageBox">
                                <div class="col-sm-12">
                                    <h4 class="text-uppercase text-primary">MBet Perfect 12 Jackpots</h4>
                                </div>
                                <div class="col-sm-12">
                                    <h6></h6>
                                </div>
                                <div class="col-sm-12">
                                    <hr style="border: 1px dashed">
                                    <p></p>
                                </div>
                                <a href="{{route('/vip')}}#mbet"><button class="btn btn-lg btn-danger mb10">JOIN PACKAGE</button></a>
                            </div>
                        </div>
                    </div>

</div>
            </div>
        </div>
    </section>
@endsection

@section('levelJS')
    <script>
//        var today = '';

@if(isset($first))

var today = "{{\Carbon\Carbon::parse($first->gameTime)->format('M d, Y H:i:s')}}";

const second = 1000,
            minute = second * 60,
            hour = minute * 60,
            day = hour * 24;

var countDown = new Date(today).getTime(),
            x = setInterval(function() {

var now = new Date().getTime(),
                    distance = countDown - now;
                document.getElementById('hours').innerText = Math.floor((distance % (day)) / (hour)),
                    document.getElementById('minutes').innerText = Math.floor((distance % (hour)) / (minute)),
                    document.getElementById('seconds').innerText = Math.floor((distance % (minute)) / second);

// do something later when date is reached
                if (distance < 0) {
                    clearInterval(x);
                    // 'ITS MY BIRTHDAY!';
                }
            }, second);

@endif

{{--$(document).ready(function () {--}}
        {{--$('#invResultHolder').html("<center><i class='fa fa-spin fa-spinner fa-2x'></i></center>");--}}
        {{--$.ajax({--}}
        {{--type: "GET",--}}
        {{--url: "{{route('/fetchInv')}}",--}}
        {{--success: function (data) {--}}
        {{--$('#invResultHolder').html(data);--}}
        {{--},--}}
        {{--failure: function (data) {--}}
        {{--$('#invResultHolder').html("<center><i class='fa fa-spin fa-spinner fa-2x'></i> REFRESH PAGE TO LOAD</center>");--}}
        {{--}--}}
        {{--});--}}
        {{--});--}}
    </script>
@endsection