@section('page_title')
    OSAA - Event Management & Ticket Reports
@stop

@section('page_sub_title')    
    OSAA Playoff Event Management & Ticket Reports
@stop

@section('scripts')
    @parent

    <script src="{{ asset('/scripts/jquery.maskedinput.min.js') }}" type="text/javascript"></script>

    <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;
        }

        .no-close .ui-dialog-titlebar-close {
            display: none;
        }

    	.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;
    	}    	

    	.page_functions {
    		width: auto !important;
    	}  

        .odd {
            background-color: #dedede;
        }        

        .required {
            color: #990000;
            font-weight: bold;
            font-size: 14pt;
            position: relative;
            top: 4px;
            margin-left: 5px;
        }

        .ui-tooltip-content {
            font-size: 9pt;
        }

        table {
            font-size: 10pt;
            border-collapse: collapse;            
            width: 100%;
        }

        table img {
            vertical-align: middle;
        }

        table thead {
            background-color: #005fa9;
            color: #ffffff;
        }

        table thead th {
            padding: 4px 0;
            text-align: left;
        }

        table thead th:first-child {
            padding-left: 2px;
        }

        table thead th:last-child {
            padding-right: 2px;
        }

        table tbody tr{
            height: 1.75em;
        }   

        table tbody tr.new-division td {
            border-top: 1px solid #000000;
        }

        table tbody td.expense {
            color: #990000;
        }

        table tbody td.unverified {
            color: #999999;
        }
        
        table tbody td.expense.unverified {
            color: #ff9999;
        }
        

        .ui-autocomplete {
            font-size: 9pt !important;
            max-height: 200px;
            overflow-y: auto;
        }        

        label, .label {            
            font-weight: bold;            
            float: left;
            width: 115px;
        }

        .ui-dialog label,
        .ui-dialog .label {
            width: auto;
            float: none;
        }

        td.form_actions {
            text-align: right;
        }

        td.form_actions img {
            width: 16px;
            margin: 0 2px;            
        }

        tr.sport_total {
            font-weight: bold;
        }

        tr.sport_total td {
            border-top: 2px solid #000000;
            line-height: 2em;
        }

        tr.sport_total td.gate {
            padding-right: 20px;
            text-align: right;
        }

    </style>

