@section('page_title')
    OSAA - Reimbursements
@stop

@section('page_sub_title')    
    
    OSAA State Championship Reimbursements for {{ Session::get('year') }}-{{ substr(intval(Session::get('year')) + 1, 2, 2) }}

@stop

@section('scripts')
    @parent    

    <style type="text/css">
        h2 {
            color: #1C43A6 !important;
        }

        h2.line {
            border-bottom: 1px solid #1C43A6;
            padding-bottom: 0.25em;
            margin-bottom: 0.25em;
        }

        h3 {
            color: #990000 !important;
        }
        
        .page_functions {
            width: auto !important;
        }  

        .odd {
            background-color: #dedede;
        }

        .success_bar {
            position: fixed;
            top: 600px;
            left: 0;
            width: 100%;
            padding: 0.25em 0;
            line-height: 1.5em;
            background-color: rgba(176, 255, 190, 0.0);
            border-bottom: 2px solid rgba(13, 88, 27, 0.50);
            border-top: 2px solid rgba(13, 88, 27, 0.50);
            z-index: 500;
        }

        .success_bar .message {
            width: 1200px;
            margin: 0 auto;
            font-size: 14pt;
            color: #151515;
        }               

    </style>

@stop

@section('jquery_init')         
    
    if(!window.console)
    {
        window.console = { log: $.noop, group: $.noop, groupEnd: $.noop };            
    }    

    // Success bar
    $('.success_bar').animate({ 'top' : 32, 'background-color' : 'rgba(176, 255, 190, 1.0)'}, 1600, 'easeOutQuad', function ()
    {       
        $(this).delay(6000).fadeOut(4000);  

        $(this).hover(function ()
        {
            $(this).stop(true).css('opacity', '1.0');
        },
        function ()
        {
            $(this).fadeOut(4000);
        })
    });   

    var divisions = {{ json_encode($info['team_sport_divisions']) }};

    $('#sport').on('change', function()
    {
        // Get the selected activity
        var select = $(this);
        var activity = $('option:selected', select).val();
        
        // Get this newly selected activity's divisions
        var options = divisions[activity];

        // Get the division select
        var div_select = $('#division');

        // Clear out all options
        $('option', div_select).remove();

        var division_default = "";
        @if (Input::has('division'))
            division_default = "{{ Input::get('division') }}";
        @endif
        @if (Session::has('division'))
            division_default = "{{ Session::get('division') }}";
        @endif
        console.log(division_default);

        // Add options from the new list of divisions
        $.each(options, function(value, text)
        {
            var option = $('<option></option>')
                             .attr('value', value)
                             .html(text);

            if (division_default == value)
            {
                option.attr('selected', 'selected');
            }

            option.appendTo(div_select);
        });

        div_select.focus();        
    }).change();   

    /*
     * Close button
     */
    $('.close_button')
        .button({'icons':{'primary':'ui-icon-circle-close'}})
        .css({'font-size':'9pt'});     

    /*
     * Team sports submit button
     */
    $('#team_sports_form .submit_button')
        .button()
        .css({'font-size':'9pt'})
        .click(function ()
        {
            // Submit the form
            $('<div><div>')
                .attr('data-check', 1)
                .addClass('ui-widget-overlay ui-front')
                .appendTo('body');
              
            $('<div><div>').appendTo('body')                
                .css('width', '250px')
                .css('height', '180px')
                .css('text-align', 'center')
                .css('padding', '0.5em')
                .position({my : "center center", at : "center center", of : window})
                .addClass('ui-dialog ui-widget ui-widget-content ui-corner-all ui-front')
                .html('<br />Calculating Reimbursements...<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 while reimbursements are calculated, this may take a while to process...</div>');
            
            $(this).parents('form').submit();
        });

    /*
     * Team sports missing addresses button
     */
    $('#team_sports_form .missing_button')
        .button()
        .css({'font-size':'9pt'})
        .click(function ()
        {            
            var button = $(this);
            button.blur();

            $('<div><div>')
                .attr('data-check', 1)
                .addClass('ui-widget-overlay ui-front')
                .appendTo('body');
              
            $('<div><div>').appendTo('body')
                .attr('data-check', 1)
                .css('width', '300px')
                .css('height', '170px')
                .css('text-align', 'center')
                .css('padding', '0.5em')
                .position({my : "center center", at : "center center", of : window})
                .addClass('ui-dialog ui-widget ui-widget-content ui-corner-all ui-front')
                .html('<br />Checking Missing Addresses...<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 while the database checks for any missing addresses, this may take a while to process...</div>');

            var form = $(this).parents('form');           
            var url = form.attr('action');

            // Get a form check
            var jqxhr = $.ajax(
                {
                    type : 'POST',
                    url : url + '?' + form.serialize() + '&missing=1',
                    dataType : 'html'
                })
                .done(function (data)
                {                                                
                    $('[data-check]').remove();                    

                    $('<div></div>')
                    .appendTo('body')
                    .dialog(
                    {                       
                        draggable : true,
                        resizable : false,
                        height : 280,                    
                        width : 600,                    
                        modal : true,
                        title : 'Missing Address Report',
                        open : function ()
                            {  
                                var dialog_object = $(this);

                                var html = data;

                                dialog_object.html(html);                            

                                $('.close_button', dialog_object)
                                    .button({'icons' : {'secondary' : 'ui-icon-circle-close'}})
                                    .css({'font-size' : '9pt'})                                    
                                    .click(function(event)
                                    {
                                        event.preventDefault();

                                        dialog_object.dialog('close');
                                    })
                                    .focus();

                            },
                        close : function ()
                            {
                                var dialog_object = $(this);
                                $(dialog_object).remove();
                            }                
                    });                    
                })
                .fail(function (jqXHR, status, error)
                {                                                   
                    var response = jqXHR.responseText;
                    var errorData = $.parseJSON(response);
                    //console.log(errorData);
                    alert("There was an error checking for missing addresses.\n\n" + errorData.error.message + "\n\nThis page will be reloaded.");
                    location.reload();
                });           

            
        });

    /*
     * Team sports bracket button
     */
    $('#team_sports_form .bracket_button')
        .button()
        .css({'font-size':'9pt'})
        .click(function ()
        {            
            var button = $(this);            

            var form = $(this).parents('form');           

            var sport = $('#sport option:selected').val();
            sport = sport.toLowerCase();

            var division = $('#division option:selected').val();

            var url = '{{ url('/activities') }}/' + sport + '/brackets?div=' + division;

            window.open(url);                        
        });

    // Team sports view report button    
    $('#team_sports_form .view_button')
        .button()
        .css({'font-size':'9pt'})
        .click(function ()
        {            
            var button = $(this);
           
            var form = $(this).parents('form');           
            var url = button.attr('data-href');

            url += '?' + form.serialize();

            window.open(url);
        });   

    /*
     * Individual sports submit button
     */
    $('#individual_sports_form .submit_button')
        .button()
        .css({'font-size':'9pt'})
        .click(function ()
        {
            // Submit the form
            $('<div><div>')
                .attr('data-check', 1)
                .addClass('ui-widget-overlay ui-front')
                .appendTo('body');
              
            $('<div><div>').appendTo('body')                
                .css('width', '250px')
                .css('height', '180px')
                .css('text-align', 'center')
                .css('padding', '0.5em')
                .position({my : "center center", at : "center center", of : window})
                .addClass('ui-dialog ui-widget ui-widget-content ui-corner-all ui-front')
                .html('<br />Calculating Reimbursements...<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 while reimbursements are calculated, this may take a while to process...</div>');
            
            $(this).parents('form').submit();
        });    

    // Individual sports view report button    
    $('#individual_sports_form .view_button')
        .button()
        .css({'font-size':'9pt'})
        .click(function ()
        {            
            var button = $(this);
           
            var form = $(this).parents('form');           
            var url = button.attr('data-href');

            url += '?' + form.serialize();

            window.open(url);
        });


    /*
     * Activity sports submit button
     */
    $('#activity_sports_form .submit_button')
        .button()
        .css({'font-size':'9pt'})
        .click(function ()
        {
            // Submit the form
            $('<div><div>')
                .attr('data-check', 1)
                .addClass('ui-widget-overlay ui-front')
                .appendTo('body');
              
            $('<div><div>').appendTo('body')                
                .css('width', '250px')
                .css('height', '180px')
                .css('text-align', 'center')
                .css('padding', '0.5em')
                .position({my : "center center", at : "center center", of : window})
                .addClass('ui-dialog ui-widget ui-widget-content ui-corner-all ui-front')
                .html('<br />Calculating Reimbursements...<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 while reimbursements are calculated, this may take a while to process...</div>');
            
            $(this).parents('form').submit();
        });    

    // Activity sports view report button    
    $('#activity_sports_form .view_button')
        .button()
        .css({'font-size':'9pt'})
        .click(function ()
        {            
            var button = $(this);
           
            var form = $(this).parents('form');           
            var url = button.attr('data-href');

            url += '?' + form.serialize();

            window.open(url);
        });


    /*
     * School summary report button
     */
    $('.school_summary_botton')
        .button()
        .css({'font-size':'8pt'})
        .click(function ()
        {            
            var button = $(this);            

            var season = button.attr('data-season');

            var url = '{{ url('/reimburse/season') }}/' + season + '/school-detail';

            window.open(url);
        });

    /*
     * Season summary report button
     */
    $('.season_summary_botton')
        .button()
        .css({'font-size':'8pt','margin-right':'25px'})
        .click(function ()
        {            
            var button = $(this);            

            var season = button.attr('data-season');

            var url = '{{ url('/reimburse/season') }}/' + season + '/summary?csv=true';

            window.open(url);
        });

    /*
     * Season summary report button (PDF version)
     */
    $('.season_summary_pdf_botton')
        .button()
        .css({'font-size':'8pt','margin-right':'25px'})
        .click(function ()
        {            
            var button = $(this);            

            var season = button.attr('data-season');

            var url = '{{ url('/reimburse/season') }}/' + season + '/summary';

            window.open(url);
        });

