<!DOCTYPE html>
<html lang="en">

    <!-- HTML Head -->
    <head>
        
        <!-- Page Title -->
        <title>
            <?php echo $__env->yieldContent('page_title'); ?>
        </title>

        <!-- Meta Tage -->
        <?php $__env->startSection('meta_tags'); ?>
            <meta charset="utf-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <meta name="description" content="Oregon School Activities Association">
            <meta name="viewport" content="width=device-width, initial-scale=1">
        <?php echo $__env->yieldSection(); ?>

        <!-- Stylesheets -->
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="<?php echo asset('css/mobile.css'); ?>">

        <!-- JQuery -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>

        <!-- site-wide js -->
        <script src="<?php echo asset('scripts/fastbutton.js'); ?>"></script>
        <script src="<?php echo asset('scripts/mobile.js'); ?>"></script>

        <!-- JQuery Page Initialization -->
        <script>
            <?php echo $__env->yieldContent('scripts'); ?>            

            division = '<?php echo Session::get('division'); ?>';
            $.mobile.ajaxEnabled = false;
            $.mobile.defaultPageTransition = 'none';            

            $(document).ready(function(){
                <?php echo $__env->yieldContent('jquery_init'); ?>
            });        

            $(document).on( "pagebeforeshow", function( event )
            {
                $('.division').hide();
                $('.' + division.split('/').join('-')).show();                

                $('.division-select').click(function()
                {
                    division = $(this).attr('id');

                    // If not on schedules then show selected division (schedules is handled within the ajax call for performance reasons)
                    url = $(location).attr('pathname').split('/');
                    
                    if (url.slice(-1).pop() != 'schedules')
                    {
                        $('.division').hide();
                        $('.' + division.split('/').join('-')).show();
                    }                    

                    $.ajax({
                        type: "POST",
                        url: "/mobile/division",
                        data: {division: division},
                        complete: function() {

                            // If this page is the schedules page, reload to currently viewed date when switching divisions
                            if (url.pop() == 'schedules') {
                                window.location = "/mobile/".concat(url.pop(), "/schedules", $(location).attr('search'));
                            }
                        }
                    });

                });
                

                // This functions delays the loading of images until after the page is done loading
                $.each(document.images, function()
                {
                    var this_image = this;

                    var src = $(this_image).attr('src') || '' ;

                    if(!src.length > 0)
                    {
                        //this_image.src = options.loading; // show loading
                        var lsrc = $(this_image).attr('lsrc') || '' ;
                        
                        if(lsrc.length > 0)
                        {
                            var img = new Image();
                            img.src = lsrc;
                            $(img).load(function()
                            {
                                this_image.src = this.src;
                            });
                        }
                    }
                });
            } );
        </script>

        <script type='text/javascript'>
            var googletag = googletag || {};
            googletag.cmd = googletag.cmd || [];            
            (function() {
                var gads = document.createElement('script');
                gads.async = true;
                gads.type = 'text/javascript';
                var useSSL = 'https:' == document.location.protocol;
                gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';
                var node = document.getElementsByTagName('script')[0];
                node.parentNode.insertBefore(gads, node);
            })();
        </script>

        <script type='text/javascript'>
            googletag.cmd.push(function() {
                googletag.defineSlot('/5902806/234x60', [234, 60], 'div-gpt-ad-1376374708226-0').addService(googletag.pubads());
                googletag.pubads().enableSingleRequest();
                googletag.enableServices();
            });
        </script>

        <script src="<?php echo asset('scripts/analyticstracking.js'); ?>" type="text/javascript"></script>

        <?php echo $__env->yieldContent('head'); ?>
    </head>

    <!-- HTML Body -->
    <body>
        <div data-role="page" data-dom-cache="false">
            
            <?php echo $__env->yieldContent('division_navbar'); ?>

            <div data-role="header" class="ui-header ui-bar-h">
                <?php echo $__env->yieldContent('header_button_left'); ?>

                <h1 class="ellipses" style="width: 80%; margin-left: auto; margin-right: auto;"><?php echo $__env->yieldContent('page_sub_title'); ?></h1>

                <a href="#nav-menu" class="jqm-navmenu-link ui-nodisc-icon ui-alt-icon ui-btn-right ui-btn ui-icon-bars ui-btn-icon-notext ui-corner-all" data-role="button" role="button">Menu</a>
            </div>

            <div data-role="panel" id="nav-menu" data-position="right" data-display="push" data-theme="b" class="ui-panel ui-panel-position-right ui-panel-display-push ui-body-b ui-panel-animate ui-panel-open">

                <div class="ui-panel-inner">

                    <ul class="jqm-list ui-alt-icon ui-nodisc-icon ui-listview">

                        <?php $__env->startSection('left_nav_panel'); ?>

                            <?php if (Auth::check()): ?>
                                <li data-role="list-divider" role="heading" class="ui-li-divider ui-bar-a ui-first-child" data-priority="persist">
                                    <p style="text-align:center;">Logged in as <?php echo Auth::user()->email; ?></p>
                                </li>

                                <li>
                                    <a href="/mobile/missing-scores" data-ajax="false" class="ui-btn">
                                        Submit Scores
                                    </a>
                                </li>

                                <?php
                                    $bbl_pitch_teams = Auth::user()->getBaseballTeamObjects();
                                ?>

                                <?php if (count($bbl_pitch_teams) > 0): ?>
                                    <li>
                                        <a href="/mobile/pitch-counts" data-ajax="false" class="ui-btn">
                                            Pitch Counts
                                        </a>
                                    </li>
                                <?php endif; ?>

                                <li>
                                    <a href="/mobile/logout" data-ajax="false" class="ui-btn">
                                        Logout
                                    </a>
                                </li>
                            <?php else: ?>

                            <li data-role="list-divider" role="heading" class="ui-li-divider ui-bar-a ui-first-child" data-priority="persist" style="text-align:center;">
                                Not logged in
                            </li>

                                <li>

                                    <a href="/mobile/missing-scores" data-ajax="false" class="ui-btn">

                                        Login

                                    </a>

                                </li>

                            <?php endif; ?>

                        <?php echo $__env->yieldSection(); ?>

                            <li data-role="list-divider" role="heading" class="ui-li-divider ui-bar-a ui-first-child" data-priority="persist" style="text-align:center;">

                                General Menu

                            </li>

                            <li data-icon="home" class="ui-first-child"><a href="/mobile" class="ui-btn ui-btn-icon-right ui-icon-home">Home</a></li>

                            <li data-icon="home" class="ui-first-child"><a href="/" class="ui-btn ui-btn-icon-right ui-icon-home" data-ajax="false">Full Site</a></li>

                            <li data-icon="home" class="ui-first-child"><a href="<?php echo url('/app'); ?>" class="ui-btn ui-btn-icon-right ui-icon-home" data-ajax="false"><i>OSAA Live</i> Mobile App</a></li>                            

           

                     </ul>

                </div>

            </div>



            



            <div data-role="content" class="ui-content">

                <div id="header-block"></div>

            

                <?php if (Session::get('success')): ?>

                    <p class="success"><?php echo Session::get('success'); ?></p>

                <?php endif; ?>  

                <?php if (Session::has('errors')): ?>                

                    <p class="error"><?php foreach ($errors->all() as $error): ?><?php echo $error; ?> <?php endforeach; ?></p>

                <?php endif; ?>

                <?php echo $__env->yieldContent('main_content'); ?>



                <div class="ui-grid-b" style="text-align: center;">

                    <a href="/mobile/switch-to-full-site" class="ui-btn-up-a" data-role="button">

                        OSAA Full Site

                    </a>

                </div>

                <div class="ui-grid-b" style="text-align: center;">

                    <a href="<?php echo url('/app'); ?>" class="ui-btn-up-a" data-role="button">

                        <i>OSAA Live</i> Mobile App

                    </a>

                </div>

                <div id="footer-block"></div>

            </div>

            

            <div data-role="footer" class="ui-footer ui-bar-h">

                <a href="/mobile" class="jqm-navmenu-link ui-alt-icon ui-nodisc-icon ui-btn-left ui-btn ui-icon-home ui-btn-icon-notext ui-corner-all" data-role="button" role="button">Home</a>

                <div id="footer-center"><?php echo $__env->make('ads.half_banner_mobile', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?></div>

                <a href="https://twitter.com/OSAASports" class="jqm-navmenu-link ui-alt-icon ui-nodisc-icon ui-btn-right ui-btn ui-icon-twitter ui-btn-icon-notext ui-corner-all" data-role="button" role="button">Twitter</a>

            </div>

            

        </div><!-- /page -->

    </body>
</html>
