@extends('layouts.main')
@section('content')
    <style>

    </style>
    <div class="container">
        <noscript>
            <div class="alert alert-warning">
                you need javascript turned on to view this page.
            </div>
        </noscript>
        @if($pick_flag)
            <div class="alert alert-warning alert-dismissable">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                You haven't made all your picks for this week yet!<a class="pull-right" href="/picks/" class="alert-link">Make Picks</a>
            </div>
        @endif
        @if(!\Auth::check())
                <div class="alert alert-info alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    Welcome!  If you want to start making picks, either <a  href="/auth/register" class="alert-link"><u>register</u></a> or <a class="alert-link" href="/auth/login" class="alert-link"><u>login</u></a>
                </div>
        @endif
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3>This Week <small id="this-week-heading"></small></h3>
                </div>
                <div class="panel-body">
                    <div id="this-week">
                        <div class="loading">
                            <img src="/images/loading_spinner.gif" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
             <div class="panel panel-default">
                 <div class="panel-heading">
                     <h3>This Weeks Games</h3>
                 </div>
                 <div class="panel-body relative">
                     <div class="loading" id="gameLoader">
                         <img src="/images/loading_spinner.gif" alt=""/>
                     </div>
                     <div class="row" id="game-holder" style="display:none;">

                     </div>

                 </div>
             </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3>Last Week Results <small id="last-week-heading"></small></h3>
                </div>
                <div class="panel-body">
                   <div id="last-week">
                       <div class="loading">
                           <img src="/images/loading_spinner.gif" alt=""/>
                       </div>
                   </div>
                </div>
            </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <h3>Overall Standings</h3>
            </div>
            <div class="panel-body">
                <div id="overall">
                    <div class="loading">
                        <img src="/images/loading_spinner.gif" alt=""/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/nfl_game_stats-2.0.2.js"></script>
    <script src="/js/day_hours.js"></script>
    <script>
        var data,
                statsObj,
                games,
                systemLoggedGames,
                filteredGames = [];
        function getFeedData() {
            xmlhttp = new XMLHttpRequest();
            xmlhttp.open("GET", "http://www.nfl.com/liveupdate/scorestrip/ss.xml", false);
            xmlhttp.send();
            data = xmlhttp.responseText;
        }

        function getStatsObject() {
            statsObj = getWeekGameStats(data);
            games = (statsObj.gameStats);

            for (i = 0; i < games.length; i++) {
                var status = games[i].gameStatus;

                if (games[i].gameStatus == "Pregame") {
                    status = games[i].gameDay + "," + games[i].gameTime
                }
                filteredGames.push({
                    status: {
                        status: status,
                        time: games[i].timeInQuarter
                    },
                    homeTeam: {
                        name: games[i].homeTeam.mascotName,
                        score: games[i].homeTeamScore
                    },
                    awayTeam: {
                        name: games[i].awayTeam.mascotName,
                        score: games[i].awayTeamScore
                    }
                });
            }

        }


        getFeedData();
        getStatsObject();
        getGames();
        function getGames() {
            $.ajax({
                url: '{{url('/get-games')}}',
                data: {
                    games: JSON.stringify(filteredGames),
                    week: statsObj.week
                },
                async: false,
                success: function (data) {
                    $('#game-holder').html(data);
                },
                error: function (data) {
                    $('#game-holder').html('Error Retrieving Game Information');
                },
                complete: function () {
                    $('#game-holder').fadeIn();
                    $('#gameLoader').fadeOut();
                }
            });
        }


        jQuery(document).ready(function () {
            $.ajax({
                url: '{{url('/week-results')}}',
                data:{
                    week: statsObj.week
                },
                success: function (data) {
                    $('#this-week').html(data);
                    $('#this-week-heading').html("Week "+statsObj.week);
                }
            });
            $.ajax({
                url: '{{url('/week-results')}}',
                data:{
                    week: statsObj.week - 1
                },
                success: function (data) {
                    $('#last-week').html(data);
                    var week = statsObj.week - 1;
                    $('#last-week-heading').html("Week "+ week);
                    console.log('wut');
                }
            });

            $.ajax({
                url: '{{url('/overall-results')}}',
                success: function (data) {
                    $('#overall').html(data);
                }
            });
        });

    </script>
@stop