@section('page_title')
    OSAAtoday
@stop

@section('page_sub_title')    
    <div class="today-navigation">
        <form name="search-article-form" method="GET" action="{{ url('/today/search') }}" accept-charset="UTF-8">
            <input type="text" name="title" title="Search articles by title" style="width: 125px;" />
            <img src="{{ asset('images/icons/magnifier_16px.png') }}" alt="" title="Search articles by title" style="cursor: pointer;" data-search="title" /><br />
        </form>
        
        <select name="search-author" title="Filter articles by author" style="width: 129px;">
            <option value=""></option>
            @foreach ($info['authors'] as $id => $author_item)
                <option
                    value="{{ $id }}"
                    @if (!is_null($info['author']) and $id == $info['author']->id)
                        selected="selected"
                    @endif
                    data-link="{{ $author_item->link }}">{{ $author_item->name }}</option>
            @endforeach
        </select>
        <img src="{{ asset('images/icons/author_16px.png') }}" alt="" title="Filter articles by author" style="" /><br />
        
        <select name="search-tag" title="Filter articles by tag" style="width: 129px;">
            <option value=""></option>
            @foreach ($info['tags'] as $url => $tag_item)
                <option
                    value="{{ $url }}"
                    @if (!is_null($info['tag']) and Helpers::strEqual($tag_item->name, $info['tag']))
                        selected="selected"
                    @endif
                    data-link="{{ $tag_item->link }}">{{ $tag_item->name }}</option>
            @endforeach
        </select>
        <img src="{{ asset('images/icons/tag_16px.png') }}" alt="" title="Filter articles by tag" style="" /><br />
    </div>

    <a href="{{ url('/today') }}"><img src="{{ asset('/images/logos/OSAAtoday-Tagline.png') }}" data-hover-src="{{ asset('/images/logos/OSAAtoday-Tagline-Hover.png') }}" data-original-src="{{ asset('/images/logos/OSAAtoday-Tagline.png') }}" alt="" title="" style="" /></a>  

    <div class="specific">
        @if (!Helpers::strIsEmpty($info['specific']))
            {{ $info['specific'] }} <a href="{{ url('/today') }}"><img src="{{ asset('/images/icons/not_selected_16px.png') }}" alt="" title="Remove filter and view all articles" /></a>
        @endif
    </div>
@stop

@section('scripts')
    @parent

    <style type="text/css">
        .page_functions {
            display: none;
        }

        h1 a {
            color: #990000;
        }

        h3 {
            color: #000000 !important;
        }

        .today-navigation {            
            float: right;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            line-height: 1.5em;
        }

        .today-navigation img {
            vertical-align: middle;
            margin-left: 4px;
        }

        .specific {
            float: right;
            font-size: 12pt;
            line-height: 64px;
            margin-right: 40px;
        }

        .specific img {
            vertical-align: middle;
        }

        .horizontal_divider-2 {
            border-bottom-color: #dedede;
            border-bottom-width: 1px;
        }

        .article-list {

        }

        .article {
            height: 95px;
        }

        .article .thumbnail {
            float: left;
            margin-right: 20px;
            margin-bottom: 10px;
            width: 150px;
            height: 94px;
            text-align: center;
        }

        .article .thumbnail a {            
        }

        .article .thumbnail img {
            max-width: 150px;
            max-height: 94px;
            text-align: center;
            margin: 0 auto;
        }

        .article .sub_title {
            line-height: 1.25em;
        }

        .article .footer {
            color: #777777;
        }

        .article-footer {
            background-image: url('/images/logos/OSAAtoday-BG.png');
            background-repeat: no-repeat;
            background-position: right center;
            border-top: 2px solid #d9e1e0;
            border-bottom: 2px solid #d9e1e0;
            background-color: #f2f2f2;
            width: 1030px;
            height: 84px;
            padding: 0.5em 0;
            margin: 0.25em 0 2.5em 0;
        }
        .article-footer .author-photo-holder {
            width: 64px;
            height: 80px;
            margin: 0 1em 0 0.5em;
            background-color: #7d7b7d;
            border: 1px solid #ffffff;
            float: left;
        }
        .article-footer .author-photo img {
            width: 64px;
            height: 80px;
            margin: 0 1em 0 0.5em;  
            border: 1px solid #222222;
            float: left;
        }
        .article-footer .author-name {
            font-size: 13pt;
            font-weight: bold;
        }
        .article-footer .author-role {
            color: #000c67;
            font-size: 10pt;
            padding-top: 30px;
        }
        .article-footer .author-contact {
            font-size: 10pt;
            padding-top: 1.5em;
        }
        .article-footer .author-social-media {
            margin-top: 0.5em;
        }
        .article-footer .author-social-media a {
            margin-right: 12px;
        }

        .pagination {
            height: 3em;
            font-size: 10pt;
            padding-top: 1em;
        }

        .pagination .page_button {
            padding: 1em;
            background-color: #0d2458;
            color: #ffffff;
            margin: 1em 0.25em 1em 0;
            font-weight: bold;
        }

        .pagination .page_button:hover {
            background-color: #005fa9;
            text-decoration: none;
        }

        .pagination .page_button.current_page {
            background-color: #990000;
        }

        .pagination .page_button.direct_jump {
            padding-left: 1.5em;
            padding-right: 1.5em;
        }


    </style>    