@stop

@section('page_functions')          

    <a href="{{ url('/account') }}" class="close_button">Close</a>    
    
@stop


@section('main_content')            
    
    {{-- Success Bar --}}
    @if (Session::has('success'))
        <div class="success_bar">
            <div class="message">               
                {{ Session::get('success') }}
            </div>          
        </div>
    @endif

    {{-- Errors --}}
    @if (Session::has('errors'))                
        <div class="error ui-state-error" style="font-weight: bold; padding: 1em;">
            <span class="ui-icon ui-icon-alert box_icon"></span>
            @foreach ($errors->all() as $error)
                {{ $error }}
            @endforeach
        </div>
    @endif 

    <br />

    <h1>Team Sports</h1>

    {{ Form::open(array('url'    => url('/reimburse/calculate/team'),
                        'method' => 'POST',
                        'id'     => 'team_sports_form')) }}

        <div class="columns">
            <div class="float_left" style="margin-right: 50px;">                       
                
                <h2>Team Sport</h2>

                {{ Form::label('sport', 'Select', array('style' => 'font-weight: bold;')) }}
                {{ Form::select('sport', $info['team_sports'], null, array('id' => 'sport')) }}

            </div>

            <div class="float_left" style="margin-right: 50px;">                       

                <h2>Division</h2>
                
                {{ Form::label('division', 'Select', array('style' => 'font-weight: bold;')) }}
                {{ Form::select('division', reset($info['team_sport_divisions']), null, array('id' => 'division')) }}

            </div>

            <div class="float_left" style="">

                <h2>Options</h2>
                
                <label style="margin-right: 25px;">
                    <input type="checkbox" value="1" name="ignore-incomplete" id="ignore-incomplete" style="vertical-align: middle;" />
                    Ignore Incomplete Brackets
                </label>

                <label>
                    <input type="checkbox" value="1" name="force-recalculation" id="force-recalculation" style="vertical-align: middle;" />
                    Force Re-Calculation
                </label>

            </div>
        </div>

        <br class="clear" /><br />

        <div class="missing_button" style="margin-right: 25px;">Missing Addresses</div>

        <div class="bracket_button" style="margin-right: 25px;">View Bracket</div>

        <div class="submit_button" style="margin-right: 25px;">Calculate</div>

        <div class="view_button" style="margin-right: 25px;" data-href="{{ url('/reimburse/view/team') }}">View Report</div>        

    {{ Form::close() }}

    <br class="clear" /><br />

    
    <h1>Individual Sports</h1>

    {{ Form::open(array('url'    => url('/reimburse/calculate/individual'),
                        'method' => 'POST',
                        'files'  => true,
                        'id'     => 'individual_sports_form')) }}

        <div class="columns">
            <div class="float_left" style="margin-right: 50px;">                       
                
                <h2>Individual Sport</h2>

                {{ Form::label('individual_sport', 'Select', array('style' => 'font-weight: bold;')) }}
                {{ Form::select('individual_sport', $info['individual_sports'], null, array('id' => 'individual_sport')) }}

            </div>

            <div class="float_left" style="margin-right: 50px;">                       

                <h2>File to Upload</h2>
                {{ Form::label('upload_file', 'Data File', array('style' => 'font-weight: bold;')) }}
                {{ Form::file('upload_file', array('style' => '')) }}                

            </div>

            <div class="float_left" style="">

                <h2>Options</h2>
                
                <label style="margin-right: 25px;">
                     <input type="checkbox" value="1" name="force-recalculation-2" id="force-recalculation-2" style="vertical-align: middle;" />
                    Force Re-Calculation
                </label>

            </div>
        </div>

        <br class="clear" /><br />        

        <div class="submit_button" style="margin-right: 25px;">Calculate</div>

        <div class="view_button" style="margin-right: 25px;" data-href="{{ url('/reimburse/view/individual') }}">View Report</div>        

    {{ Form::close() }}    

    <br class="clear" /><br />

    <h1>Activities</h1>

    {{ Form::open(array('url'    => url('/reimburse/calculate/activity'),
                        'method' => 'POST',
                        'files'  => true,
                        'id'     => 'activity_sports_form')) }}

        <div class="columns">
            <div class="float_left" style="margin-right: 50px;">                       
                
                <h2>Activity</h2>

                {{ Form::label('activity_sport', 'Select', array('style' => 'font-weight: bold;')) }}
                {{ Form::select('activity_sport', $info['activity_sports'], null, array('id' => 'activity_sport')) }}

            </div>

            <div class="float_left" style="margin-right: 50px;">                       

                <h2>File to Upload</h2>
                {{ Form::label('upload_file', 'Data File', array('style' => 'font-weight: bold;')) }}
                {{ Form::file('upload_file', array('style' => '')) }}                

            </div>

            <div class="float_left" style="">

                <h2>Options</h2>
                
                <label style="margin-right: 25px;">
                     <input type="checkbox" value="1" name="force-recalculation-2" id="force-recalculation-2" style="vertical-align: middle;" />
                    Force Re-Calculation
                </label>

            </div>
        </div>

        <br class="clear" /><br />        

        <div class="submit_button" style="margin-right: 25px;">Calculate</div>

        <div class="view_button" style="margin-right: 25px;" data-href="{{ url('/reimburse/view/activity') }}">View Report</div>

        <br class="clear" /><br />

    {{ Form::close() }}


    <h1>Season Information</h1>
    <div class="columns">
        @foreach (array('F' => 'Fall', 'W' => 'Winter', 'S' => 'Spring') as $season_slug => $season_name)
            <div class="third">
                <h2 style="border-bottom: 2px solid #1C43A6; padding-bottom: 4px; width: 90%;">{{ $season_name }} Status</h2>
                
                <b>Summary Report:</b> 
                <div class="season_summary_botton" data-season="{{ strtolower($season_slug) }}">CSV</div>
                <div class="season_summary_pdf_botton" data-season="{{ strtolower($season_slug) }}">PDF</div>
                
                <br class="clear" /><br />

                <b>School Detail Report:</b>
                <div class="school_summary_botton" data-season="{{ strtolower($season_slug) }}">PDF</div>                

                <br /><br />

                <table style="font-size: 9pt;">
                    <thead>
                        <tr>
                            <th style="text-align: right; padding-right: 5px;">Activity</th>
                            <th>6A</th>
                            <th>5A</th>
                            <th>4A</th>
                            <th>3A</th>
                            <th>2A</th>
                            <th>1A</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($info['season_activities'][$season_slug] as $activity_slug)
                            <tr><td style="text-align: right; padding-right: 5px;">- -</td><td colspan="6" style="background-color: #990000;;">&nbsp;</td></tr>                        
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endforeach
    </div>

    <img src="http://www.osaa.org/images/icons/ajax_loader3.gif" style="display: none;" />
    
@stop