@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Welcome to "Guessing Game" - <b>Current Score: @if (\App\Game::getCurrentScore()) {{\App\Game::getCurrentScore()->score}} points! @else No game started @endif</b></div>
                    <div class="card-body">
                        <p>Want to start a new game? Click "Begin" below. Remember a number between 1-10 when you click <b>Begin</b></p>
                        <a href="{{ route('game.index', ['questionID' => 1]) }}" class="btn btn-success">Begin</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection