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

@section('page_sub_title')    
   OSAA Information and Resources for Officials
@stop

@section('scripts')
    @parent

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

    {{--
    <script type="text/javascript" src="https://content.jwplatform.com/libraries/7OYti3Wn.js"></script>
    --}}
    <script type="text/javascript" src="{{ asset('/jwplayer/jwplayer.js') }}"></script>
    <script type="text/javascript">jwplayer.key="7yEYDi07hBBmzMRafoVk99fWLIo4gyFBCgqOLg==";</script>

    <style type="text/css">

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

        .page_functions {
            padding-top: 2px !important;
        }

        h3 {
            color: #990000 !important;
        }  

        .odd {
            background-color: #dedede;
        }             

        table.associations {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 0.75em;
        }

        table.certified_officials tbody td {
            text-align: center;
        }

        table.playoff_assignments,
        table.certified_officials {
            width: 100%;
            border-collapse: collapse;
            font-size: 10pt;
        }

        table.playoff_assignments,
        table.certified_officials {
            width: 100%;
            border-collapse: collapse;
            font-size: 10pt;
        }

        table.playoff_assignments thead th {        
            text-align: left;
            border-bottom: 1px solid #000000;
        }

        table.certified_officials thead th {
            border-bottom: 1px solid #000000;
        }

        table.associations tr,
        table.playoff_assignments tr,
        table.certified_officials tr,
        table.sris tr,
        table.fees tr {
            line-height: 1.5em;
        }

        table.sris {
            border-collapse: collapse;
            width: 70%;
            margin-left: 40px;
        }

        .badge {
            float: left;
            width: 32px;
            height: 32px;
            border: 1px solid #dddddd;
            text-align: center;
            line-height: 32px;
            margin: 0 15px 15px 30px;
        }        

        .packet_contents img {
            width: 16px; 
            float: left;
            vertical-align: middle;
            top: 2px;
            position: relative;
            margin-right: 2px;
        }

        .packet_item_list {
            font-size: 10pt;
        }

        .packet_item_list table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 0.5em;
        }

        .packet_item_list table thead th {
            background-color: #005fa9;
            color: #ffffff;
            text-align: left;
            padding-left: 4px;
            border-bottom: 2px solid #cccccc;
        }

        .packet_item_list table tbody tr {
            height: 2em;
        }

        .packet_item_list table tbody td {
            line-height: 1.15em;
        }

        .packet_item_list .last_item_row {
            border-bottom: 1px solid #000000;
        }

        .packet_item_list tr.hover {
            color: #0d2458;
            cursor: default;
            font-weight: bold;
        }

        .tooltip {
            font-size: 9pt;
        }

        img.certification_required {
            vertical-align: middle;
        }

        .ui-tabs-vertical { width: 100%; }
        .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 14em;}
        .ui-tabs-vertical .ui-tabs-nav li {clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0;}
        .ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 144px;}
        .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; margin-bottom: 0.2em;}
        .ui-tabs-vertical .ui-tabs-panel { padding: 0 0.5em 1em 0.5em; float: right; width: 80%;}

        ul.list_instructions li,
        ol.list_instructions li {
            margin-bottom: 1em;
        }


        /* Dialog Box */
        .dialog_box {
            font-size: 10pt;
            padding-top: 0.5em;
            overflow: hidden;
        }

        .dialog_box h1 {
            font-size: 14pt;
            color: #005fa9 !important;
            margin: 1em 0 1em 0;
        }

        .dialog_box h2 {
            font-size: 12pt;
            color: #1C43A6 !important;
            margin: 1em 0 0.5em 0;
        }

        .dialog_box h3 {
            font-size: 10pt;
            color: #000000 !important;
            margin: 0.75em 0 0em 0;
        }

        .dialog_box ul, ol {
            margin-left: 28px;
        }

        .dialog_box dl dt {
            float: left;
            width: 200px;
            text-align: right;
            margin-right: 20px;
            font-weight: bold;
            clear: both;
        }

         /* Help Dialog */
        .help_dialog {
            position: relative;
            font-size: 10pt;
        }

        .help_dialog h1 {
            font-size: 14pt;
            color: #005fa9 !important;
            margin: 1em 0 1em 0;
        }

        .help_dialog h2 {
            font-size: 12pt;
            color: #1C43A6 !important;
            margin: 1em 0 0.5em 0;
        }

        .help_dialog h3 {
            font-size: 10pt;
            color: #000000 !important;
            margin: 0.75em 0 0em 0;
        }

        .help_dialog ul, ol {
            margin-left: 28px;
        }

        .help_dialog dl dt {
            float: left;
            width: 200px;
            text-align: right;
            margin-right: 20px;
            font-weight: bold;
            clear: both;
        }

        .association_lookup {
            border-collapse: collapse;
            width: 100%;
        }

        .success_note {
            position: absolute;
            bottom: 30px;
            left: 0;
            text-align: center;
            padding: 0.25em;
            border: 1px solid #0d581b;
            background-color: #b0ffbe;
            width: 708px;
            height: 1em;
        }


    </style>

@stop