@stop

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

    // Make this script play well with IE8
    if (typeof String.prototype.trim !== 'function')
    {
        String.prototype.trim = function()
        {
            return this.replace(/^\s+|\s+$/g, ''); 
        }
    }

	// 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);
		})
	});    

    $('.tabs').tabs();

    // Table row highlighter
    function colorRows ()
    {       
        $('table').each(function ()
        {
            var i = 0;

            $('tbody tr', $(this)).each(function ()
            {
                if (i % 2 == 1)
                {
                    $(this).addClass('odd');
                }
                else
                {
                    $(this).removeClass('odd');
                }
                i = i + 1;
            });     
        });
    }   
    colorRows();        
    
	
    /*
     * Close button
     */
	$('.close_button')
		.button({'icons':{'primary':'ui-icon-circle-close'}})
		.css({'font-size':'9pt', 'margin-left':'10px'});     

    

    /*
     * Form Behavior
     */    
    
   

    /* 
     * Custom tooltip items
     */
    $('[data-tooltip]').each(function ()
    {
        var item = $(this);

        var help = item.attr('data-tooltip');
        
        item.tooltip({'content' : help, 'items' : item});
    });

    $('table tbody tr').hover(function()
    {        
        if (!$(this).hasClass('sport_total'))
        {
            $(this).addClass('ui-state-hover');
        }
    },
    function()
    {
        $(this).removeClass('ui-state-hover');
    });
    
    $('a[data-confirm]').on('click', function(event)
    {
        event.preventDefault();

        var link = $(this);
        var text = link.attr('data-confirm');

        var href = link.attr('href');
        
        $('<div></div>')
        .appendTo('body')
        .dialog(
        {                       
            modal : true,
            draggable : true,
            resizable : false,
            height : 275,
            width : 450,                    
            title : 'Confirmation',
            buttons: [
                {
                    text : "Yes",
                    'class' : "float_left",
                    icons : { primary : 'ui-icon-check'},
                    click : function()
                            {
                                $('<div><div>')
                                    .addClass('ui-widget-overlay ui-front')
                                    .appendTo('body');
                                  
                                $('<div><div>').appendTo('body')
                                    .css('width', '225px')
                                    .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 />Initializing...<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>');

                                window.location.href = href;
                                return true;                                                  
                            }
                },                        
                {
                    text : "No",
                    'class' : "float_right",
                    'data-autofocus' : "true",
                    icons : { primary : 'ui-icon-cancel'},
                    click : function()
                            {
                                // Close the dialog box
                                $(this).dialog("close"); 

                                return false;
                            }
                }
            ],
            open : function ()
                {  
                    var dialog_object = $(this);

                    var html = '<div style="font-size: 10pt; margin: 1em 0;">';
                    html += '<span class="ui-icon ui-icon-help" style="display: inline-block; vertical-align: middle; margin-right: 4px;"></span>';
                    html += text;                        
                    html += '</div>';

                    dialog_object.html(html);
                    
                    $('.ui-dialog-buttonpane').css('padding', '0 0.5em').css('font-size', '9pt');
                    $('.ui-dialog-buttonpane .ui-dialog-buttonset').css('width', '100%');   

                    $('[data-autofocus="true"]').focus();                                
                },
            close : function ()
                {                        
                    var dialog_object = $(this);
                    $(dialog_object).remove();
                }                
        });
    });

    $('[data-action="mark-done"]').on('click', function(event)
    {
        event.preventDefault();
        var link = $(this);
        link.blur();
        
        var row = link.parents('tr');
        var report_id = row.attr('data-report');
        var school = row.attr('data-school');
        var activity = row.attr('data-activity');
        var activity_name = row.attr('data-activity-name');
        var round = row.attr('data-round');
        var division = row.attr('data-division');
        var amount = $('td[data-amount]', row).attr('data-amount');
        var expense = $('td[data-expense]', row).attr('data-expense');
        var id_confirm = row.attr('data-id-confirm');
        var is_other_expenses = $('td[data-expense]', row).is('[data-other-expenses]');        

        row.addClass('ui-state-error');

        $('<div></div>')
        .appendTo('body')
        .dialog(
        {                       
            modal : true,
            draggable : true,
            resizable : false,
            height : 400,
            width : 550,                    
            title : 'Finish and Close This Report?',
            buttons: [
                {
                    text : "Finish",
                    'class' : "float_left",
                    icons : { primary : 'ui-icon-check'},
                    click : function()
                            {
                                $('<div><div>')
                                    .addClass('ui-widget-overlay ui-front')
                                    .appendTo('body');
                                  
                                $('<div><div>').appendTo('body')
                                    .css('width', '225px')
                                    .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 />Processing...<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>');

                                var url = "{{ url('/forms/ticket-report') }}/" + report_id + "/close";
                                var redirect = "{{ url('/forms/ticket-report/admin') }}?season={{ $info['season'] }}#" + activity;

                                var data = {
                                    report_id : report_id
                                };

                                // Submit the change
                                var jqxhr = $.ajax(
                                    {
                                        type : 'POST',
                                        url : url,
                                        data : data,
                                        dataType : 'html'
                                    })
                                    .done(function (data)
                                    {                                                
                                        // Success   
                                        if (data == 'success')
                                        {
                                            window.location.href = redirect;
                                            location.reload();
                                        }
                                        else
                                        {
                                            alert ("There was an error saving changes.\n\nThis page will be reloaded.");
                                            window.location.href = redirect;
                                            location.reload();                                            
                                        }
                                    })
                                    .fail(function (jqXHR, status, error)
                                    {                                                   
                                        var response = jqXHR.responseText;
                                        var errorData = $.parseJSON(response);
                                        //console.log(errorData);
                                        alert ("There was an error saving changes.\n\n" + errorData.error.message + "\n\nThis page will be reloaded.");
                                        window.location.href = redirect;
                                        location.reload();
                                    });
                            }
                },                        
                {
                    text : "Cancel",
                    'class' : "float_right",
                    'data-autofocus' : "true",
                    icons : { primary : 'ui-icon-cancel'},
                    click : function()
                            {
                                // Close the dialog box
                                $(this).dialog("close"); 

                                return false;
                            }
                }
            ],
            open : function ()
                {  
                    var dialog_object = $(this);

                    var html = '<div style="font-size: 10pt; margin: 1em 0;">';
                    html += '<span class="ui-icon ui-icon-help" style="display: inline-block; vertical-align: middle; margin-right: 4px;"></span>';
                    html += '<b>Are you sure you want to finish and close this ticket report?</b>  Please ensure the following information matches the submitted Event Management &amp; Ticket Report form.<br /><br /><div style="margin-left: 20px; font-weight: bold;">'; 
                    html += school + '<br />';
                    html += activity_name + ' ' + division + ' Round ' + round + '<br />';
                    html += 'ID # ' + id_confirm + '<br /><br />';
                    html += '<span style="display: inline-block; width: 130px;">Expense Total:</span><span style="color: #990000;">' + expense + '</span>';
                    if (is_other_expenses)
                    {
                        html += '<img src="{{ asset('/images/icons/hollow_flag_16px.png') }}" alt="" title="" style="vertical-align: middle; margin: 0 8px 0 40px;" /><span style="font-weight: normal; font-style: italic;">Verify Receipts</span>';
                    }
                    html += '<br />'
                    html += '<div style="border: 1px solid #cccccc; padding: 4px; margin-top: 0.25em; width: 50%;"><span style="display: inline-block; width: 125px;">Ticket Total:</span>' + amount + '</div>';
                    html += '</div><br />';
                    html += '<div class="small gray" style="line-height: 1.2em;">Once you mark this ticket report form as finished, the form will appear on the school\'s page as closed and it is assumed the OSAA has mailed a check for any expenses to the host school.';
                    html += '</div>';

                    dialog_object.html(html);
                    
                    $('.ui-dialog-buttonpane').css('padding', '0 0.5em').css('font-size', '9pt');
                    $('.ui-dialog-buttonpane .ui-dialog-buttonset').css('width', '100%');   

                    $('[data-autofocus="true"]').focus();                                
                },
            close : function ()
                {                        
                    row.removeClass('ui-state-error');

                    var dialog_object = $(this);
                    $(dialog_object).remove();
                }   
        });
    });

    $('td a').on('click', function()
    {
        $(this).blur();
    });
    

