@extends('layouts.mobile')

@section('page_title')
    OSAA - Pitch Counts
@stop


@section('page_sub_title')
    {{ $info['activity_program']->name }}
@stop


@section('head')    

    <link rel="stylesheet" href="{{asset('css/fontello.css')}}">

    <style type="text/css">
        .ui-listview>li h2 {
            width: auto;
            margin: 0;
        }

        .ui-collapsible-content {
            /*background-color: #1c43a6 !important;*/
            background-color: #005fa9 !important;
        }

        .legend .ui-collapsible-heading-toggle {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
            background: #b5bdc8; /* Old browsers */
            background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
        }

        .pitch_count_popup {

        }

        .pitcher_names li {            
            /*margin-bottom: -20px;*/
        }

        ul.pitcher_names {
            overflow-x: hidden;
            overflow-y: scroll;
            max-height: 238px;            
        }

        .check_box_checked {
            background-color: #bbffbb !important;
        }

        .success {
            margin-bottom: 3em;
        }
        
    </style>

@stop


@section('jquery_init')
    
    // Handle the pitcher auto-complete option selection
    $('[data-pitcher-option]').click(function(event)
    {
        var option = $(this);
        var text = option.html();

        var list = option.parents('ul');

        var input_id = list.attr('data-input');

        var input = $(input_id);

        input.val(text);        

        list.fadeOut();
        list.filterable("refresh");
    });

    // Handle the pitcher text box auto-complete functionality
    $('[name="pitcher"]').blur(function()
    {
        var id = '#' + $(this).attr('id');

        var list = $('ul[data-input="' + id + '"]');

        list.fadeOut();
        list.filterable("refresh");
    })
    .focus(function()
    {
        var id = '#' + $(this).attr('id');

        var list = $('ul[data-input="' + id + '"]');

        list.fadeIn();
        list.filterable("refresh");
    });

    // Check if the count is above the limit, toggle exception check-box
    $('[name="count"]').bind('input', function()
    {
        var input = $(this);
        var value = input.val();
        var popup = input.parents('div[data-role="popup"]');        
        
        var exception = $('[name="exception"]', popup);
        var limit = $('input[name="under_limit"]', popup);

        if (value <= {{ $info['pitch_count_limits']['daily_maximum'] }})
        {
            exception.fadeOut();    
            limit.val(1);
        }
        else
        {
            exception.fadeIn();    
            limit.val(0);
        }
    });

    // Modify check-box to show green label if checked     
    $('[name="is_batter_exception"]').click(function()
    {
        var input = $(this);
        var label = $('label[for="' + input.attr('id') + '"]');

        if (input.is(':checked'))
        {
            label.addClass('check_box_checked');
        }
        else
        {
            label.removeClass('check_box_checked');
        }
    }); 

    // Submit button for adding a new pitch count entry
    $('button[type="submit"][data-button-action="add_pitch_count"]').click(function()
    {
        var button = $(this);
        var popup = button.parents('div[data-role="popup"]');

        // Get the data to add
        var pitcher = $('input[name="pitcher"]', popup).val();
        var count = $('input[name="count"]', popup).val();

        // Ensure the pitcher name was provided
        if (pitcher == "")
        {
            alert('You must type in the name of the pitcher.');
            $('input[name="pitcher"]', popup).focus();
            return;
        }

        // Ensure the count was provided
        if (count == "" || parseInt(count) == NaN || parseInt(count) == 0)
        {
            alert('You must type in the number of pitches for this pitcher.');
            $('input[name="count"]', popup).focus();
            return;
        }

        // Was the exception check-box checked?
        if ($('input[name="is_batter_exception"]', popup).is(':checked'))
        {
            var is_batter_exception = 1;
        }
        else
        {
            var is_batter_exception = 0;
        } 

        // Show loading status
        popup.html('<div style="text-align: center;"><br /><b>Adding Pitch Count...</b><br /><br /><img src="http://www.osaa.org/images/icons/ajax_loader3.gif" /><div style="font-size: 8pt; line-height: 105%; margin-top: 2em;">Please wait, this may take a while to process...</div></div>');

        // Gather data
        var ap_id = popup.attr('data-ap-id');
        var record_id = popup.attr('data-record-id');
        var schedule_index = popup.attr('data-index');
        var date = popup.attr('data-date');

        // Compose a data payload
        var data = {
            'ap_id' : ap_id,
            'record_id' : record_id,
            'schedule_index' : schedule_index,
            'date' : date,
            'pitcher' : pitcher,
            'count' : count,
            'is_batter_exception' : is_batter_exception
        };

        // Add the date to the schedule                                      
        var jqxhr = $.ajax(
            {
                type : 'POST',
                url : '{{ url('/teams/' . $info['activity_program']->id . '/add-pitch-count') }}',
                data : data,
                dataType : 'html'
            })
            .done(function (data)
            {                                                
                //$('[data-processing]').remove();
                location.reload();                
            })
            .fail(function (jqXHR, status, error)
            {                                                   
                var response = jqXHR.responseText;
                var errorData = $.parseJSON(response);
                //console.log(errorData);
                alert("There was an error adding this pitch count.\n\n" + errorData.error.message + "\n\nThis will be reloaded.  Please try again.");
                location.reload();
            });
    });

    // Submit button for adding a date    
    $('button[type="submit"][data-button-action="add_date"]').click(function()
    {
        var button = $(this);
        var popup = button.parents('div[data-role="popup"]');

        // Get the date to add
        var add_date = $('input', popup).val();
                
        // Ensure the date was provided
        if (add_date == "")
        {
            alert('You must select a date in order to add it to your pitch count schedule.');
            $('input', dialog_object).focus();
            return;
        }        

        // Show loading status
        popup.html('<div style="text-align: center;"><br /><b>Adding Date...</b><br /><br /><img src="http://www.osaa.org/images/icons/ajax_loader3.gif" /><div style="font-size: 8pt; line-height: 105%; margin-top: 2em;">Please wait, this may take a while to process...</div></div>');

        // Gather data
        var ap_id = popup.attr('data-ap-id');
        var record_id = popup.attr('data-record-id');        

        // Compose a data payload
        var data = {
            'ap_id' : ap_id,
            'record_id' : record_id,
            'add_date' : add_date
        };

        // Add the date to the schedule                                      
        var jqxhr = $.ajax(
            {
                type : 'POST',
                url : '{{ url('/teams/' . $info['activity_program']->id . '/add-pitch-count-date') }}',
                data : data,
                dataType : 'html'
            })
            .done(function (data)
            {                                                
                //$('[data-processing]').remove();
                location.reload();                
            })
            .fail(function (jqXHR, status, error)
            {                                                   
                var response = jqXHR.responseText;
                var errorData = $.parseJSON(response);
                //console.log(errorData);
                alert("There was an error adding this date.\n\n" + errorData.error.message + "\n\nThis will be reloaded.  Please try again.");
                location.reload();
            });
    });

    // Delete pitch count button
    $('a[data-button-action="delete_pitch_count"]').click(function(event)
    {
        var button = $(this);

        event.preventDefault();

        var result = confirm('Are you sure you want to delete this pitch count entry?');

        if (!result)
        {
            button.blur();
            return false;
        }

                
        var popup = button.parents('div[data-role="popup"]');        

        // Show loading status
        popup.html('<div style="text-align: center;"><br /><b>Deleting Pitch Count...</b><br /><br /><img src="http://www.osaa.org/images/icons/ajax_loader3.gif" /><div style="font-size: 8pt; line-height: 105%; margin-top: 2em;">Please wait, this may take a while to process...</div></div>');

        // Gather data
        var ap_id = popup.attr('data-ap-id');
        var record_id = popup.attr('data-record-id');
        var schedule_index = popup.attr('data-index');
        var sub_index = parseInt(popup.attr('data-sub-index'));
        var date = popup.attr('data-date');
        var pitcher = popup.attr('data-pitcher');

        // Compose a data payload
        var data = {
            'ap_id' : ap_id,
            'record_id' : record_id,
            'schedule_index' : schedule_index,
            'sub_index' : sub_index,
            'date' : date,
            'pitcher' : pitcher            
        };        

        // Remove the date from the schedule                                  
        var jqxhr = $.ajax(
            {
                type : 'POST',
                url : '{{ url('/teams/' . $info['activity_program']->id . '/remove-pitch-count') }}',
                data : data,
                dataType : 'html'
            })
            .done(function (data)
            {                                                
                //$('[data-processing]').remove();
                location.reload();                
            })
            .fail(function (jqXHR, status, error)
            {                                                   
                var response = jqXHR.responseText;
                var errorData = $.parseJSON(response);
                //console.log(errorData);
                alert("There was an error adding this pitch count.\n\n" + errorData.error.message + "\n\nThis will be reloaded.  Please try again.");
                location.reload();
            });

    });