@section('jquery_init')

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

	$('.button').button();    

    $('a[data-jump-tab]').click(function(event)
    {
        event.preventDefault();

        var link = $(this);

        var target_tab_id = link.attr('data-jump-tab');
        activateTab(target_tab_id, '#content');
    });

	$('.tabs').tabs({
        beforeActivate : function (event, ui)
        {
            if (ui.newTab.is('[data-escape]'))
            {
                event.preventDefault();
                window.location = ui.newTab.attr('data-escape');                
            }   
        }
    });
    
    $('.vertical_tabs')
        .tabs({
            beforeActivate : function (event, ui)
            {
                if (ui.newTab.is('[data-escape]'))
                {
                    event.preventDefault();
                    window.location = ui.newTab.attr('data-escape');                
                }   
            }
        })
        .addClass("ui-tabs-vertical ui-helper-clearfix");
    
    $('.vertical_tabs li, .vertical_tabs li a')
        .removeClass("ui-corner-top")
        .removeClass("ui-corner-right")
        .addClass("ui-corner-left");    

    {{-- jwplayer("check_eligibility").setup({
      'file' : "http://content.bitsontherun.com/videos/J8WDYxEA.mp4",
      'width' : 350,
      'height' : 250
    }); --}}


    /*
     * Tab activation and element focus
     */
    function activateTab(target_tab_id, focus)
    {
        var target_tab = $('.tabs ul:first li a[href="#' + target_tab_id + '"]');
        var target_tab_index = target_tab.attr('data-tab-order');

        $('.tabs').tabs('option', 'active', target_tab_index);

        if (focus)
        {
            focusOnElement($(focus));
        }
    }    

    @if (!Helpers::strIsEmpty($info['tab']))
        var anchor = "{{ $info['tab'] }}";        
    @else
        var anchor = window.location.hash.substring(1);
    @endif

    var focus = false;
    
    if (anchor)
    {
        activateTab(anchor, false);
        focus = '#content';
    }    

    @if (!Helpers::strIsEmpty($info['focus']))
        focus = "#{{ Session::get('focus') }}";        
    @endif

    function focusOnElement(focus_element)
    {        
        var top = focus_element.offset().top - 45;
        setTimeout(function() {                                
            $('html, body').scrollTop(top);
        }, 100);        
    }   

    if (focus)
    {
        focusOnElement($(focus));  
    }

    // Table row highlighter
    function colorRows ()
    {       
        $('table[data-color-rows]').each(function ()
        {
            var i = 0;
            var table = $(this);

            $('tbody tr', table).each(function ()
            {
                if (i % 2 == 1)
                {
                    $(this).addClass('odd');
                }
                else
                {
                    $(this).removeClass('odd');
                }
                i = i + 1;
            });     
        });
    }   
    colorRows(); 


    /*
     * Preview: Expandable Content Elements
     */
    $('.preview').each(function(index, item)
    {
        item = $(item);
        var original_height = item.height();
        if (original_height < 690)
        {
            original_height = 690;
        }
        var preview_height = item.attr('data-preview-height');        

        var element_css = {
            'height' : preview_height,
            'overflow' : 'hidden',
            'position' : 'relative',
            'cursor' : 'pointer'
        };

        item.css(element_css);

        var overlay_css = {
            'position' : 'absolute',
            'left' : 0,
            'bottom' : 0,
            'width' : '100%',
            'height' : '50px',
            'text-align' : 'center',
            'background-image' : 'url("{{ asset('/images/overlay.png') }}")',
            'background-repeat' : 'repeat-x'
        };
        
        var overlay = $('<div>').css(overlay_css).addClass('preview_overlay');
          
        var overlay_note_css = {
            'font-weight' : 'bold',
            'line-height' : '85px'
        };

        var overlay_note = $('<div>').css(overlay_note_css).html('<span class="ui-corner-bottom" style="border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background-color: #ffffff; padding: 0 1em; position: relative; top: -2px;">Click to read more ...</span>').appendTo(overlay);

        overlay.appendTo(item);       

        item.on('click', function(event)
        {
            var state = parseInt($(this).attr('data-preview-state'));

            if (state)
            {
                // Collapse

            }
            else
            {
                // Expand
                $('.preview_overlay', $(this)).fadeOut(400);                
                item.animate({'height' : original_height}, 800, function() {
                    item.css({'height' : 'auto'});
                });
                item.css({'cursor' : 'auto'});
                item.attr('data-preview-state', 1);
            }
        });
    });
    


    /*
     * Packet Contents Function
     */
    var sports = ['Football', 'Volleyball', 'Soccer', 'Basketball', 'Wrestling', 'Baseball', 'Softball'];
    var packet_items = $.parseJSON('{{ str_replace('\'', '\\\'', json_encode($info['packet_items'])) }}');    

    function displayPacketTotals()
    {
        var table = $('table.fees');

        for (var i = 0; i < sports.length; i++)
        {
            var row = $('<tr></tr>');
            var column_a = $('<td></td>')        
            var column_b = $('<td></td>');

            var link = $('<a></a>')
                           .attr('href', '#')
                           .addClass('packet_contents')
                           .attr('data-sport', sports[i]);

            var image = $('<img>')
                            .attr('src', '{{ asset('/images/icons/packet_24px.png') }}')
                            .attr('alt', '')
                            .attr('title', '');

            var cost = packet_items[sports[i]].total;

            image.appendTo(link);
            link.append('<b>' + sports[i] + '</b>');
            link.appendTo(column_a);
            
            column_b.append(cost);

            column_a.appendTo(row);
            column_b.appendTo(row);

            row.appendTo(table);
        }        
    }
    displayPacketTotals();

    $('a.packet_contents').click(function(event)
    {
        // Stop the link
        event.preventDefault();

        // Get this link
        var link = $(this);
        
        // Get the sport
        var sport = link.attr('data-sport');

        // Get the packet items for this sport
        var items = packet_items[sport].items;
        var total = packet_items[sport].total;

        // Generate the list of items in HTML
        var html = '<div class="packet_item_list">';

        html += 'Registration for ' + sport.toLowerCase() + ' officials includes:<br />';
        html += '<table>';
        html += '<thead>';
        
        html += '<tr>';
        html += '<th style="width: 80%;">Item</th>';
        html += '<th style="width: 20%;">Price</th>';
        html += '</tr>';
        html += '</thead>';
        html += '<tbody>';

        for (var i = 0; i < items.length; i++)
        {
            var name = items[i].name;
            var price = items[i].price;
            var desc = items[i].description;

            if ((i % 2) == 1)
            {
                html += '<tr class="odd" data-tooltip="' + desc + '">';
            }
            else
            {   
                html += '<tr data-tooltip="' + desc + '">';
            }   

            html += '<td>' + name + '</td>';
            html += '<td>' + price + '</td>';

            html += '</tr>';
        }

        html += '<tr><td></td><td>' + total + '</td></tr>';

        html += '</tbody></table>';
        html += '</div>';

        // Create a dialog window
        $('<div></div>')
            .appendTo('body')
            .dialog(
            {                       
                draggable : true,
                resizable : false,
                modal : true,
                height : 'auto',
                width : 475,                    
                title : sport + ' Officials Packet Contents',                
                open : function ()
                    {  
                        var dialog_object = $(this);

                        dialog_object.html(html);

                        $('table tbody tr:nth-last-child(2)', this).addClass('last_item_row');
                        $('tr[data-tooltip').each(function(index)
                        {
                            var element = $(this);

                            element
                                .tooltip({
                                    content : element.attr('data-tooltip'),
                                    items : element,
                                    tooltipClass : 'tooltip',
                                    show : {
                                        delay : 1000 
                                    }
                                })
                                .hover(function()
                                {
                                    element.addClass('hover');
                                }, function()
                                {
                                    element.removeClass('hover');
                                });
                        });
                    },
                close : function ()
                    {
                        var dialog_object = $(this);
                        $(dialog_object).remove();
                    }                
            });

    });


    /*
     * Association Lookup Tool
     */
    $('a[name="loa_lookup_tool"]').click(function(event)
    {
        event.preventDefault();

        $('<div></div>')
            .appendTo('body')
            .dialog(
            {                       
                modal : false,
                draggable : true,
                resizable : false,
                height : 500,                
                width : 650,                                
                title : 'Find an Association Near You',                
                open : function ()
                    {  
                        var dialog_object = $(this);

                        dialog_object.html("<div class='ajax_loader' style='width:16px; height:11px; margin:4em auto; background-image: url(http://www.osaa.org/images/icons/ajax_loader2.gif); background-repeat:no-repeat;'></div>");

                        var jqxhr = $.ajax(
                                  {
                                      type : 'GET',
                                      url : '{{ url('officials/associations/lookup') }}',
                                      dataType : 'html'
                                  })
                                  .done(function (returned_data)
                                  {                               
                                      dialog_object.html(returned_data);
                                  })
                                  .fail(function (jqXHR, status, error)
                                  {                                                   
                                      var response = jqXHR.responseText;
                                      var errorData = $.parseJSON(response);
                                      console.log(errorData);
                                      alert ("There was an error.\n\n" + errorData.error.message + "\n\nThis page will be reloaded.");
                                      location.reload();
                                  })
                                  .complete(function ()
                                  {
                                       $('[data-step="1"] select[name="sport"]').change(function(event)
                                       {
                                           var select = $(this);

                                           var value = select.val();

                                           if (value == "")
                                           {
                                                // No Value was selected, hide steps 2 and 3
                                                hideStep(2);  
                                                $('[data-searching]').fadeOut();  
                                                $('[data-results]').html('');
                                           }
                                           else
                                           {
                                                showStep(2);
                                                $('[data-searching]').fadeOut();  
                                                $('[data-results]').html('');
                                           }
                                       });

                                       $('[data-step="2"] input[name="location"]')
                                           .autocomplete({'source' : '{{ url('/officials/associations/lookup/school') }}',
                                                          'minLength' : 3});

                                       $('[data-step="2"] a[data-search]')
                                           .button({'icons' : {'secondary':'ui-icon-search'}})
                                           .css({'font-size' : '8pt'})
                                           .click(function(event)
                                           {
                                               event.preventDefault();

                                               $('[data-searching]').fadeIn();
                                               $('[data-results]').html('');

                                               var data = {
                                                   sport : $('[data-step="1"] select[name="sport"]').val(),
                                                   search : $('[data-step="2"] input[name="location"]').val()
                                               };

                                               var jqxhr = $.ajax(
                                                   {
                                                       type : 'POST',
                                                       url : '{{ url('officials/associations/lookup') }}',
                                                       data : data                                                       
                                                   })
                                                   .done(function (returned_data)
                                                   {                               
                                                       $('[data-searching]').fadeOut();

                                                       var response = $.parseJSON(returned_data);

                                                       if (response.status == 'ERROR')
                                                       {
                                                           $('[data-results]').html('<div style="color: #990000;">There was an error.  ' + response.error + '</div>');
                                                       }
                                                       else
                                                       {
                                                           var html = '<table class="association_lookup"><tobdy>';

                                                           for (var i = 0; i < response.count; i++)
                                                           {
                                                                var item = response.results[i];

                                                                html += '<tr>';

                                                                if (item.link !== null)
                                                                {
                                                                    html += '<td><a href="' + item.link + '" target="_blank"><b>' + item.name + '</b></a></td>';
                                                                }
                                                                else
                                                                {
                                                                    html += '<td><b>' + item.name + '</b></td>';
                                                                }
                                                                
                                                                if (item.commissioner !== null)
                                                                {
                                                                    if (item.commissioner.email !== null)
                                                                    {
                                                                        html += '<td><a href="mailto:' + item.commissioner.email + '">' + item.commissioner.name + '</a></td>';
                                                                    }
                                                                    else
                                                                    {
                                                                        html += '<td>' + item.commissioner.name + '</td>';
                                                                    }
                                                                }
                                                                else
                                                                {
                                                                    html += '<td><i>No commissioner</i></td>';
                                                                }

                                                                html += '</tr>';
                                                           }

                                                           html += '</tobdy></table>';

                                                           $('[data-results]').html(html);
                                                       }

                                                       console.log(response);

                                                   })
                                                   .fail(function (jqXHR, status, error)
                                                   {                                                   
                                                       var response = jqXHR.responseText;
                                                       var errorData = $.parseJSON(response);
                                                       console.log(errorData);
                                                       alert ("There was an error.\n\n" + errorData.error.message + "\n\nThis page will be reloaded.");
                                                       location.reload();
                                                   })
                                                   .complete(function ()
                                                   {

                                                   });

                                           });
                                  });                            
                        
                    },
                close : function ()
                    {
                        var dialog_object = $(this);

                        $(dialog_object).remove();
                    }                
            });



    });

    function hideStep(step)
    {
        var element = $('[data-step="' + step + '"]');
        
        element.hide("drop", { direction : "right"}, "slow", function () 
        {               
                
        });
    }

    function showStep(step)
    {
        var element = $('[data-step="' + step + '"]');
        
        element.show("drop", { direction : "right"}, "slow", function () 
        {               
            
        });
    }


    // Concussion instructions
    $('a[data-help-topic="concussion_steps"]').on('click', function(event)
    {
        event.preventDefault();   
            
        $('<div></div>')
        .appendTo('body')
        .dialog(
        {                       
            draggable : true,
            resizable : false,
            height : 625,                    
            width : 615,
            modal : true,
            title : 'Concussion Training Instructions for Officials',
            dialogClass : 'help_dialog',
            open : function ()
                {  
                    var dialog_object = $(this);

                    var html = '<h1>Concussion Training</h1>';
                    
                    html += 'All OSAA officials in all sports must complete the annual OSAA concussion training course.  Training must be completed before officials are allowed to officiate any OSAA sanctioned contest.<br />';

                    html += '<h2>OSAA Online Concussion Course</h2>';

                    html += 'The OSAA has created an online training course specifically targeted for athletic officials, <b>"Understanding Concussions - What Officials Need to Know."</b>  The online course is hosted on the <a href="http://osaa.arbitersports.com/front/105752/Eligibility" target="_blank">ArbiterSports Eligibility Center</a> and is the only concussion training course recognized by the OSAA.  To complete the concussion course:<br /><br />';

                    html += '<ol style="margin-left: 30px; font-size: 10pt;">';
                    html += '<li>Click the link to access the <a href="http://osaa.arbitersports.com/front/105752/Eligibility" target="_blank">ArbiterSports Eligibility Center</a>.</li>';
                    html += '<li>If you are not already logged in, you must log in with your e-mail address and password you used during registration.</li>';
                    html += '<li>Under the <b>Started</b> section, expand a varsity eligibility in the current school year, {{ Helpers::getCurrentYear() }}-{{ substr((intval(Helpers::getCurrentYear()) + 1), 2, 2) }}.</li>';
                    html += '<li>In the expanded eligibility you selected, a list of the requirements will be visible.  Next to the "Understanding Concussions - What Officials Need to Know" item, click the <b>View Clinic</b> link.</li>';

                    html += '<li>A pop-up window will appear.  Click the <b>OK</b> button.</li>';
                    html += '<li>The training course will load on a platform hosted by BrainShark.  The course takes about 10 minutes to complete.</li>';
                    html += '<li>In the upper-right, an icon is displayed indicating your completion status.  This icon will appear red to let you know that you still have more steps to complete.  After you have completed the course, ensure that this icon appears green - noting that you have met all of the completion criteria.</li>';
                    html += '</ol><br />';

                    html += '<div class="small note">This online course created by the OSAA is the only concussion training course that meets the certification requirement for officials.  Other courses will not be accepted as substitutes.</div><br /><br />';                   

                    dialog_object.html(html);                    
                },
            close : function ()
                {
                    var dialog_object = $(this);

                    $(dialog_object).remove();
                }                
        });       
    });

    {{-- Special Scripts --}}
    @if (Auth::check() and Auth::user()->isOsaaUser() and Helpers::strEqual(Auth::user()->email, array('gibbyr@osaa.org', 'krisw@osaa.org', 'meridithp@osaa.org')))

        function transitionToAction(action, loa_id, cmsh_id)
        {
            var html = '';
            $('body').css({'cursor' : 'wait'});
            $('.help_dialog').addClass('loading');

            // Disable buttons
            {{--  if (action == 'delete' || action == 'merge')
            {
                $('[data-action="delete"]').button('disable');
                $('[data-action="merge"]').button('disable');            
            }
            else
            {
                $('[data-action="cancel"]').button('disable');
            } --}}
            
            var url = '{{ url('officials/associations/manage-commissioner') }}';
            var data = {
                loa_id : loa_id,
                cmsh_id : cmsh_id,
                action : action
            };

            var jqxhr = $.ajax(
            {
                type : 'GET',
                url : url,
                dataType : 'html',
                data : data
            })
            .done(function (data)
            {
                html = data;
            })
            .fail(function (jqXHR, status, error)
            {                                                   
                var response = jqXHR.responseText;
                var errorData = $.parseJSON(response);                                                  
                console.log(errorData);
                html = '<h3 style="margin: 0.5em 0;">' + errorData.error.type + '</h3>' + errorData.error.message + '<br /><br /><span style="font-size: 9pt;">Line ' + errorData.error.line + ' in ' + errorData.error.file;

                if (html == '')
                {
                    html('There was an unknown error.');
                }
            })
            .always(function()
            {
                // Transition to the next stage
                $('[name="action-content"]').effect("drop", { direction : "right"}, "slow", function ()
                {               
                    var content_holder = $('[name="action-content"]');

                    // Show the cancel button
                    {{-- if (action != 'cancel')
                    {
                        $('[data-action="cancel"]').button('enable').fadeIn();
                    }
                    else                
                    {
                        $('[data-action="cancel"]').fadeOut();
                        $('[data-action="delete"]').button('enable');
                        $('[data-action="merge"]').button('enable');            
                    } --}}
                    
                    // Replace content
                    content_holder.html(html);

                    // Modify content
                    {{-- if (action == 'delete')                
                    {
                        $('[data-action="delete-school-staff"]').button();
                    }
                    if (action == "merge")
                    {
                        $('a[data-action="merge-staff"]').on('click', function(event)
                        {
                            event.preventDefault();
                            transitionToAction('merge-staff', staff_id, $(this).attr('data-other-staff-id'));
                        });
                    } --}}

                    // Show new content
                    content_holder.fadeIn(400, function() {
                        // Done loading
                        $('.help_dialog').removeClass('loading');
                        $('body').css({'cursor' : ''});
                    });

                    // Format input fields
                    $('input[type="text"][data-format="phone"]').mask("(999) 999-9999");

                    // Setup buttons
                    $('a[data-action]', content_holder)
                       .css({'font-size' : '8pt'})
                       .button()
                       .on('click', function(event)
                       {
                           event.preventDefault();

                           var button = $(this);

                           var action = parseInt(button.attr('data-action'));
                           var loa_id = parseInt(button.attr('data-loa-id'));
                           var cmsh_id = parseInt(button.attr('data-cmsh-id'));

                           transitionToAction(action, loa_id, cmsh_id);
                       });

                    // Success note
                    $('.success_note', content_holder).each(function()
                    {       
                        $(this).delay(6000).fadeOut(4000);  

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


                    // Edit contact information action stage
                    if (action == 1)
                    {
                        // Save button
                        $('a[data-function="save_contact_info"]', content_holder)
                            .css({'font-size' : '8pt'})
                            .button()
                            .on('click', function(event)
                            {
                                event.preventDefault();
     
                                var button = $(this);     
                                
                                var loa_id = parseInt(button.attr('data-loa-id'));
                                var cmsh_id = parseInt(button.attr('data-cmsh-id'));
     
                                var first_name = $('input[type="text"][name="commissioner_first_name"]', content_holder).val();
                                var last_name = $('input[type="text"][name="commissioner_last_name"]', content_holder).val();
                                var email = $('input[type="text"][name="commissioner_email"]', content_holder).val();
                                var mobile = $('input[type="text"][name="commissioner_mobile"]', content_holder).val();

                                var data = {
                                    loa_id : loa_id,
                                    cmsh_id : cmsh_id,
                                    first_name : first_name,
                                    last_name : last_name,
                                    email : email,
                                    mobile : mobile
                                };

                                var jqxhr = $.ajax(
                                {
                                    type : 'POST',
                                    url : '{{ url('/officials/associations/save-commissioner-contact-info') }}',
                                    dataType : 'html',
                                    data : data
                                })
                                .done(function (data)
                                {
                                    transitionToAction(5, loa_id, cmsh_id);
                                })
                                .fail(function (jqXHR, status, error)
                                {                                                   
                                    var response = jqXHR.responseText;
                                    var errorData = $.parseJSON(response);                                                  
                                    console.log(errorData);
                                    html = '<a href="#" data-action="1" data-loa-id="' + loa_id + '" data-cmsh-id="' + cmsh_id + '" style="margin-right: 45px;">Back</a><br />';
                                    html += '<h3 style="margin: 0.5em 0;">' + errorData.error.type + '</h3>' + errorData.error.message + '<br /><br /><span style="font-size: 9pt;">Line ' + errorData.error.line + ' in ' + errorData.error.file;

                                    if (html == '')
                                    {
                                        html('There was an unknown error.');
                                    }

                                    content_holder.html(html);

                                    // Setup buttons
                                    $('a[data-action]', content_holder)
                                       .css({'font-size' : '8pt'})
                                       .button()
                                       .on('click', function(event)
                                       {
                                           event.preventDefault();

                                           var button = $(this);

                                           var action = parseInt(button.attr('data-action'));
                                           var loa_id = parseInt(button.attr('data-loa-id'));
                                           var cmsh_id = parseInt(button.attr('data-cmsh-id'));

                                           transitionToAction(action, loa_id, cmsh_id);
                                       });
                                });
                            });                                
                    }

                    // Recover password action stage
                    if (action == 2)
                    {
                        // Recover button
                        $('a[data-function="recover_password"]', content_holder)
                            .css({'font-size' : '8pt'})
                            .button()
                            .on('click', function(event)
                            {
                                event.preventDefault();
     
                                var button = $(this);     
                                
                                var loa_id = parseInt(button.attr('data-loa-id'));
                                var cmsh_id = parseInt(button.attr('data-cmsh-id'));                                

                                var data = {
                                    loa_id : loa_id,
                                    cmsh_id : cmsh_id
                                };

                                var jqxhr = $.ajax(
                                {
                                    type : 'POST',
                                    url : '{{ url('/officials/associations/recover-commissioner-password') }}',
                                    dataType : 'html',
                                    data : data
                                })
                                .done(function (data)
                                {
                                    transitionToAction(5, loa_id, cmsh_id);
                                })
                                .fail(function (jqXHR, status, error)
                                {                                                   
                                    var response = jqXHR.responseText;
                                    var errorData = $.parseJSON(response);                                                  
                                    console.log(errorData);
                                    html = '<a href="#" data-action="2" data-loa-id="' + loa_id + '" data-cmsh-id="' + cmsh_id + '" style="margin-right: 45px;">Back</a><br />';
                                    html += '<h3 style="margin: 0.5em 0;">' + errorData.error.type + '</h3>' + errorData.error.message + '<br /><br /><span style="font-size: 9pt;">Line ' + errorData.error.line + ' in ' + errorData.error.file;

                                    if (html == '')
                                    {
                                        html('There was an unknown error.');
                                    }

                                    content_holder.html(html);

                                    // Setup buttons
                                    $('a[data-action]', content_holder)
                                       .css({'font-size' : '8pt'})
                                       .button()
                                       .on('click', function(event)
                                       {
                                           event.preventDefault();

                                           var button = $(this);

                                           var action = parseInt(button.attr('data-action'));
                                           var loa_id = parseInt(button.attr('data-loa-id'));
                                           var cmsh_id = parseInt(button.attr('data-cmsh-id'));

                                           transitionToAction(action, loa_id, cmsh_id);
                                       });
                                });
                            });
                    }

                    // Set password action stage
                    if (action == 3)
                    {
                        // Set button
                        $('a[data-function="set_password"]', content_holder)
                            .css({'font-size' : '8pt'})
                            .button()
                            .on('click', function(event)
                            {
                                event.preventDefault();
     
                                var button = $(this);     
                                
                                var loa_id = parseInt(button.attr('data-loa-id'));
                                var cmsh_id = parseInt(button.attr('data-cmsh-id'));                                
                                var password = $('input[type="text"][name="new_commissioner_password"]', content_holder).val();

                                var data = {
                                    loa_id : loa_id,
                                    cmsh_id : cmsh_id,
                                    new : password
                                };

                                var jqxhr = $.ajax(
                                {
                                    type : 'POST',
                                    url : '{{ url('/officials/associations/set-commissioner-password') }}',
                                    dataType : 'html',
                                    data : data
                                })
                                .done(function (data)
                                {
                                    transitionToAction(5, loa_id, cmsh_id);
                                })
                                .fail(function (jqXHR, status, error)
                                {                                                   
                                    var response = jqXHR.responseText;
                                    var errorData = $.parseJSON(response);                                                  
                                    console.log(errorData);
                                    html = '<a href="#" data-action="3" data-loa-id="' + loa_id + '" data-cmsh-id="' + cmsh_id + '" style="margin-right: 45px;">Back</a><br />';
                                    html += '<h3 style="margin: 0.5em 0;">' + errorData.error.type + '</h3>' + errorData.error.message + '<br /><br /><span style="font-size: 9pt;">Line ' + errorData.error.line + ' in ' + errorData.error.file;

                                    if (html == '')
                                    {
                                        html('There was an unknown error.');
                                    }

                                    content_holder.html(html);

                                    // Setup buttons
                                    $('a[data-action]', content_holder)
                                       .css({'font-size' : '8pt'})
                                       .button()
                                       .on('click', function(event)
                                       {
                                           event.preventDefault();

                                           var button = $(this);

                                           var action = parseInt(button.attr('data-action'));
                                           var loa_id = parseInt(button.attr('data-loa-id'));
                                           var cmsh_id = parseInt(button.attr('data-cmsh-id'));

                                           transitionToAction(action, loa_id, cmsh_id);
                                       });
                                });
                            });
                    }

                    // Replace commissioner action stage
                    if (action == 4)
                    {
                        // Set button
                        $('a[data-function="replace_commissioner"]', content_holder)
                            .css({'font-size' : '8pt'})
                            .button()
                            .on('click', function(event)
                            {
                                event.preventDefault();
     
                                var button = $(this);     
                                
                                var loa_id = parseInt(button.attr('data-loa-id'));
                                var cmsh_id = parseInt(button.attr('data-cmsh-id'));

                                var new_first_name = $('input[type="text"][name="new_commissioner_first_name"]', content_holder).val();
                                var new_last_name = $('input[type="text"][name="new_commissioner_last_name"]', content_holder).val();
                                var new_email = $('input[type="text"][name="new_commissioner_email"]', content_holder).val();
                                var new_mobile = $('input[type="text"][name="new_commissioner_mobile"]', content_holder).val();
                                var new_password = $('input[type="text"][name="new_commissioners_password"]', content_holder).val();
                                var existing_cmsh_id = parseInt($('input[type="text"][name="existing_commissioner_id"]', content_holder).val());
                                var is_notify = ($('input[type="checkbox"][name="notify_new_commissioner"]', content_holder).is(':checked')) ? 1 : 0;

                                var data = {
                                    loa_id : loa_id,
                                    cmsh_id : cmsh_id,
                                    new_first_name : new_first_name,
                                    new_last_name : new_last_name,
                                    new_email : new_email,
                                    new_mobile : new_mobile,
                                    new_password : new_password,
                                    existing_cmsh_id : existing_cmsh_id,
                                    is_notify : is_notify
                                };

                                // Ensure all information is provided if creating a new commissioner
                                if (isNaN(data.existing_cmsh_id))
                                {
                                    if (new_first_name == "" || new_first_name.length < 2)
                                    {
                                        alert("You must provide the new commissioner's first name.");
                                        return;
                                    }
                                    if (new_last_name == "" || new_last_name.length < 2)
                                    {
                                        alert("You must provide the new commissioner's last name.");
                                        return;
                                    }
                                    if (new_email == "" || new_email.length < 2)
                                    {
                                        alert("You must provide the new commissioner's email address.");
                                        return;
                                    }
                                    if (new_password == "" || new_password.length < 2)
                                    {
                                        alert("You must provide the new commissioner's login password.");
                                        return;
                                    }
                                }                                

                                var jqxhr = $.ajax(
                                {
                                    type : 'POST',
                                    url : '{{ url('/officials/associations/replace-commissioner') }}',
                                    dataType : 'html',
                                    data : data
                                })
                                .done(function (data)
                                {
                                    transitionToAction(5, loa_id, parseInt(data));
                                })
                                .fail(function (jqXHR, status, error)
                                {                                                   
                                    var response = jqXHR.responseText;
                                    var errorData = $.parseJSON(response);                                                  
                                    console.log(errorData);
                                    html = '<a href="#" data-action="4" data-loa-id="' + loa_id + '" data-cmsh-id="' + cmsh_id + '" style="margin-right: 45px;">Back</a><br />';
                                    html += '<h3 style="margin: 0.5em 0;">' + errorData.error.type + '</h3>' + errorData.error.message + '<br /><br /><span style="font-size: 9pt;">Line ' + errorData.error.line + ' in ' + errorData.error.file;

                                    if (html == '')
                                    {
                                        html('There was an unknown error.');
                                    }

                                    content_holder.html(html);

                                    // Setup buttons
                                    $('a[data-action]', content_holder)
                                       .css({'font-size' : '8pt'})
                                       .button()
                                       .on('click', function(event)
                                       {
                                           event.preventDefault();

                                           var button = $(this);

                                           var action = parseInt(button.attr('data-action'));
                                           var loa_id = parseInt(button.attr('data-loa-id'));
                                           var cmsh_id = parseInt(button.attr('data-cmsh-id'));

                                           transitionToAction(action, loa_id, cmsh_id);
                                       });
                                });
                            });
                    }
                });
            });        
        }


        $('a[data-action="manage-commissioner"]')
            .tooltip()
            .on('click', function(event)
            {
                event.preventDefault();

                var link = $(this);

                $('<div></div>')
                .appendTo('body')
                .dialog(
                {                       
                    modal : true,
                    draggable : false,
                    resizable : false,
                    height : 350,                
                    width : 750,                                
                    title : 'Manage Commissioner',                
                    open : function ()
                        {  
                            var dialog_object = $(this);

                            dialog_object.html("<div class='ajax_loader' style='width:16px; height:11px; margin:4em auto; background-image: url(http://www.osaa.org/images/icons/ajax_loader2.gif); background-repeat:no-repeat;'></div>");

                            var data = {
                                loa_id : link.attr('data-association-id'),
                                cmsh_id : link.attr('data-commissioner-id'),
                                action : 0
                            };

                            var jqxhr = $.ajax(
                            {
                                type : 'GET',
                                url : '{{ url('officials/associations/manage-commissioner') }}',
                                dataType : 'html',
                                data : data
                            })
                            .done(function (returned_data)
                            {                               
                                dialog_object.html(returned_data);
                            })
                            .fail(function (jqXHR, status, error)
                            {                                                   
                                var response = jqXHR.responseText;
                                var errorData = $.parseJSON(response);
                                console.log(errorData);
                                alert ("There was an error.\n\n" + errorData.error.message + "\n\nThis page will be reloaded.");
                                location.reload();
                            })
                            .complete(function ()
                            {
                                $('a[data-action]', dialog_object)
                                   .css({'font-size' : '8pt'})
                                   .button()
                                   .on('click', function(event)
                                   {
                                       event.preventDefault();

                                       var button = $(this);

                                       var action = parseInt(button.attr('data-action'));
                                       var loa_id = parseInt(button.attr('data-loa-id'));
                                       var cmsh_id = parseInt(button.attr('data-cmsh-id'));

                                       transitionToAction(action, loa_id, cmsh_id);
                                   });
                            });                            
                            
                        },
                    close : function ()
                        {
                            var dialog_object = $(this);

                            $(dialog_object).remove();
                        }                
                });

            });



    @endif


@stop

@section('page_functions')
    
    <a href="http://osaa.arbitersports.com" target="_blank" style="" class="no_print">
        <img src="{{ asset('images/icons/central_hub_button.png')}}" alt="" title="" />    
    </a>  

@stop


@section('main_content')    

    {{-- Tabbed Content Holder --}}
    <div class="tabs awards">
        
        {{-- Tab List --}}
        <ul style="padding-left:5px; font-size:9pt;">            
            <li><a href="#officials" data-tab-order="0">Officials</a></li>
            <li><a href="#recruitment" data-tab-order="1">Recruitment</a></li>            
            <li><a href="#registration" data-tab-order="2">Registration</a></li>
            <li><a href="#certification" data-tab-order="3">Certification/Eligibility</a></li>            
            <li><a href="#ocep" data-tab-order="4">OCEP/Championships</a></li>            
            <li><a href="#rules" data-tab-order="5">Rules &amp; Policies</a></li>
            <li><a href="#associations" data-tab-order="6">Associations</a></li>
            <li><a href="#sportsmanship" data-tab-order="7">Sportsmanship</a></li>
        </ul>
        {{-- End Tab List --}}
  

        {{-- Officials --}}
        <div id="officials">
            
            {{--  <div class="ui-corner-all ui-state-error" style="width: 100%; height: 3em; line-height: 3em; font-weight: bold; text-align: center; font-size: 12pt;">
                The ArbiterSports website is currently unavailable due to Internet outages.
            </div> --}}

            <h1>Officials</h1>
            
            <div style="font-size: 11pt; width: 70%; float: left;">
                The OSAA appreciates the vital role that officials play in the administration of high school activities.  We hope you'll find what you need on the OSAA website and our links to other sites and resources.  This page is intended to assist you in achieving your goals as an official and to help clarify the policies regarding officials.  All high school officials and associations are certified and chartered by the OSAA for the following sports: football, volleyball, soccer, basketball, wrestling, baseball, and softball.
            </div>

            <div style="float: left; width: 20%; margin-left: 5%; text-align: center;">
                <a href="#" data-jump-tab="registration"><img src="{{ asset('/images/Become an Official.png') }}" alt="" title="" style="" /></a>
            </div>

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

            <h2>Oregon Athletic Officials Association</h2>
            <div class="columns">
                <div class="half" style="width: 65%; margin-right: 30px;">
                    <a href="http://www.oreofficials.org/" target="_blank" style="float: left; text-align: center; border: none; margin: 0 1em 2em 0;"><img src="{{asset('images/icons/OAOAweblogo.gif')}}" height="50px" border="0"/></a>

                    The Oregon Athletic Officials Association (OAOA) seeks to advance high school officiating in Oregon by representing the state's officials and associations and promoting:
                    <div style="margin: 1em 0 0 120px; font-weight: bold;">
                        "One Rule, One Mechanic, One Interpretation"
                    </div>

                    <br />
          
                    All OSAA certified officials are members of the OAOA.  Officials are encouraged to contact the OAOA directly for any questions or further clarification.
                </div>

                <div class="fourth" style="width: 29%; padding: 0;">
                    <h3 style="font-size: 11pt; margin-top: 0;">OAOA Contact Information</h3>
                    <a href="http://www.oreofficials.org" target="_blank">www.oreofficials.org</a><br />
                    <div style="font-size: 10pt;">
                        <a href="mailto:{{ Helpers::obfuscateEmailAddress('jfolliard@comcast.net') }}">Jack Folliard</a>, Executive Director<br />
                        <span style="display: inline-block; width: 40px;"></span>(503) 975-4488

                        <br /><br />

                        <a href="mailto:{{ Helpers::obfuscateEmailAddress('debi@oreofficials.org') }}">Debi Hanson</a>, Associate Executive Director<br />
                        <span style="display: inline-block; width: 40px;"></span>(503) 682-6722 x242 
                    </div>
                </div>
            </div>   
  
            <br class="clear" /><br>

            <h2>OSAA/OAOA Central Hub</h2>
            <a href="http://osaa.arbitersports.com" target="_blank" style="float: left; margin: 0.75em 25px 1em 0;">
                <img src="{{asset('images/icons/central_hub_button.png')}}" />    
            </a>
            A lot of information and great resources for officials can be found on the OSAA/OAOA Central Hub hosted on ArbiterSports.  Officials registration, testing, training, and a lot more information is up on the Central Hub.  Click the Central Hub button or one of the icons below.

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

            <a href="https://osaafootball.arbitersports.com" target="_blank" style="float: left; margin-right: 35px; text-align: center; width: 80px;">
                <img src="{{ asset('images/balls/wilsongstfb.jpg') }}" alt="" title="" style="width: 64px;" /><br />
                Football
            </a>

            <a href="https://osaavolleyball.arbitersports.com" target="_blank" style="float: left; margin-right: 35px; text-align: center; width: 80px;">
                <img src="{{ asset('images/balls/wilsonicorvbcolor.jpg') }}" alt="" title="" style="width: 64px;" /><br />
                Volleyball
            </a>

            <a href="https://osaasoccer.arbitersports.com" target="_blank" style="float: left; margin-right: 35px; text-align: center; width: 80px;">
                <img src="{{ asset('images/balls/badensx751sc.jpg') }}" alt="" title="" style="width: 64px;" /><br />
                Soccer
            </a>

            <a href="https://osaabasketball.arbitersports.com" target="_blank" style="float: left; margin-right: 35px; text-align: center; width: 80px;">
                <img src="{{ asset('images/balls/wilsonevolutiongbbx.jpg') }}" alt="" title="" style="width: 64px;" /><br />
                Basketball
            </a>

            <a href="https://osaawrestling.arbitersports.com" target="_blank" style="float: left; margin-right: 35px; text-align: center; width: 80px;">
                <img src="{{ asset('images/icons/wrestler_64px.png') }}" alt="" title="" style="width: 64px;" /><br />
                Wrestling
            </a>

            <a href="https://osaabaseball.arbitersports.com" target="_blank" style="float: left; margin-right: 35px; text-align: center; width: 80px;">
                <img src="{{ asset('images/balls/wilsona1010probb.jpg') }}" alt="" title="" style="width: 64px;" /><br />
                Baseball
            </a>

            <a href="https://osaasoftball.arbitersports.com" target="_blank" style="float: left; text-align: center; width: 80px;">
                <img src="{{ asset('images/balls/wilsona9011sb.jpg') }}" alt="" title="" style="width: 64px;" /><br />
                Softball
            </a>

            <br class="clear" /><br />
            
            <div class="columns">
                <div class="half" style="width: 59%; margin-right: 40px;">
                    <h2>OSAA State Rules Clinics</h2>                  
                    The OSAA holds several rules clinics for each sport prior to each sports season for commissioners of local associations.
                    <div style="margin-left: 40px; line-height: 1.25em;">
                        &raquo; <a href="{{ asset('docs/officials/1819rules.pdf') }}" target="_blank">2018-19 Rules Clinic Schedule</a><br />
                    </div>

                    <br class="clear" />

                    <h2>Professional Organizations</h2>
                    The OSAA works closely with several professional organizations that relate to high school athletic officials.  Follow the links below for additional information.
            
                    <div style="margin-left: 40px; line-height: 1.25em;">
                        &raquo; <a href="http://www.oreofficials.org/" target="_blank">Oregon Athletic Officials Association (OAOA)</a><br />
                        &raquo; <a href="http://www.oadaonline.org/" target="_blank">Oregon Athletic Directors Association (OADA)</a><br />
                        &raquo; <a href="http://www.oregoncoach.org/" target="_blank">Oregon Athletic Coaches Association (OACA)</a><br />
                        &raquo; <a href="http://nfhs.arbitersports.com/FRONT/105401/Site" target="_blank"> National Federation Officials Association (NFOA)</a><br />
                        &raquo; <a href="http://www.naso.org/" target="_blank"> National Association of Sports Officials (NASO)</a><br />
                        &raquo; <a href="http://www.nfhs.org/" target="_blank">National Federation of State High School Associations (NFHS)</a><br />     
                    </div>
                </div>

                <a name="quick-jump" id="quick-jump">&nbsp;</a>
                <div class="fourth" style="width: 34%; padding: 0;">
                    <h2>Quick Jump</h2>

                    <div style="width: 100%; line-height: 64px; font-size: 10pt;">
                        <a href="{{ asset('docs/officials/AOH.pdf') }}" target="_blank" style="float: left;">
                            <img src="{{ asset('/images/icons/handbook_64px.png') }}" alt="" title="" style="float: left; margin-right: 10px;" />                            
                            OSAA Athletic Officials Handbook
                        </a>                        
                    </div>

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

                    <div style="width: 100%; line-height: 64px; font-size: 10pt;">
                        <a href="{{ url('/forms/ejection') }}" target="_blank" style="float: left;">
                            <img src="{{ asset('/images/icons/ejection_report_64px.png') }}" alt="" title="" style="float: left; margin-right: 10px;" />                            
                            OSAA Online Ejection Report
                        </a>                        
                    </div>

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

                    <div style="width: 100%; line-height: 64px; font-size: 10pt;">
                        <a href="{{ url('/governance/handbooks/osaa#_Toc456100511') }}" target="_blank" style="float: left;">
                            <img src="{{ asset('/images/icons/fees_64px.png') }}" alt="" title="" style="float: left; margin-right: 10px;" />                            
                            OSAA Officials Fee Schedule
                        </a>                        
                    </div>
					
					<br class="clear" /><br />

                    <div style="width: 100%; line-height: 64px; font-size: 10pt;">
                        <a href="#" data-jump-tab="sportsmanship" style="float: left;">
                        {{-- <a href="{{ url('https://docs.google.com/forms/d/e/1FAIpQLSepYDZqcyrRq7Z9mNlbJlAAicjVz_VxOp4lXp7L17QP-0LfUA/viewform?usp=sf_link') }}" target="_blank" style="float: left;"> --}}
                            <img src="{{ asset('/images/icons/sportsmanship_64.png') }}" alt="" title="" style="float: left; margin-right: 10px;" />                            
                            OSAA Sportsmanship Nomination Form
                        </a>                        
                    </div>

                </div>
            </div>

            <br class="clear" />

        </div>
        {{-- End Officials Main Tab --}}


        {{-- Recruitment --}}        
        <div id="recruitment">            

            {{-- Recruitment Sub-Tabs --}}
            <div class="vertical_tabs">
                <ul style="padding-left: 5px; font-size: 9pt; list-style-type: none !important; min-height: 570px;">                    
                    <li><a href="#recruitment-resources">Resources</a></li>
                    <li data-escape="{{ url('/governance/committees/#officials-recruitment-and-retention-committee') }}"><a href="#recruitment-committee">Recruitment Committee</a></li>
                    <li><a href="#recruitment-benefits">Benefits</a></li>
                    <li><a href="#recruitment-advertise">Online Advertising</a></li>
                    <li><a href="#recruitment-media">Social Media &amp; Outlets</a></li>                    
                    <li><a href="#recruitment-ideas">Ideas</a></li>
                    <li><a href="#recruitment-mentor">Mentor Program</a></li>
                </ul>

                <!-- Recruiting Referees -->
                <div id="recruitment-resources">
                    <h1>Resources for Recruiting Officials</h1>

                    <p>
                        In effort to assist Local Officials Association recruit officials, the OSAA and the OAOA have created a repository of recruitment resources.  These resources include marketing ideas, template brochures, media files, and other helpful materials.
                    </p>

                    <br />

                    {{-- <h2>OAOA Membership Dues Waived for New Officials</h2>
                    <p>
                        The Oregon Athletic Officials Association will provide a 100% reimbursement of OAOA membership dues to new officials registering with the OSAA. This is intended to assist associations with recruiting by reducing startup costs.
                        <br /><br />
                        <a href="{{ asset('/docs/officials/OAOA Dues Discount for New Officials.pdf') }}" target="_blank">&raquo; More Information</a>
                    </p>

                    <br /> --}}

                    <h2>One-Stop-Shop for Prospective Officials</h2>
                    <p>
                        The help associations connect with new officials, a new webpage has been created for people who may be interested in becoming an official.  This site is ideal to include on promotional materials, it has a short and easy to remember URL, and it has a tool to connect potential new officials with commissioners.
                        <br /><br />
                        &raquo; <a href="http://www.newofficials.org" target="_blank">NewOfficials.org</a> 
                    </p>

                    <br />

                    <h2>Set an Association Schedule</h2>
                    <p>
                        Associations should build a schedule for the whole calendar year.  Include on your annual schedule when to start recruitment before your sport's season.  It is recommended to start recruiting efforts at least 2 months prior to the start of your season.
                    </p>

                    <br />

                    <h2>Tips on Recruiting</h2>
                    <ul>
                        <li>Plan ahead, set a schedule</li>
                        <li>Start early</li>
                        <li>Budget, recruiting is a wise investment for associations</li>
                    </ul>

                    <br /><br />

                    <h2>Add to This Collection</h2>
                    <p>
                        Do you have something to share?  E-mail recruitment resources to Jack Folliard, {{ Helpers::obfuscateEmailLink('jfolliard@comcast.net') }}, to have your item posted to this page.
                    </p>


                    <br />

                </div>

                <!-- Recruiting Referees -->
                <div id="recruitment-committee">
                    <h1>OSAA Officials Recruitment and Retention Committee</h1>

                    <h2>Meeting Schedule and Minutes</h2>
                    <p>
                        The OSAA ad-hoc Officials Recruitment and Retention Committee meeting schedule and minutes can be found on the <a href="{{ url('/governance/committees/#officials-recruitment-and-retention-committee') }}">committee page</a>. 
                    </p>
                </div>

                <!-- Perks -->
                <div id="recruitment-benefits">
                    <h1>Benefits of Officiating</h1>

                    <p>
                        Current officials and association leaders are already likely to know to perks of officiating.  Sometimes, there are other aspects that may be overlooked.  Below is a list that associations and officials have come up with to draw new officials.
                    </p>

                    <br />

                    <h2>Why Officiate?</h2>
                    <ul>
                        <li style="margin-bottom: 1em;"><b>Stay in the game; be a part of the sport you love</b><br /><i>It's a great way to stay involved in the sport. The great thing about being an official is that you are an active participant in the game and you actually get to be on the field and not on the sideline or in the stands.</i></li>
                        <li style="margin-bottom: 1em;"><b>Flexible scheduling; as an Independent Contractor, you choose your schedule</b></li>
                        <li style="margin-bottom: 1em;"><b>It's the ultimate college job; earn money working around your college schedule</b></li>
                        <li style="margin-bottom: 1em;"><b>Give back to your community</b><br /><i>Officiating is a way to give something back to the community. The sports official is a role model who is charged with enforcing the concepts of fair play and good sportsmanship. It provides a unique opportunity to positively influence young people.</i>
                        <li style="margin-bottom: 1em;"><b>Face new challenges and grow</b><br /><i>Officiating affords an individual the opportunity to develop interpersonal skills and to hone one's judgment skills.  Officiating requires you to make instantaneous decisions, resolve conflicts, and deal with stress and pressure. It demands good communications skills and the ability to think on your feet. The ability to work a game fairly and smoothly is a skill one can be proud of.</i></li>
                    </ul>
                </div>

                <!-- Online Advertising -->
                <div id="recruitment-advertise">

                    <h1>Online Advertising</h1>
                        
                    <p>
                        Online advertising, also called online marketing or Internet advertising or web advertising, is a form of marketing and advertising which uses the Internet to deliver promotional marketing messages to consumers.  This includes email marketing, search engine marketing (SEM), social media marketing, many types of display advertising (including web banner advertising), and mobile advertising.
                    </p>
                    <p>
                         Online advertising is widely used across virtually all industry sectors and many associations have had increased response to online ads.
                    </p>

                    <br />

                    <h2>How-To Guides</h2>

                    <a href="https://www.craigslist.org/about/help/how_to_post" target="_blank" style="display: inline-block; width: 300px; padding: 2px; height: 56px; border: 1px solid #cccccc; margin-right: 20px;">
                        <img src="https://d3rnbxvnd0hlox.cloudfront.net/images/channels/12/icons/large.png" alt="" title="" style="float: left; width: 48px; margin: 6px 12px 6px 6px;" />
                        <b>Advertise on Craigslist</b><br />
                        Learn how to advertise for free on Craigslist
                    </a>

                    <a href="https://blog.hootsuite.com/how-to-advertise-on-facebook/" target="_blank" style="display: inline-block; width: 300px; padding: 2px; height: 56px; border: 1px solid #cccccc; margin-right: 20px;">
                        <img src="https://cdn1.iconfinder.com/data/icons/logotypes/32/square-facebook-128.png" alt="" title="" style="float: left; width: 48px; margin: 6px 12px 6px 6px;" />
                        <b>Advertise on Facebook</b><br />
                        Learn how to advertise on Facebook
                    </a>

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

                    <a href="{{ asset('docs/officials/recruitment/Sample Craigslist Ad (MVSRA).docx') }}" target="_blank" style="display: inline-block; width: 300px; padding: 2px; height: 56px; border: 1px solid #cccccc; margin-right: 20px;">
                        <img src="{{ asset('/images/icons/word_icon_48px.png') }}" alt="" title="" style="float: left; width: 48px; margin: 6px 12px 6px 6px;" />
                        <b>Sample Craigslist Ad</b><br />
                        Blurb of editable text to post on Craigslist (MVSRA - Soccer)
                    </a>

                </div>

                <!-- Social Media & Outlets -->
                <div id="recruitment-media">
                    <h1>Social Media &amp; Media Outlets</h1>
                    
                    <br />

                    <div class="columns">
                        <div class="half">
                    
                            <h2>Radio Ads - Audio Files</h2>                    
                            <p>
                                For a list of radio outlets:<br />                        
                                <a href="http://www.osaa.org/links" target="_blank">&raquo; Media Outlets</a>
                            </p>

                            <a href="{{ asset('docs/officials/recruitment/New Officials Radio Spot (30sec).mp3') }}" target="_blank" style="display: inline-block; width: 300px; padding: 2px; height: 56px; border: 1px solid #cccccc; margin-right: 20px;">
                                <img src="http://icons.iconarchive.com/icons/alecive/flatwoken/48/Apps-File-Audio-icon.png" alt="" title="" style="float: left; width: 48px; margin: 6px 12px 6px 6px;" />
                                <b>New Officials Recruiting Radio Ad</b><br />
                                30 second radio commercial
                            </a>

                            <br /><br />

                            <a href="{{ asset('docs/officials/recruitment/OAOA Radio Spot (30sec).mp3') }}" target="_blank" style="display: inline-block; width: 300px; padding: 2px; height: 56px; border: 1px solid #cccccc; margin-right: 20px;">
                                <img src="http://icons.iconarchive.com/icons/alecive/flatwoken/48/Apps-File-Audio-icon.png" alt="" title="" style="float: left; width: 48px; margin: 6px 12px 6px 6px;" />
                                <b>Officiating Radio Ad</b><br />
                                30 second radio commercial
                            </a>

                            <br /><br />

                        </div>

                        <div class="half">

                            <h2>TV/Web Ads - Video Files</h2>                            

                            <a href="{{ asset('docs/officials/recruitment/RVBOA2012r Recruitment.wmv') }}" target="_blank" style="display: inline-block; width: 300px; padding: 2px; height: 56px; border: 1px solid #cccccc; margin-right: 20px;">
                                <img src="http://icons.iconarchive.com/icons/alecive/flatwoken/48/Apps-Google-Movies-icon.png" alt="" title="" style="float: left; width: 48px; margin: 6px 12px 6px 6px;" />
                                <b>RVBOA Recruitment Ad</b><br />
                                30 second video advertisement
                            </a>

                            <br /><br />

                            <a href="{{ asset('docs/officials/recruitment/PFOA Promotion.mp4') }}" target="_blank" style="display: inline-block; width: 300px; padding: 2px; height: 56px; border: 1px solid #cccccc; margin-right: 20px;">
                                <img src="http://icons.iconarchive.com/icons/alecive/flatwoken/48/Apps-Google-Movies-icon.png" alt="" title="" style="float: left; width: 48px; margin: 6px 12px 6px 6px;" />
                                <b>PFOA Recruitment Ad</b><br />
                                60 second video advertisement
                            </a>

                        </div>
                    </div>

                    <br class="clear" />

                    <h2>Social Media</h2>
                    <ul>
                        <li><a href="{{ asset('/docs/officials/recruitment/NFHS Social Media Recruiting Content.doc') }}" target="_blank">NFHS Officials Recruiting Campaign Social Media Blurbs</a><br /><span class="small gray">Sample tweets and posts geared towards recruiting officials</span></li>
                    </ul>                    

                    <br /><br />                    

                    <h2>Newspaper Articles</h2>
                    <ul>
                        <li><a href="http://www.statesmanjournal.com/story/news/local/stayton/sports/2016/05/11/sports-officials-short-supply-salem/84062200/" target="_blank">"Sports officials at short supply in Salem" - Statesman Journal</a></li>
                    </ul>                    

                    <br /><br />

                    <h2>Brochures</h2>
                    <ul>
                        <li><a href="{{ asset('/docs/officials/recruitment/SFOA Brochure 04.28.2016.docx') }}" target="_blank">Association Marketing Brochure/Mailer - Football</a></li>
                    </ul>


                </div>

                <!-- Ideas -->
                <div id="recruitment-ideas">
                    <h1>Recruitment Ideas</h1>

                    <br />

                    <h2>Host an Officiating Job Fair</h2>
                    <ul>
                        <li>
                            <b>Salem Basketball Officials Association</b><br />
                            &raquo;&nbsp;<a href="{{ asset('/docs/officials/recruitment/Become a Basketball Official.pdf') }}" target="_blank">View Flyer (PDF)</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                            &raquo;&nbsp;<a href="{{ asset('/docs/officials/recruitment/Become a Basketball Official.docx') }}" target="_blank">Download Flyer (MS Word)</a>
                        </li>
                    </ul>

                    <br /><br />

                    <h2>Recruitment Flyers &amp; Cards</h2>
                    <ul>
                        <li>
                            <b>Lane County Baseball Umpires Association</b><br />
                            &raquo;&nbsp;<a href="{{ asset('/docs/officials/recruitment/LCUA Recruitment Cards.pdf') }}" target="_blank">Flyer &amp; Cards (PDF)</a>
                        </li>
                    </ul>


                    <br /><br />

                    <h2>Association Recruiting Programs</h2>
                    <p>
                        Send Jack Folliard, {{ Helpers::obfuscateEmailLink('jfolliard@comcast.net') }}, your recruiting ideas.
                    </p>
                    <ul style="font-size: 10pt;">
                        <li>
                            <b>Refer a Friend Recruiting Program</b>:<br />
                            Suggested by Ken Woods, Commissioner of Salem Football Officials Association.
                            <ol>
                                <li>Member recruits a new official, that new official registers with the OSAA, receives a packet, attends weekly training classes, and works a schedule.</li>
                                <li>The next year, this same rookie official comes back and registers with the OSAA for the second year, the recruiting official receives $40 cash from the association at the beginning of the season.  If you recruit two new officials, you receive $80 cash, if you recruit three or more, you receive $100 cash (cap at some amount, i.e. $100 maximum).</li>
                            </ol>
                        </li>
                        <li>
                            <b>High School Senior Recruiting</b>:<br />
                            Suggested by Cliff Filley, Commissioner of Mid-Western Football Officials Association.
                            <ol>
                                <li>Create postcards targeting high school seniors.  Offer the ability to stay in the game and get paid.</li>
                                <li>See <a href="{{ asset('/docs/officials/recruitment/mwfoa_postcard.jpg') }}" target="_blank">sample postcard</a>.</li>
                                <li>Send a supply to high school athletic departments for inclusion in award ceremonies or for distribution to seniors.</li>
                            </ol>
                        </li>
                    </ul>


                </div>

                <!-- Mentor Program -->
                <div id="recruitment-mentor">
                    <h1>Mentor Program Resources</h1>

                    <br />
					
					<h2>Online Resources</h2>
					<br />
					&raquo; <a href="https://nationalmentoringresourcecenter.org/" target="_blank">National Mentoring Resource Center</a><br />
					&raquo; <a href="https://www.management-mentors.com/" target="_blank">Management Mentors</a><br />
					&raquo; <a href="https://www.nationalservice.gov/resources/mentoring" target="_blank">Mentoring Program Resource List</a><br />
					&raquo; <a href="https://chronus.com/how-to-start-a-mentoring-program" target="_blank">How to Start a Mentoring Program</a><br />
					&raquo; <a href="https://www.oregon.gov/das/HR/Pages/mentor.aspx" target="_blank">State of Oregon Mentoring Toolkit</a><br />
					&raquo; <a href="https://www.nfhs.org/articles/setting-up-an-officials-mentor-program-is-as-easy-as-1-2-3/" target="_blank">Setting up a Mentoring Program</a><br />
					
					<br />
					<h2>Mentor Program Examples</h2>
					<br />
					&raquo; <a href="http://www.eboa.org/mentorship-program/" target="_blank">Evergreen (WA) Basketball Officials Association</a><br />
					&raquo; <a href="https://www.uslacrosse.org/officials/mens-officials-information/mentoring-program" target="_blank">US LaCrosse</a><br />
					&raquo; <a href="http://www.magbo.nyc/mentorprogram.php" target="_blank">Metropolitan Approved Girls Basketball Officials (NYC)</a><br />
					&raquo; <a href="http://www.neofficials.com/information/mentoring" target="_blank">Eastern Nebraska Officials Association</a><br />
					&raquo; <a href="http://www.tbbofficials.com/mentorship.html" target="_blank">Tacoma Basketball Officials Association</a><br />
					
                    <h2>Other Resources</h2>
					<br />
					
					&raquo; Eagle Crest Mentorship Presentation (Garrett) - <a href="{{ asset('/docs/officials/recruitment/whymentor.pptx') }}" target="_blank">PowerPoint </a> | <a href="{{ asset('/docs/officials/recruitment/whymentor.pdf') }}" target="_blank">PDF</a><br />

                </div>
               
            </div>

        </div>
        {{-- End Recruitment Tab --}}


        {{-- Registration --}}
        <div id="registration">            

            
            <a href="https://osaa.arbitersports.com/front/105752/Site/PageContent/OSAA-Registration-Portal" target="_blank" style="float: right;"><img src="{{ asset('images/icons/officials_register_2.jpg') }}" alt="" title="" style="width: 200px;" /></a>                
            


            <h1>Sign-Up and Register to Become an Official</h1>
            
            <br />

            {{-- <div class="ui-corner-all" style="margin-top: 1.5em; text-align: center; float: right; width: 175px; font-size: 10pt; line-height: 1.10em; padding: 0.5em; border: 1px solid #cccccc; background-color: #ffff00;">
                First time officials are reimbursed for OAOA membership dues,<br />up to a $20 value.<br /><a href="{{ asset('/docs/officials/OAOA Dues Discount for New Officials.pdf') }}" target="_blank">&raquo; More Information</a>
            </div> --}}

            <h2>How to Register as an Official</h2>
            <ol class="list_instructions preview" data-preview-height="10em" data-preview-state="0">
                <li>
                    First, determine which sport and <b>Local Officials Association</b> you want to join.  You can use the <a href="#" name="loa_lookup_tool">Association Lookup Tool</a> to find the closest association near a given ZIP code or high school.  The <a href="#" data-jump-tab="associations">Associations</a> tab also contains a list of all Local Official Associations.
                </li>
                <li>
                    <b>Are you at least 18 years old?</b><br />
                    <ul style="margin-top: 0.25em; font-size: 9.5pt;">
                        <li style="margin-bottom: 0.25em;"><b>Yes</b>, continue on to <u>Step 3</u>.</li>
                        <li style="margin-bottom: 0.25em;"><b>No</b>, if you are under 18 years old, you will need to contact your association's Commissioner in order to request an exception for youth referees.  <i>(These exceptions start with Commissioners, contact your Commissioner with an email expressing your interest to officiate.)</i>  Your Commissioner will then provide you with different registration instructions; do not continue to <u>Step 3</u>.</li>
                    </ul>
                </li>
                <li>
                    Complete the <b>Online Registration</b> process.  Registration is completed through the OSAA/OAOA Central Hub on ArbiterSports.  The online registration form is fairly self explanatory and contains contact information if you need assistance.  The registration process includes:
                    
                    <ul style="margin-top: 0.25em; font-size: 9.5pt;">
                        <li style="margin-bottom: 0.25em;">Choosing a portal</li>
                        <li style="margin-bottom: 0.25em;">Selecting a sport</li>
                        <li style="margin-bottom: 0.25em;">Providing contact information and a mailing address</li>
                        <li style="margin-bottom: 0.25em;">Consenting to a background check</li>
                        <li style="margin-bottom: 0.25em;">Agreeing to an Independent Contractor notification</li>
                        <li style="margin-bottom: 0.25em;">Selecting your Local Officials Association</li>
                        <li style="margin-bottom: 0.25em;">Paying registration fees online</li>
                    </ul>                    

                    <div style="font-size: 9.5pt; margin-top: 1em;">
                        <span style="font-weight: bold; display: block; color: #990000;">Choosing a Portal</span>
                        There are two registration options available for officials registering with the OSAA:
                        <br />
                        <b>Oregon Portal</b> - this portal should be selected if you are a member or plan to be a member of a Local Officials Association chartered in the state of Oregon in any of the seven sports (Football, Soccer, Volleyball, Basketball, Baseball, or Softball).
                        <br />
                        <b>Affiliate Portal</b> - this portal should be selected if you are a member of an officiating association located outside of Oregon but will be officiating contests within Oregon's border.  This option should also be selected if the Commissioner of your association has indicated that you should complete the affiliate registration process even though you may be a member of an Oregon association.                        
                    </div>
                </li>
                <li>
                    Look for your <b>Officials Packet</b> in the mail.  Your packet includes an OSAA badge and rules books.  See the "Registration Fees" table and "Officials Packets" section for additional information.
                </li>
                <li>
                    Complete the required annual <b>Certification Tests</b>.  Refer to the <a href="#" data-jump-tab="certification">Certification/Eligibility</a> tab for additional information including all certification requirements for officials, links to online rules exams, concussion testing information, and OCEP requirements.  If you are a new official, it is recommended to attend at least one of your association's training meetings before taking the rules exam.
                </li>
                <li>
                    <b>Get Training</b> from your Local Officials Association.  Check with your association for any additional membership requirements, training meeting schedule, and assignment procedures.
                </li>
            </ol>

            <br class="clear" />

            <h2>2018-19 OSAA Officials Registration and Testing Timelines</h2>
            <table style="width: 85%; border-collapse: collapse;">
                <tr>
                    <td style="border-bottom: 1px solid #999999; border-right: 1px solid #cccccc;"></td>
                    <td style="border-bottom: 1px solid #999999; padding-left: 20px;"><b></u>FALL</u></b></td>
                    <td style="border-bottom: 1px solid #999999; background-color: #f0f0ff; padding: 0 10px;"><b></u>WINTER</u></b></td>
                    <td style="border-bottom: 1px solid #999999; padding-left: 10px;"><b></u>SPRING</u></b></td>
                </tr>

                <tr style="line-height: 1.5em;">
                    <td style="border-right: 1px solid #cccccc;"><b>Registration/Testing Opens</b></td>
                    <td style="padding-left: 20px;">Mon. 6/18/2018</td>
                    <td style="background-color: #f0f0ff; padding: 0 10px;">Mon. 9/17/2018</td>
                    <td style="padding-left: 10px;">Mon. 1/7/2019</td>
                </tr>

                <tr style="line-height: 1.5em; background-color: #efefef;">
                    <td style="border-right: 1px solid #cccccc;"><b>Test Review Opens</b></td>
                    <td style="padding-left: 20px;">Mon. 8/13/2018</td>
                    <td style="background-color: #dedeff; padding: 0 10px;">Mon. 11/12/2018</td>
                    <td style="padding-left: 10px;">Mon. 2/25/2019</td>
                </tr>

                <tr style="line-height: 1.5em;">
                    <td style="border-right: 1px solid #cccccc;"><b>First Contest/Jamboree Dates</b></td>
                    <td style="padding-left: 20px;">Thurs. 8/23/2018</td>
                    <td style="background-color: #f0f0ff; padding: 0 10px;">Wed. 11/28/2018</td>
                    <td style="padding-left: 10px;">Mon. 3/12/2019</td>
                </tr>

                <tr style="line-height: 1.5em; background-color: #efefef;">
                    <td style="border-right: 1px solid #cccccc;"><b>Testing/Registration Closes</b></td>
                    <td style="padding-left: 20px;">Fri. 10/19/2018</td>
                    <td style="background-color: #dedeff; padding: 0 10px;">Fri. 2/15/2019</td>
                    <td style="padding-left: 10px;">Wed. 5/15/2019</td>
                </tr>
            </table>

            <br /><br />

            <div style="float: left; width: 35%;">

                <h2>2018-19 Registration Fees</h2>
                <table style="width: 80%;" class="fees">
                    {{-- <tr>
                        <td>
                            <a href="#" class="packet_contents" data-sport="Football">
                                <img src="{{ asset('/images/icons/packet_24px.png') }}" alt="" title="" />
                                <b>Football</b>
                            </a>
                        </td>
                        <td>
                            $66.00                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" class="packet_contents" data-sport="Volleyball">
                                <img src="{{ asset('/images/icons/packet_24px.png') }}" alt="" title="" />
                                <b>Volleyball</b>
                            </a>
                        </td>
                        <td>
                            $66.00
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" class="packet_contents" data-sport="Soccer">
                                <img src="{{ asset('/images/icons/packet_24px.png') }}" alt="" title="" />
                                <b>Soccer</b>
                            </a>
                        </td>
                        <td>$60.00</td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" class="packet_contents" data-sport="Basketball">
                                <img src="{{ asset('/images/icons/packet_24px.png') }}" alt="" title="" />
                                <b>Basketball</b>
                            </a>
                        </td>
                        <td>$66.00</td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" class="packet_contents" data-sport="Wrestling">
                                <img src="{{ asset('/images/icons/packet_24px.png') }}" alt="" title="" />
                                <b>Wrestling</b>
                            </a>
                        </td>
                        <td>$66.00</td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" class="packet_contents" data-sport="Baseball">
                                <img src="{{ asset('/images/icons/packet_24px.png') }}" alt="" title="" />
                                <b>Baseball</b>
                            </a>
                        </td>
                        <td>$73.00</td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" class="packet_contents" data-sport="Softball">
                                <img src="{{ asset('/images/icons/packet_24px.png') }}" alt="" title="" />
                                <b>Softball</b>
                            </a>
                        </td>
                        <td>$66.00</td>
                    </tr> --}}
                </table>

                <br />

                <div class="small note" style="width: 85%;">
                    Multi-sport officials receive a discount if registering for multiple sports withing the same membership year.
                </div>
            </div>

            <div style="float: left; width: 60%;">
                <h2>Officials Packets</h2>
                Once you have completed the online registration process and consented to a criminal background check, the OSAA office will mail you an officials packet.  Packets are send via US Postal Service to the mailing address provided in the registration process.  Officials will be sent an email once their packet ships with a tracking number.

                <br /><br />

                <b>Please allow up to 5 business days to receive your packet.</b>

                <br /><br />

                <span class="small note">
                    If you have not received your officials packet, please contact Meridith Pyle at the OSAA office by calling (503) 682 - 6722 x224 or email {{ Helpers::obfuscateEmailLink('meridithp@osaa.org') }}.  Packet contents vary by sport and additional information on exactly what is included for each sport's officials packet can be found with a price break-down of each item by clicking the specific sport to the left.
                </span>

                <br /><br />

                {{-- <b>*2016-17 Registration Fees are still to be determined.</b> --}}

            </div>

            <br class="clear" />

        </div>
        {{-- End registration Tab --}}


        {{-- Certification/Eligibility --}}
        <div id="certification">

            <h1>Certification Requirements for OSAA Officials</h1>
            Per <a href="{{ asset('/docs/officials/AOH.pdf#page=4') }}" target="_blank">AOH Rule 4.1</a>, in order to be a certified official:
            <ol style="margin-left: 30px; list-style-type: lower-alpha; line-height: 1.5em; margin-top: 0.25em;">
                <li>The official must be at least 18 years of age. <span class="small gray note">(Exceptions for youth officials are made by the OSAA Executive Director.)</span></li>
                <li>The official must be a member in good standing of a local officials association.</li>
                <li>The official must complete the <a href="#" data-jump-tab="registration">annual OSAA online officials registration process</a>.</li>                
                <li>The official must attend six study/training meetings or complete 10 hours of approved training.</li>
                <li>The official must pass a criminal conviction history screening; officials cannot have been convicted of:
                    <ol style="list-style-type: lower-roman; margin-left: 10px; font-size: 9pt; margin-top: 0.5em; line-height: 1.5em; margin-bottom: 0.5em;">
                        <li>A felony involving the use, possession or sale of a controlled substance within the last 10 years. The 10-year period of ineligibility to officiate shall commence from the date of suspension from officiating duties or from the date of conviction - whichever occurred first; or</li>
                        <li>A crime involving the use or threatened use of violence against a person within the last 10 years. The 10-year period of ineligibility to officiate shall commence from the date of suspension from officiating duties or from the date of conviction - whichever occurred first; or</li>
                        <li>A crime involving a minor child at any time.</li>
                    </ol>  
                </li>
                <li>The official must complete the annual OSAA concussion training.</li>                
            </ol>

            <br />

            <div class="small note">The full list of certification requirements can be found in the <a href="{{ asset('docs/officials/AOH.pdf#page=4') }}" target="_blank">OSAA Athletic Officials Handbook (AOH)</a>.</div>            

            <div class="columns" style="font-size: 10pt;">
                <div class="half">
                    <h2>Concussion Training</h2>
                    <a href="http://osaa.arbitersports.com/front/105752/Eligibility" target="_blank" style="float: left; text-align: center; margin-right: 20px; font-size: 10pt;">
                        <img src="{{ asset('/images/icons/concussion_48px.png') }}" alt="" title="" style="" /><br />
                        Concussion<br />Training
                    </a>

                    All OSAA officials in all sports must complete the annual OSAA concussion training course.  Training must be completed before officials are allowed to officiate any contest.

                    <br />

                    <div style="display: inline-block; width: 40px;"></div>&raquo; <a href="#" data-help-topic="concussion_steps">Course Instructions</a>

                </div>

                <div class="half">
                    <h2>NFHS Rules Examinations</h2>
                    <a href="http://osaa.arbitersports.com/front/105752/test" target="_blank" style="float: left; text-align: center; margin-right: 20px; font-size: 10pt;">
                        <img src="{{ asset('/images/icons/form_2_48px.png') }}" alt="" title="" style="" /><br />
                        Online Exams
                    </a>
                    Officials must annually pass an online rules exam for each sport they officiate.  Testing is <a href="http://osaa.arbitersports.com/front/105752/test" target="_blank">administered online</a> through ArbiterSports.  Exams are open book; no time limit.  Officials have 3 attempts to complete the exam.
                </div>
            </div>
                    
            <br class="clear" /><br />

            <h1>Certification Levels and Eligibility Badges</h1>            
            <a href="http://osaa.arbitersports.com/front/105752/Eligibility" target="_blank" style="float: left; text-align: center; margin-right: 20px; font-size: 10pt;">
                <img src="{{ asset('/images/icons/view_form_48px.png') }}" alt="" title="" style="" /><br />
                Eligibility<br />Center
            </a>

            To help officials and Commissioners understand the certification levels for officials listed in <a href="{{ asset('/docs/officials/AOH.pdf#page=5') }}" target="_blank">AOH Rule 4.2</a>, the ArbiterSports system assigns officials digital eligibility badge icons representing the highest level of certification that official has obtained.  The badges correspond to the levels of certification as follows.

            <br /><br />

            Only one badge with the highest level of certification will be shown on ArbiterSports.*

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

            <div style="font-size: 10pt; line-height: 1.15em;">

                <div class="badge" style="font-weight: bold; color: #0d581b; font-size: 26pt;">
                    R
                </div>
                <b>Registered</b> - The official has completed the annual OSAA online officials registration process and passed a criminal conviction history screening (see (e) above).  <span class="important"><b>Registered officials who have not obtained a higher level of certification are prohibited from officiating any OSAA sanctioned contest.</b></span>

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

                <div class="badge" style="background-color: #ffa500;"></div>
                <b>Sub-Varsity</b> - The official has met the requirements of a registered official, taken the relevant NFHS sport examination, and completed any other required components (including (f) above).  <span style="color: #ffa500;"><b>Sub-varsity certified officials are not allowed to officiate OSAA sanctioned contests above the sub-varsity level.</b></span>

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

                <div class="badge" style="background-color: #00bfff;"></div>
                <b>Varsity</b> - The official has met the requirements of a sub-varsity official, scored at least 75% on the NFHS sport examination, and completed any other required components.  <span style="color: #00bfff;"><b>Varsity certified officials are allowed to officiate varsity and sub-varsity OSAA sanctioned contests.</b></span>

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

                <div class="badge" style="background-color: #000000;"></div>
                <b>Playoff</b> - The official has met the requirements of a varsity official, scored at least 90% on the NFHS sport examination, has OCEP Principles certification (<a href="#" data-jump-tab="ocep">see requirements</a>), obtained and has current OCEP Playoff certification (<a href="#" data-jump-tab="ocep">see requirements</a>), and completed any other required components.  <span style="color: #000000;"><b>Playoff certified officials are allowed to officiate any level of OSAA sanctioned contest and OSAA State Championship events.</b></span>               

               {{--  <div class="badge" style="background-color: #503a2b;"></div>
                <b>(Basketball Only) All Classification Playoff Official</b> - This eligibility level is the same as the <b>Playoff Official</b> and distinguishes basketball officials that have successfully passed the additional requirement for 3-person mechanics crews.  <span style="color: #1EA938;"><b>Allowed to officiate all classifications of OSAA Championships, playoffs, varsity, and sub-varsity contests.</b></span> --}}

            </div>

            <br class="clear" />

            <div class="small note">
                It is the responsibility of the local officials association to establish membership and assigning criteria.  Such additional qualifications may be no less stringent than the requirements established in the  <a href="{{ asset('/docs/officials/AOH.pdf') }}" target="_blank">Athletic Officials Handbook</a>.

                <br /><br />

                <b>*Note:</b> ArbiterSports assigns eligibility badges twice a day around 11 o'clock.  It may take a while for the system to recognize eligibility completion requirements; for example, if an official only recently completes the rules exam, their badge may not appear until up to 12 hours later.  The highest level of certification badge will be displayed.  If an official obtains the playoff level of certification and receives a black badge icon, they are eligible to officiate sub-varsity, varsity, and playoff contests.  However, an official that only has an orange sub-varsity badge cannot be assigned to a varsity level contest.
            </div>


            {{-- <div style="float: left; margin-right: 30px; width: 355px;">
                <div id="check_eligibility"></div>
            </div>

            <div style="float: left; width: 590px;">
                <h2 style="margin-top: 0;">How to Check Your Eligibility</h2>
                The video to the left explains how officials can access the Central Hub on ArbiterSports to check their individual eligibility.

                <br /><br />

                <div class="small note">
                    Please note that eligibility badges may not reflect the most up to date information as the icons are updated twice daily on ArbiterSports.  Officials should check their own eligibilities through the eligibility center on the Central Hub to see what criteria have been completed or are missing.  
                </div>

                <br /><br />

                <a href="http://osaa.arbitersports.com/front/105752/Eligibility" target="_blank" style="float: left; text-align: center; width: 125px; font-size: 10pt;">
                    <img src="{{ asset('/images/icons/view_form_48px.png') }}" alt="" title="" style="" /><br />
                    Eligibility Center                
                </a>

                <br />
                <span class="small note">Click to go directly to the Eligibility Center.</span>
            </div> --}}            

        </div>
        {{-- End Certification/Eligibility Tab --}}


        {{-- OCEP/Championships --}}
        <div id="ocep">

            <h1>Officials Certification and Education Program</h1>
            The OSAA/OAOA Officials Certification and Education Program (OCEP) is designed to ensure that Oregon officials statewide are trained in a consistent and standardized manner. There are two components: <b>OCEP Principles</b> certification (<a href="{{ asset('docs/officials/AOH.pdf#page=5') }}" target="_blank">AOH Rule 4.3</a>) and sport specific <b>OCEP Playoff</b> certification (<a href="{{ asset('docs/officials/AOH.pdf#page=8') }}" target="_blank">AOH Rule 10.2</a>).

            <br /><br />

            <h2>OCEP Principles Certification</h2>
            <div class="ui-corner-all" style="border: 1px solid #cccccc; float: right; padding: 1em 0.5em; text-align: center; width: 250px; margin: 0 0 3em 1em;">
                <h4 style="border-bottom: 1px solid #000000;">OCEP Principles Certification</h4><br />
                Mandatory for All<br />
                <span class="ui-corner-tr ui-corner-bl" style="width: 175px; background-color: #DE7508; color: #ffffff; font-weight: bold; padding: 0.25em 1em; display: inline-block;">One-Time Requirement</span><br /><br />
                <div class="small note" style="line-height: 1.15em;">Must obtain within first 3 years of officiating; also a playoff eligibility requirement</div>                
                <div class="small" style="margin-top: 1em;">
                    <a href="{{ asset('/docs/officials/OCEPPrinciplesInstructions.pdf') }}" target="_blank"><img src="{{ asset('images/icons/information_16px.png') }}" alt="" title="" style="vertical-align: middle;" /> OCEP Principles - Instructions</a>
                </div>
            </div>

            As part of the Officials Certification and Education Program (OCEP), officials must obtain OCEP Principles certification within the first three years of officiating.
            
            <br /><br />
            
            OCEP Principles certification is gained by attending a course or clinic approved by the OAOA Executive Board on the basic principles of officiating or by completing the online <a href="http://nfhslearn.com/courses/61031/interscholastic-officiating" target="_blank">NFHS Interscholastic Officiating Course</a>.
            
            <br /><br />
            This requirement does not apply to officials certified by the OSAA in 2005-06 or prior; or any transfer official previously licensed or certified by a state high school governing body.

            <br /><br />

            Each local association should conduct an annual OCEP Principles course.  It is highly suggested that these courses are offered to other neighboring associations of other sports to have a diverse participant base.  For additional information, please refer to the <a href="http://www.oreofficials.org/principles.php" target="_blank">OAOA Principles of Officiating Course</a>.

            <br /><br />

            <h2>OCEP Playoff Certification</h2>
            <div class="ui-corner-all" style="border: 1px solid #cccccc; float: right; padding: 1em 0.5em; text-align: center; width: 250px; margin: 0 0 1em 1em;">
                <h4 style="border-bottom: 1px solid #000000;">OCEP Playoff Certification</h4><br />
                Required for OSAA Playoffs<br />
                <span class="ui-corner-tr" style="width: 175px; background-color: #08839e; color: #ffffff; font-weight: bold; padding: 0.25em 1em; display: inline-block;">Must Obtain</span><br />

                <span class="ui-corner-bl" style="width: 175px; margin-top: 0.25em; background-color: #189900; color: #ffffff; font-weight: bold; padding: 0.25em 1em; display: inline-block;">Recertify to Maintain</span><br /><br />

                <div class="small note" style="line-height: 1.15em;">Must obtain and be currently certified for playoff level of certification</div>
            </div>

            As part of the Officials Certification and Education Program (OCEP), officials selected to officiate any OSAA State Championship event must have obtained and be currently certified in their sport specific OCEP Playoff certification.           

            <h3>Obtaining Certification</h3>
            To obtain OCEP Playoff certification, officials shall have completed an OCEP Playoff Certification Clinic, or other camp, clinic, or certifying procedure substantially equivalent and approved by the OAOA Executive Board in the applicable sport.  Soccer officials obtain OCEP Playoff certification by completing the USSF Grade 8 Referee Course.

            <h3>Recertification Requirement</h3>
            To maintain and have current OCEP Playoff certification:
            <ul style="list-style-type: lower-roman; margin-left: 10px; font-size: 9pt; margin-top: 0.5em; line-height: 1.5em; margin-bottom: 0.5em;">
                <li>Football, Volleyball, Basketball, Baseball, and Softball officials must recertify every five years via re-obtaining certification as described above.</li>
                <li>Wrestling officials must recertify every three years via re-obtaining certification as described above.</li>
                <li>Soccer officials must recertify every five years by attending one of the following training opportunities: Oregon Referee Committee Regional Referee Clinic (also known as the ORC Intermediate Training Clinic), ORC Big Training Weekend, or a training session or clinic which is substantially equivalent to the previous two options as determined by the OSAA Soccer State Rules Interpreter.  This requirement went into effect starting with the 2016-17 school year.</li>
            </ul>           

            <br class="clear" />

            <div class="small note">
                Officials can check their individual OCEP certification status by looking at their ArbiterSports profile/custom fields or in the <a href="http://osaa.arbitersports.com/front/105752/Eligibility" target="_blank">Eligibility Center</a>.
            </div>

            <br class="clear" /><br />
        
            <h1>OSAA State Championship Officials</h1>
            <h2>Requirements</h2>
            To officiate any OSAA State Championship event which includes contests in the first round of playoffs through the final contest, officials shall meet each of the following requirements: 
            <ul style="margin-left: 30px; list-style-type: lower-alpha; line-height: 1.5em; margin-top: 0.5em;">
                <li>Be selected by their local officials association*.</li>
                <li>Be <a href="#" data-jump-tab="certification">OSAA certified</a> per <a href="{{ asset('docs/officials/AOH.pdf#page=4') }}" target="_blank">AOH Rule 4.1</a>.</li>
                <li>Obtained <a href="#" data-jump-tab="certification">playoff level certification</a> per <a href="{{ asset('docs/officials/AOH.pdf#page=5') }}" target="_blank">AOH Rule 4.2.d</a>.</li>
                <li>Obtained <a href="#" data-jump-tab="ocep">OCEP Principles certification</a> per <a href="{{ asset('docs/officials/AOH.pdf#page=5') }}" target="_blank">AOH Rule 4.3</a>.</li>
                <li>Obtained and be currently certified in their sport specific <a href="#" data-jump-tab="ocep">OCEP Playoff certification</a> per <a href="{{ asset('docs/officials/AOH.pdf#page=8') }}" target="_blank">AOH Rule 10.2</a>.</li>
                <li>Have a minimum officiating experience at the varsity level (unless granted an exception by the OSAA Executive Director):
                    <ol style="list-style-type: lower-roman; margin-left: 10px; font-size: 9pt; margin-top: 0.5em; line-height: 1.5em; margin-bottom: 0.5em;">
                        <li>At least three years of varsity officiating experience for all sport officials, and</li>
                        <li>At least five years of varsity soccer officiating experience to be eligible for assignment as the center referee for 6A and 5A OSAA Soccer State Championship events.</li>                        
                    </ol>
                </li>
                <li>Be a member of a local association which:
                    <ol style="list-style-type: lower-roman; margin-left: 10px; font-size: 9pt; margin-top: 0.5em; line-height: 1.5em; margin-bottom: 0.5em;">
                        <li>Services 6A or 5A classification schools during the regular season to be eligible to officiate any OSAA State Championship event involving 6A or lower classification schools, or</li>
                        <li>Services 4A or lower classification schools during the regular season to be eligible to officiate any OSAA State Championship event involving 4A and lower classification schools.</li>
                    </ol>
                </li>
                <li>Be an official who has officiated:
                    <ol style="list-style-type: lower-roman; margin-left: 10px; font-size: 9pt; margin-top: 0.5em; line-height: 1.5em; margin-bottom: 0.5em;">
                        <li>At least one regular season contest, for all sports, and</li>
                        <li>At least three regular season contests in each gender and at least four regular season contests using 3-person mechanics in basketball to be eligible for OSAA Basketball State Championship events, or</li>
                        <li>At least two regular season matches in each gender in soccer to be eligible for OSAA Soccer State Championship events.</li>
                    </ol>
                </li>
            </ul>

            <br />

            <div class="small note">
                 *State championship and playoff official selections shall be made by the commissioner or local association with input from the schools serviced by that association. Local associations may impose more restrictive criteria at their discretion regarding selection procedures. Wrestling officials are selected according to the process outlined in <a href="{{ asset('docs/officials/AOH.pdf#page=12') }}" target="_blank">AOH Appendix A</a>.
            </div>

            <br class="clear" />

            <h2>Consecutive Year Representation at Final Sites</h2>
            Officials may be assigned to OSAA State Championship final sites in consecutive years as follows:
            <ul style="margin-left: 30px; list-style-type: lower-alpha; line-height: 1.5em; margin-top: 0.5em;">
                <li>Football, Soccer, Baseball, and Softball - no limitation.</li>
                <li>Volleyball and Basketball - limit of two consecutive years at any final site, regardless of classification.</li>
                <li>Wrestling - see <a href="{{ asset('docs/officials/AOH.pdf#page=12') }}" target="_blank">AOH Appendix A</a></li>
            </ul>

            <br class="clear" />

            <h2>Playoff Assignments by Sport/Round</h2>            
            <table class="playoff_assignments" data-color-rows="true">
                <thead>
                    <tr>
                        <th>Playoffs</th>
                        <th>Football</th>
                        <th>Volleyball</th>
                        <th>Soccer</th>
                        <th>Basketball</th>
                        <th>Baseball</th>
                        <th>Softball</th>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td>1st Round</td>
                        <td>Local Assoc.</td>
                        <td>Local Assoc.</td>
                        <td>Local Assoc.</td>
                        <td>Local Assoc.</td>
                        <td>Local Assoc.</td>
                        <td>Local Assoc.</td>
                    </tr>

                    <tr>
                        <td>2nd Round</td>
                        <td>Non-Local Assoc.</td>
                        <td>Non-Local Assoc.</td>
                        <td>Non-Local Assoc.</td>
                        <td>Non-Local Assoc.</td>
                        <td>Local Assoc.</td>
                        <td>Local Assoc.</td>
                    </tr>

                    <tr>
                        <td>QF Round</td>
                        <td>Non-Local Assoc.</td>
                        <td>OSAA/Final Site</td>
                        <td>Non-Local Assoc.</td>
                        <td>OSAA/Final Site</td>
                        <td>Local Assoc.</td>
                        <td>Local Assoc.</td>
                    </tr>

                    <tr>
                        <td>SF Round</td>
                        <td>OSAA/Rotating Assoc.</td>
                        <td>OSAA/Final Site</td>
                        <td>Non-Local Assoc.</td>
                        <td>OSAA/Final Site</td>
                        <td>Local Assoc.</td>
                        <td>Local Assoc.</td>
                    </tr>

                    <tr>
                        <td>Consolation</td>
                        <td>- -</td>
                        <td>OSAA/Final Site</td>
                        <td>- -</td>
                        <td>OSAA/Final Site</td>
                        <td>- -</td>
                        <td>- -</td>
                    </tr>

                    <tr>
                        <td>Final</td>
                        <td>OSAA/Rotating Assoc.</td>
                        <td>OSAA/Final Site</td>
                        <td>OSAA/Final Site</td>
                        <td>OSAA/Final Site</td>
                        <td>OSAA/Final Site</td>
                        <td>OSAA/Final Site</td>
                    </tr>
                </tbody>
            </table>

            <br />

            <div class="small">
                <b>Local Assoc.</b> - The host school's local officials association will provide an officiating crew.<br />
                <b>Non-Local Assoc.</b> - A non-local officials association will provide an officiating crew; any local association servicing more than 7.5% of schools sponsoring the activity shall be considered a non-local association.<br />
                <b>OSAA/Rotating Assoc.</b> - The OSAA shall assign an officials association based on a rotating schedule to provide an officiating crew.<br />
                <b>OSAA/Final Site</b> - The contest will be played at a final site and officials will be assigned individually by the OSAA.<br />
            </div>            

		</div>
        {{-- End OCEP/Championships Tab --}}


        {{-- Rules & Policies --}}
        <div id="rules">

            <h1>OSAA Rules, Policies, and Forms for Officials and Contests</h1>
            <div class="ui-corner-all" style="border: 1px solid #cccccc; padding: 0.75em 0.25em; margin: 1em 0 2em 0;">
                <img src="{{ asset('/images/icons/information_24px.png') }}" alt="" title="" style="float: left; margin: 0 10px 10px 0;" /><b>Note:</b> OSAA contest officials are not to interpret OSAA rules.  Practice/game limitations, player eligibility, and other rules governing schools outside of the NFHS  rules of that particular sport do not fall under the purview of the official.
            </div>            

            <h2>Assignments to OSAA Sanctioned Contests</h2>
            
            <div class="columns">
                <div class="half" style="width: 66%;">
                    Per <a href="http://www.osaa.org/governance/handbooks/osaa#_Toc456100410" target="_blank">OSAA Board Policy 51</a>, OSAA certified officials are required for all OSAA sanctioned activities at the varsity and junior varsity levels including jamborees*.  Contests with participants of differing levels are considered a contest at the higher of the two levels (i.e. a varsity team playing a junior varsity team is considered a varsity level contest).  Schools have the responsibility to request permission from their local officials association to use non-certified officials at sub-varsity contests where certified officials are not required.

                    <br /><br />

                    <div class="small note">
                        *Exception: OSAA certified officials are required in baseball and softball at the varsity level only.  OSAA certified officials are required in football at all sub-varsity levels.
                    </div>
                </div>

                <div class="fourth" style="width: 28%;">                    
                    <table class="certified_officials" data-color-rows="true">
                        <thead>
                            <tr>
                                <th style="text-align: left;">Sport</th>
                                <th>V</th>
                                <th>JV</th>
                                <th>JV2</th>
                                <th>FR</th>
                                <th>FR2</th>                                
                            </tr>
                        </thead>

                        <tbody>
                            <tr>
                                <td style="text-align: left;">Football</td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>                                
                            </tr>

                            <tr>
                                <td style="text-align: left;">Volleyball</td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td></td>
                                <td></td>
                                <td></td>   
                            </tr>

                            <tr>
                                <td style="text-align: left;">Soccer</td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td></td>
                                <td></td>
                                <td></td>   
                            </tr>

                            <tr>
                                <td style="text-align: left;">Basketball</td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td></td>
                                <td></td>
                                <td></td>   
                            </tr>

                            <tr>
                                <td style="text-align: left;">Wrestling</td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td></td>
                                <td></td>
                                <td></td>   
                            </tr>

                            <tr>
                                <td style="text-align: left;">Baseball</td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>   
                            </tr>

                            <tr>
                                <td style="text-align: left;">Softball</td>
                                <td><img src="{{ asset('/images/icons/check_16px.png') }}" alt="" title="" class="certification_required" /></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>   
                            </tr>                            
                        </tbody>
                    </table>                    
                </div>
            </div>

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

            <h2>Resource Links</h2>
            These are some of the OSAA policies and forms that relate directly to officials.            
            <div style="margin-left: 40px; line-height: 1.25em;">
                <div class="columns">
                    <div class="half" style="width: 40%;">
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf') }}" target="_blank">Athletic Officials Handbook (AOH)</a><br />
                        &raquo; <a href="{{ url('governance/handbooks') }}" target="_blank">OSAA Handbooks</a><br />
                        
                        <br />

                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=12') }}" target="_blank">Wrestling State Championship Selection Process</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=13') }}" target="_blank">Youth Officials</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=14') }}" target="_blank">OSAA Executive Board Policies</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=15') }}" target="_blank">Concussion Management</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=15') }}" target="_blank">Ejection Policies</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=18') }}" target="_blank">Football Specific Policies</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=19') }}" target="_blank">Interrupted Contests</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=21') }}" target="_blank">Lightning Safety</a><br />                        
                        
                        
                    </div>

                    <div class="half" style="width: 40%;">
                        &raquo; <a href="{{ url('/governance/handbooks/osaa#_Toc456100511') }}" target="_blank">2017-18 OSAA Officials Fee Schedule</a><br />                        
                        &raquo; <a href="{{ url('governance/handbooks/osaa#_Toc298932627') }}" target="_blank">Game Fee Cancellation Policy</a><br />
                        <br />
                        
                        {{-- Attendance Sheet: &raquo; <a href="{{ asset('docs/officials/AttendanceSheet.pdf') }}" target="_blank">PDF</a>&nbsp;&nbsp;|&nbsp;&nbsp;&raquo; <a href="{{ asset('docs/officials/AttendanceSheet.doc') }}" target="_blank">WORD</a><br /> --}}                        
                        
                        &raquo; <a href="{{ asset('docs/officials/Code of Ethics.pdf') }}" target="_blank">Official's Code of Ethics</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=22') }}" target="_blank">Conflict of Interest Policy</a><br />
                        {{-- &raquo; <a href="{{ asset('docs/officials/OfficialsConflictOfInterest.pdf') }}" target="_blank">Conflict of Interest Policy</a><br /> --}}
                        &raquo; <a href="{{ asset('docs/officials/socialnet.pdf') }}" target="_blank">Social Media Guidelines</a><br />
                        
                        <br />

                        &raquo; <a href="{{ asset('docs/officials/Transfer.doc') }}" target="_blank">Officials Transfer Form</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=10') }}" target="_blank">Dual Association Membership</a><br />
                        &raquo; <a href="{{ asset('docs/officials/Disciplinary%20Action.doc') }}" target="_blank">Officials Disciplinary Action Form</a><br />
                        &raquo; <a href="{{ asset('docs/officials/AOH.pdf#page=11') }}" target="_blank">State Rules Interpreters</a><br />
                    </div>

                    <div class="fourth" style="width: 12%; text-align: center; padding: 0; float: right;">
                        <a href="{{ url('/forms/ejection') }}" target="_blank">
                            <img src="{{ asset('/images/icons/ejection_report_64px.png') }}" alt="" title="" style="width: 64px;" /><br />                           
                            OSAA Online Ejection Report
                        </a>     

						<br />
						<br />
						
						<a href="#" data-jump-tab="sportsmanship">
                        {{-- <a href="https://docs.google.com/forms/d/e/1FAIpQLSepYDZqcyrRq7Z9mNlbJlAAicjVz_VxOp4lXp7L17QP-0LfUA/viewform?usp=sf_link" target="_blank"> --}}
                            <img src="{{ asset('/images/icons/sportsmanship_64.png') }}" alt="" title="" style="width: 64px;" /><br />                           
                            OSAA Sportsmanship Nomination Form 
                        </a> 
                    </div>
                </div>
            </div>  

            <br style="clear: left;" /><br />          

            <h2>NFHS Rules App</h2>
            <img src="{{ asset('/images/logos/nfhs_128px.png') }}" alt="" title="" style="width: 64px; float: left; margin: 0 10px 0 30px;" />
            The NFHS Rules App contains quizzes for all NFHS sports and provides access to the<br />NFHS Rules and Case books for each sport, right in the 
            palm of your hand.<br />
            <a href="https://play.google.com/store/apps/details?id=com.org.nfhs.rulebook&amp;hl=en" target="_blank" style=""><img src="{{ asset('/images/logos/play_store_128x38px.png') }}" alt="" title="" style="margin: 0.5em 40px 0 0;" /></a>

            <a href="https://itunes.apple.com/us/app/nfhs-rules/id1173502036?mt=8" target="_blank" style=""><img src="{{ asset('/images/logos/app_store_128x38px.png') }}" alt="" title="" style="margin: 0.5em 0 0 0;" /></a>

            <br />

            <h3>How to Access Free Rules Books</h3>
            OSAA registered officials can access the NFHS Rules and Case books for their respective sport(s) in three ways:<br />
            <ol class="small" style="margin-top: 0.5em;">
                <li style="margin-top: 0.5em;">A printed copy of the sport's rules book, and case book when applicable, are included in the <a href="#" data-jump-tab="registration">Officials Packet</a> mailed to registered officials.</li>
                <li style="margin-top: 0.5em;">Registered officials can access all NFHS online publications via the <a href="http://nfhs.arbitersports.com/front/105401/Site/PageContent/NFHS-Publications" target="_blank">NFHS Central Hub on ArbiterSports</a>; your Arbiter login is required.</li>
                <li style="margin-top: 0.5em;">OSAA registered officials can download rules books and case books for free in the NFHS Rules App by following these instructions:
                    <ol style="list-style-type: lower-alpha; width: 80%; padding-left: 15px;">
                        <li style="margin-top: 0.5em;">Download the <b>NFHS Rules</b> app from the Google Play Store or iTunes App Store; you can use the links above.</li>
                        <li style="margin-top: 0.5em;">Open the NFHS Rules app on your mobile device. At the bottom of the screen, select "Signup". Enter your name and profile information. The email address you type in <b>MUST</b> match the address you used to register on ArbiterSports.</li>
                        <li style="margin-top: 0.5em;">Once registered with your account, within the app go to the "My Books" section.  Here you will see a download icon for the free books assigned to your sport(s). All other books will show a shopping cart icon to subscribe to the book for $6.99.  Your free books will appear under your subscription within 24 hours after registering on ArbiterSports.</li>
                    </ol>
                </li>
            </ol>

            <br class="clear" />

            <h2>State Rules Interpreters</h2>       
            The following people are the State Rules Interpreters (SRI) for their respective sports.  Commissioners and officials are encouraged to contact the SRI for rules clarifications.
            <table class="sris" data-color-rows="true">
                <tr>
                    <td><b>Football</b></td>
                    <td>Clark Sanders</td>
                    <td>
                        {{ Helpers::obfuscateEmailLink("football.sri@osaa.org") }}
                        {{-- Helpers::obfuscateEmailLink("clark@oreofficials.org") --}}
                    </td>
                </tr>
                <tr>
                    <td><b>Volleyball</b></td>
                    <td>Debi Hanson</td>
                    <td>
                        {{ Helpers::obfuscateEmailLink("volleyball.sri@osaa.org") }}
                        {{-- Helpers::obfuscateEmailLink("gpvoa.commish@me.com") --}}
                    </td>
                </tr>
                <tr>
                    <td><b>Soccer</b></td>
                    <td>Patrick Duffy</td>
                    <td>
                        {{ Helpers::obfuscateEmailLink("soccer.sri@osaa.org") }}
                        {{-- Helpers::obfuscateEmailLink("patd@amgearpdx.com") --}}
                    </td>
                </tr>
                <tr>
                    <td><b>Basketball</b></td>
                    <td>Steve Bulen</td>
                    <td>
                        {{ Helpers::obfuscateEmailLink("basketball.sri@osaa.org") }}
                        {{-- Helpers::obfuscateEmailLink("sbulen1@gmail.com") --}}
                    </td>
                </tr>
                <tr>
                    <td><b>Swimming</b></td>
                    <td>Jacki Allender</td>
                    <td>
                        {{ Helpers::obfuscateEmailLink("swimming.sri@osaa.org") }}
                        {{-- Helpers::obfuscateEmailLink("seewun@proaxis.com") --}}
                    </td>
                </tr>
                <tr>
                    <td><b>Wrestling</b></td>
                    <td>Scott Hall</td>
                    <td>
                        {{ Helpers::obfuscateEmailLink("wrestling.sri@osaa.org") }}
                        {{-- Helpers::obfuscateEmailLink("sahall1884@gmail.com") --}}
                    </td>
                </tr>
                <tr>
                    <td><b>Baseball</b></td>
                    <td>Tad Cockerill</td>
                    <td>
                        {{ Helpers::obfuscateEmailLink("baseball.sri@osaa.org") }}
                        {{-- Helpers::obfuscateEmailLink("cockerill51@gmail.com") --}}
                    </td>
                </tr>
                <tr>
                    <td><b>Softball</b></td>
                    <td>John Christensen</td>
                    <td>
                        {{ Helpers::obfuscateEmailLink("softball.sri@osaa.org") }}
                        {{-- Helpers::obfuscateEmailLink("umpjc@charter.net") --}}
                    </td>
                </tr>
            </table>  

            <br />

        </div>
        {{-- End Rules & Policies Tab --}}

        
        {{-- Associations --}}
        <div id="associations">
            
            <h1>Local Officials Associations</h1>
            The following list shows every local officials association and Commissioner by sport.

            <br /><br />

            <div class="small note">
                For updates, corrections, and additions, please e-mail {{ Helpers::obfuscateEmailLink('support@osaa.org') }}.
            </div>

            @foreach ($info['associations'] as $sport => $associations)

                <h2>{{ $sport }}</h2>

                <table class="associations" data-color-rows="1">
                    <tbody>

                        @foreach ($associations as $i => $association)                            
                            <tr data-loa-id="{{ $association->id }}">
                                <td style="width: 475px;">
                                    @if (!is_null($association->website))
                                        <h4><a href="{{ $association->website }}" target="_blank">{{ $association->name }}</a></h4>
                                    @else
                                        <h4>{{ $association->name }}</h4>
                                    @endif
                                </td>
                                @if (Helpers::isGibby())
                                    <td>
                                        {{ $association->id }}
                                    </td>
                                @endif
                                <td>
                                    @if (!is_null($association->commissioner))
                                        <a href="mailto:{{ Helpers::obfuscateEmailAddress($association->commissioner->user->email) }}">
                                            {{ $association->commissioner->user->getDisplayFullName() }}
                                        </a>
                                    @else
                                        - -                                        
                                    @endif
                                </td>
                                <td>
                                    {{ ucfirst(strtolower($association->oregon_region)) }}
                                </td>
                                @if (Helpers::isGibby())
                                    <td>
                                        <a href="#" data-action="manage-commissioner" data-association-id="{{ $association->id }}" data-commissioner-id="{{ $association->commissioner->user->id }}"><img src="{{ asset('images/icons/user_profile_24px.png') }}" alt="" title="Manage Commissioner User" style="width: 16px; height: 16px; vertical-align: middle;" /></a>
                                    </td>
                                @endif
                            </tr>
                        @endforeach

                    </tbody>
                </table>

            @endforeach

        </div>
        {{-- End Associations Tab --}}


        {{-- Sportsmanship --}}
        <div id="sportsmanship">
            
            <img src="{{ asset('/images/icons/sportsmanship_64.png') }}" alt="" title="" style="width: 64px; float: left; margin: 0 20px 20px 0;" />
            <h1>Sportsmanship Nomination Form</h1>
            All officials will now have an opportunity to nominate players, teams, coaches, and fans for exhibiting good sportsmanship via a brand-new sportsmanship award program.  
			
			<br /><br />
			
			You can nominate any school, team, fan section, or coach by quickly using the drop-down boxes and share the outstanding example of sportsmanlike behavior you witnessed.  The nomination will then go to the OSAA, who will, in turn, let the school know they were nominated and why.  At the end of each sports season the program with the best nomination for sportsmanship for each sport will be announced and that program will earn 100 Oregonian Cup points for their school. 
			
			<br /><br />
			
			Be on the lookout for great examples of sportsmanship and vote today!

			<br /><br />
            <br /><br />

            <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSc3qIvBpVoJo1wReQhaTL1ILIMvWlcARoOjWafLpgVVAZPSKw/viewform?embedded=true" width="982" height="2255" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>


        </div>
        {{-- End Sportsmanship Tab --}}


    </div>
    {{-- End Tabbed Content Holder --}}

    
	
@stop