@stop

@section('jquery_init')

    $('.page_functions').remove();
    $('#championships').remove();
    $('.specific img').tooltip();

    $('.thumbnail a img').each(function(index, item)
    {
        var height = item.clientHeight;
        var full_height = $(item).parents('.thumbnail').height();                        

        if (height < full_height && height > 10)
        {
            var top_margin = (full_height - height) / 2;
            $(item).css({'margin-top' : top_margin + 'px'});
        }
    });

    var space = '<div style="height: 1em;">&nbsp;</div>';
    var more = '{{ AdsController::getAd('160x600') }}';    
    var more_2 = '{{ AdsController::getAd('160x600') }}';
    {{-- var more_3 = '{{ AdsController::getAd('160x600') }}';
    var more_4 = '{{ AdsController::getAd('160x600') }}';
    var more_5 = '{{ AdsController::getAd('160x600') }}';
    var more_6 = '{{ AdsController::getAd('160x600') }}'; --}}

    $('#wide_scraper_ad')
        .css({'height' : 'auto'})
        .append(space, more, space, more_2);

    function searchTitle()
    {
        var field = $('input[type="text"][name="title"]');
        var value = field.val();

        var form = field.parent('form');

        console.log('searching for ' + value);

        form.submit();
    }

    $('.today-navigation img').tooltip();
    $('[name="title"]')
        .on('change', searchTitle)
        .tooltip();
    $('img[data-search="title"]').on('click', searchTitle);
    $('[name="search-author"]')
        .on('change', function(event)
        {
            var option = $('option:selected', $(this));
            var value = option.val();
            var link = option.attr('data-link');

            if (value == "")
            {
                window.location = "{{ url('/today') }}";
            }
            else
            {
                window.location = link;
            }
        })
        .tooltip();
    $('[name="search-tag"]')
        .on('change', function(event)
        {
            var option = $('option:selected', $(this));
            var value = option.val();
            var link = option.attr('data-link');

            if (value == "")
            {
                window.location = "{{ url('/today') }}";
            }
            else
            {
                window.location = link;
            }
        })
        .tooltip();

    $('a img[data-hover-src]').hover(function()
    {
        $(this).attr('src', $(this).attr('data-hover-src'));
    },
    function()
    {
        $(this).attr('src', $(this).attr('data-original-src'));
    });

@stop

@section('page_functions')
    
@stop


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

    {{-- Author, if specified --}}
    @if (!is_null($info['author']))
        <div class="article-footer">        
            <div class="columns">
                <div class="half">
                    @if (is_null($info['author']->photo_path))
                        <div class="author-photo-holder">       
                        </div>
                    @else
                        <div class="author-photo">      
                            <img src="{{ asset($info['author']->photo_path) }}" alt="" title="" />
                        </div>
                    @endif          
                    <div class="author-name">{{ $info['author']->getName() }}</div>         
                    <div class="author-role">
                        {{ $info['author']->title }}<br />  
                        {{ $info['author']->outlet }}<br />
                    </div>
                </div>
                <div class="half">
                    <div class="author-contact">
                        <a href="mailto:{{ Helpers::obfuscateEmailAddress($info['author']->getEmail(false)) }}"><img src="{{ asset('/images/icons/email_icon_16px.png') }}" alt="" title="" style="vertical-align: middle; margin-right: 1em;" />{{ Helpers::obfuscateEmailAddress($info['author']->getEmail(false)) }}</a>
                    </div>
                    <div class="author-social-media">                   
                        @foreach ($info['author']->getSocialMediaHandles() as $handle)                      
                            <a href="{{ $handle->link }}" target="_blank"><img src="{{ $handle->icon }}" alt="" title="{{ $handle->handle }}" /></a>
                        @endforeach
                    </div>              
                </div>
            </div>
        </div>
    @endif

    {{-- List of Articles --}}
    <div class="article-list">
        
        <br />
<b>Fatal error</b>:  Class 'Helpers' not found in <b>/home/osaa/web_app/dev/app/views/news/index.blade.php</b> on line <b>358</b><br />