@stop


@section('header_button_left')
    <a href="#" class="jqm-navmenu-link ui-nodisc-icon ui-alt-icon ui-btn-left ui-btn ui-icon-arrow-l ui-btn-icon-notext ui-corner-all" onClick="window.history.back(); return false;">Back</a>
@stop


@section('left_nav_panel')
    @parent    

@stop


@section('main_content')    
    
    <ul data-role="listview">

        @if (count($info['pitch_count']->data->schedules) < 1)

            <li class="ranking-row" style="white-space: normal;">
                There are no scheduled baseball games on record for this team.
            </li>

        @else

            <li data-role="collapsible" data-iconpos="right" data-inset="false" data-theme="b" style="padding: 0;">
                <h2 class="legend">Help &amp; Icon Legend</h2>
                <ul data-role="listview" data-theme="a">
                    <li style="white-space: normal; padding: .7em 1em;">
                        The following page lists pitch counts for all levels by contest date.  Click to expand a listed date's recorded pitchers, pitch counts, and rest days or to add a new pitch count.
                        
                        <br /><br />

                        Schools are required to track Varsity pitcher counts; the total number of pitches thrown at any level.

                        <br />

                        <table style="width: 80%; margin-left: 15px;">
                            <tr>
                                <td>1-25 pitches</td>
                                <td>0 rest days</td>
                            </tr>
                            <tr>
                                <td>26-45 pitches</td>
                                <td>1 rest day</td>
                            </tr>
                            <tr>
                                <td>46-60 pitches</td>
                                <td>2 rest days</td>
                            </tr>
                            <tr>
                                <td>61-85 pitches</td>
                                <td>3 rest days</td>
                            </tr>
                            <tr>
                                <td>86+ pitches</td>
                                <td>4 rest days</td>
                            </tr>
                        </table>

                        <br />

                        <b>Icons:</b><br />
                        <img src="{{ asset('/images/icons/pitch_count_return_icon_16px.png') }}" alt="" title="" class="ui-li-icon" style="vertical-align: middle;" /> indicates return date, the earliest day the pitcher can return with full eligibility.<br />
                        <img src="{{ asset('images/icons/over_pitch_green_16px.png') }}" alt="" title="" class="ui-li-icon" style="vertical-align: middle; " /> indicates pitcher was over the maximum pitch count, but allowed due to the at-bat exception.<br />
                        <img src="{{ asset('images/icons/over_pitch_red_16px.png') }}" alt="" title="" style="vertical-align: middle; width: 16px;" /> indicates pitcher exceeded the maximum pitch count imposed per day.
                    </li>
                </ul>
            </li>


            @foreach ($info['pitch_count']->data->schedules as $index => $schedule)

                <li data-role="collapsible" data-iconpos="right" data-inset="false" data-theme="c" style="padding: 0;">
                    
                    <h2>
                        {{ date ('l n/j', strtotime($schedule->date)) }}
                        @if (count($schedule->counts) > 0)
                            <div style="float: right;">({{ count($schedule->counts) }})</div>
                        @endif
                    </h2>                       

                    <ul data-role="listview" data-theme="a">

                        @foreach ($schedule->counts as $sub_index => $count)

                            <li>
                                <a href="#pitch_count_{{ $info['activity_program']->id }}_{{ $index }}_{{ $sub_index }}" style="font-weight: normal;" data-transition="fade" data-rel="popup">
                                    <table style="width: 100%;">
                                        <tbody>
                                            <tr>
                                                <td style="width: 75%;">{{ $count->pitcher }}</td>
                                                <td style="width: 25%; white-space: nowrap;">
                                                    {{ $count->count }} pitches

                                                    @if ($count->count > 110)
                                                        @if ($count->is_batter_exception)
                                                            <img src="{{ asset('images/icons/over_pitch_green_16px.png') }}" title="" alt="" style="vertical-align: middle; width: 16px;" />
                                                        @else
                                                            <img src="{{ asset('images/icons/over_pitch_red_16px.png') }}" title="" alt="" style="vertical-align: middle; width: 16px;" />
                                                        @endif
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="">
                                                    
                                                    <img src="{{ asset('/images/icons/pitch_count_rest_' . $info['pitch_count']->getRestFromLevel($count->level) . '_16px.png') }}" alt="{{ $info['pitch_count']->getRestFromLevel($count->level) }}" title="" style="vertical-align: middle;" />

                                                    
                                                    {{ ($info['pitch_count']->getRestFromLevel($count->level) == 1) ? 'rest day' : 'rest days' }}
                                                </td>
                                                <td style="">
                                                    <img src="{{ asset('/images/icons/pitch_count_return_icon_16px.png') }}" alt="" title="" style="vertical-align: middle;" />
                                                    {{ date('D n/j', strtotime($schedule->date . ' +' . ($info['pitch_count']->getRestFromLevel($count->level) + 1) . ' days')) }}
                                                </td>                                                            
                                            </tr>
                                        </tbody>
                                    </table>
                                </a>
                                <div data-role="popup"
                                     data-overlay-theme="b"
                                     id="pitch_count_{{ $info['activity_program']->id }}_{{ $index }}_{{ $sub_index }}"
                                     data-ap-id="{{ $info['activity_program']->id }}"
                                     data-index="{{ $index }}"
                                     data-sub-index="{{ $sub_index }}"
                                     data-record-id="{{ $info['pitch_count']->id }}"
                                     data-date="{{ $schedule->date }}"
                                     data-pitcher="{{ $count->pitcher }}"
                                     class="ui-content pitch_count_popup">

                                    <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-left">Close</a>

                                    <div style="text-align: center; font-weight: bold; color: #7d7b7d; margin-bottom: 0.5em;">
                                        <img src="{{ asset('/images/icons/baseball_16px.png') }}" alt="" title="" style="vertical-align: middle;" />
                                        Pitch Count Information
                                    </div>

                                    <table>
                                        <tbody>
                                            <tr>
                                                <td><b>Game Date:</b></td>
                                                <td>{{ date ('D n/j', strtotime($schedule->date)) }}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Pitcher Name:</b></td>
                                                <td>{{ $count->pitcher }}</td>
                                            </tr>
                                            <tr>
                                                <td><b># of Pitches:</b></td>
                                                <td>{{ $count->count }}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Required Rest:</b></td>
                                                <td>
                                                    @if ($info['pitch_count']->getRestFromLevel($count->level) == 0)
                                                        None
                                                    @elseif ($info['pitch_count']->getRestFromLevel($count->level) == 1)
                                                        1 rest day
                                                    @else
                                                        {{ $info['pitch_count']->getRestFromLevel($count->level) }} rest days
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="padding-right: 8px;"><b>Full Return On:</b></td>
                                                <td>{{ date('D n/j', strtotime($schedule->date . ' +' . ($info['pitch_count']->getRestFromLevel($count->level) + 1) . ' days')) }}</td>
                                            </tr>
                                            <tr><td colspan="2">&nbsp;</td></tr>
                                            <tr>
                                                <td><b>Entry Created:</b></td>
                                                <td>{{ date('n/j/Y g:ia', strtotime($count->updated_at)) }}</td>
                                            </tr>
                                            <tr>
                                                <td><b>Entered By:</b></td>
                                                <td>{{ $count->updated_by }}</td>
                                            </tr>
                                        </tbody>
                                    </table>

                                    <br />

                                    <div style="text-align: center;">
                                        <a href="#delete_pitch_count_{{ $info['activity_program']->id }}_{{ $index }}_{{ $sub_index }}" class="ui-btn ui-btn-b ui-mini ui-corner-all ui-shadow ui-btn-inline delete_button" data-button-action="delete_pitch_count" data-theme="b">Delete Entry</a>
                                    </div>

                                </div>
                                
                            </li>
                        @endforeach

                        @if (count($schedule->counts) < 1)

                            <li>There are no pitch counts entered on this date.</li>

                        @endif

                        <li>
                            <a href="#pitch_count_add_to_{{ $info['activity_program']->id }}_{{ $index }}" data-transition="fade" data-rel="popup">
                                Add a pitch count for {{ date ('n/j', strtotime($schedule->date)) }}
                            </a>

                            <div data-role="popup"
                                 data-overlay-theme="b"
                                 data-dismissible="false"
                                 id="pitch_count_add_to_{{ $info['activity_program']->id }}_{{ $index }}"
                                 data-ap-id="{{ $info['activity_program']->id }}"
                                 data-index="{{ $index }}" 
                                 data-date="{{ $schedule->date }}"
                                 data-record-id="{{ $info['pitch_count']->id }}"                                
                                 class="ui-content pitch_count_popup">

                                <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-left">Close</a>


                                <div style="text-align: center; font-weight: bold; color: #7d7b7d; margin-bottom: 1em;">
                                    <img src="{{ asset('/images/icons/add_icon_16px.png') }}" alt="" title="" style="vertical-align: middle;" />
                                    Add New Pitch Count
                                </div>

                                <div style="font-size: 9pt; color: #999999; text-align: center; margin-bottom: 1em;">
                                    Provide the name of the pitcher and the number of pitches below to add a new pitch count.
                                </div>

                                <div style="text-align: center; font-weight: bold; color: #7d7b7d; margin-bottom: 1em;">
                                    {{ date('l n/j/Y', strtotime($schedule->date)) }}
                                </div>

                                <label for="pitcher_{{ $info['activity_program']->id }}_{{ $index }}" class="ui-hidden-accessible">
                                    Pitcher Name:
                                </label>
                                
                                <input type="text" name="pitcher" id="pitcher_{{ $info['activity_program']->id }}_{{ $index }}" value="" placeholder="Pitcher Name" data-theme="a" class="ui-filterable">

                                <ul class="pitcher_names" data-role="listview" data-filter="true" data-filter-reveal="true" data-input="#pitcher_{{ $info['activity_program']->id }}_{{ $index }}" style="margin-top: 0; display: none;">
                                    @foreach ($info['pitch_count']->data->pitchers as $pitcher)
                                        <li><a href="#" data-pitcher-option="1">{{ $pitcher }}</a></li>
                                    @endforeach
                                </ul>
                                
                                <label for="count_{{ $info['activity_program']->id }}_{{ $index }}" class="ui-hidden-accessible">Password:</label>
                                <input type="number" name="count" id="count_{{ $info['activity_program']->id }}_{{ $index }}" value="" placeholder="Pitches" data-theme="a" pattern="[0-9]*">
                                
                                <input type="hidden" name="under_limit" id="under_limit_{{ $info['activity_program']->id }}_{{ $index }}" value="1" />

                                <br />                                

                                <div name="exception" style="display: none;">
                                    
                                    <div style="color: #999999; font-size: 9pt; line-height: 1.15em;">
                                        A patcher is allowed to finish pitching to a batter if he reaches the daily maximum ({{ $info['pitch_count_limits']['daily_maximum'] }} pitches) during an at-bat.  Check this box if the pitcher was over the daily limit because of this exception.
                                    </div>

                                    <fieldset data-role="controlgroup">                                        
                                        <label for="exception_{{ $info['activity_program']->id }}_{{ $index }}">At-bat Exception</label>
                                        <input type="checkbox" name="is_batter_exception" id="exception_{{ $info['activity_program']->id }}_{{ $index }}" value="1">
                                    </fieldset>

                                    <br />                               
                                </div>

                                <button type="submit" data-button-action="add_pitch_count" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-right ui-icon-check">Add Pitch Count</button>

                            </div>
                        </li>
                    </ul>
                </li>

            @endforeach        

        @endif

    </ul>  

    <div style="text-align: center;">
        <a href="#add_date_to_{{ $info['activity_program']->id }}" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline" data-transition="fade" >Add Date</a>

        <div data-role="popup"
             data-overlay-theme="b"
             data-dismissible="false"
             id="add_date_to_{{ $info['activity_program']->id }}"
             data-ap-id="{{ $info['activity_program']->id }}"             
             data-record-id="{{ $info['pitch_count']->id }}"                                
             class="ui-content add_date_popup">

            <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-left">Close</a>

            <div style="text-align: center; font-weight: bold; color: #7d7b7d; margin-bottom: 1em;">
                <img src="{{ asset('/images/icons/add_icon_16px.png') }}" alt="" title="" style="vertical-align: middle;" />
                Add a Date to the Pitch Count Schedule
            </div>

            <div style="font-size: 9pt; color: #999999; text-align: center; margin-bottom: 1em;">
                Dates are automatically added from your scheduled contests at any level.   You can also add another date to your team's baseball pitch count schedule using this form.
            </div>        

            <label for="add_date">
                <b>Select Date:</b>
            </label>
            
            <input type="date" name="add_date" id="add_date" value="" placeholder="Date" data-theme="a">            

            <button type="submit" data-button-action="add_date" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-right ui-icon-check">Add Date</button>

        </div>
    </div>

   
@stop