@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

    <div class="tabs awards">
        
        <ul style="padding-left:5px; font-size:9pt;">            
                        @foreach ($info['reports'] as $activity => $divisions)
                <li><a href="#{{ strtolower($activity) }}" data-tab-order="{{ $index++ }}">{{ Helpers::getActivityName($activity) }}</a></li>
            @endforeach            
        </ul>

        @foreach ($info['reports'] as $activity => $divisions)

            
            <div id="{{ strtolower($activity) }}">

            <h1>{{ $info['school_year'] }}-{{ substr(intval($info['school_year']) + 1, 2, 2) }} {{ Helpers::getActivityName($activity) }}</h1>

            <table>
                <thead>
                    <tr>
                        <th style="width: 90px;">Status</th>
                        <th style="width: 145px;">Div. / Round</th>                    
                        <th style="width: 90px;">Date</th>
                        <th style="width: 60px;">Event</th>
                        <th style="width: 320px;">Teams</th>
                        <th style="width: 90px;">Gate Total</th>
                        <th style="width: 90px;">Exp. Total</th>
                        <th style="width: 150px; text-align: right;">Actions</th>                   
                    </tr>
                </thead>

                <tbody>

                    
                    @foreach ($divisions as $division => $rounds)

                        @foreach ($rounds as $round => $reports)

                            @foreach ($reports as $report)

                                <br />
<b>Fatal error</b>:  Class 'Helpers' not found in <b>/home/osaa/web_app/dev/app/views/ticket_report/admin_index.blade.php</b> on line <b>563</b><br />