@section('meta_tags')
    @parent

    <meta name="robots" content="index, follow">
    <meta name="description" content="OSAAtoday Prep High School Sports News Article: {{ $info['article']->title }}">
    <meta name="keywords" content="OSAA, OSAAtoday, {{ $info['article']->tags }}">    
    <meta name="author" content="{{ $info['author']->getName() }}">
    <meta name="generator" content="OSAA, Laravel, Quill">    

@stop



@section('page_title')
    OSAAtoday - {{ $info['article']->title }}
@stop

@section('page_sub_title')    
   <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="Navigate to OSAAtoday article index" title="Navigate to OSAAtoday article index" style="" /></a>   
@stop

@section('scripts')
    @parent

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

    <style type="text/css">
        h1.header {
            width: auto;
            line-height: 1.2em;           
        } 
        .page_functions {            
            width: auto;
        }

        @media print {
            #full_page_content {
                margin-top: -2em;
            }
        }
    </style>    

@stop

@section('jquery_init')
    
    /*
     * Close button     
     */
    $('.close_button')
        .button({'icons':{'primary':'ui-icon-circle-close'}})        
        .css({'font-size' : '10pt',
              'margin-top' : '0.5em'});

    /*
     * Print button     
     */
    $('.print_button')
        .button({'icons':{'primary':'ui-icon-print'}})        
        .css({'font-size' : '10pt',
              'margin-top' : '0.5em',
              'margin-right' : '10px'})
        .on('click', function(event)
        {
            event.preventDefault();
            window.print();
        });

    @if (Auth::check() and Auth::user()->isTodayPublisher())

        /*
         * Edit button     
         */
        $('.edit_button')
            .button({'icons':{'primary':'ui-icon-pencil'}})        
            .css({'font-size' : '10pt',
                  'margin-top' : '0.5em',
                  'margin-right' : '10px'});

    @endif

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

    var space = '<div style="height: 3em;">&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') }}';

    if ($('.article-body').outerHeight() > 1000)
    {
        $('#wide_scraper_ad')
            .css({'height' : 'auto'})
            .append(space, more, space);
    }

    if ($('.article-body').outerHeight() > 1600)
    {
        $('#wide_scraper_ad')
            .css({'height' : 'auto'})
            .append(more_2, space);
    }

    if ($('.article-body').outerHeight() > 2200)
    {
        $('#wide_scraper_ad')
            .css({'height' : 'auto'})
            .append(more_3, space);
    }

    if ($('.article-body').outerHeight() > 2800)
    {
        $('#wide_scraper_ad')
            .css({'height' : 'auto'})
            .append(more_4, space);
    }

    if ($('.article-body').outerHeight() > 3400)
    {
        $('#wide_scraper_ad')
            .css({'height' : 'auto'})
            .append(more_5, space);
    }

    if ($('.article-body').outerHeight() > 4200)
    {
        $('#wide_scraper_ad')
            .css({'height' : 'auto'})
            .append(more_6, space);
    }

@stop

@section('page_functions')
        
    @if (Auth::check() and Auth::user()->isTodayPublisher())
        <a href="{{ url('/today/articles/' . $info['article']->id . '/edit') }}" class="edit_button">Edit</a>    
    @endif

    
    <a href="#" class="print_button">Print</a>
    <a href="{{ url('/today') }}" class="close_button" title="Back to OSAAtoday article listing">Close</a>

@stop


@section('main_content')    

    <div class="article-title">
        {{ $info['article']->title }}
    </div>    

    @if (!Helpers::strIsEmpty($info['article']->sub_title))
        <div class="article-sub-title">{{ $info['article']->sub_title }}</div>          
    @endif

    <div class="article-header">
        @if (is_null($info['article']->submitted_at))
            {{ date('F j, Y', time()) }}
        @else
            {{ date('F j, Y', strtotime($info['article']->submitted_at)) }}
        @endif
        by {{ $info['author']->getName() }}, {{ $info['author']->outlet }}
    
        @if ($info['article']->is_retired)
            - <span class="bold important">Retired Article</span>
        @endif
    </div>    

    <div class="article-body ql-container ql-viewer">
        @if (!Helpers::strIsEmpty($info['article']->photo_path))
            <div class="article-photo">
                <img src="{{ asset($info['article']->photo_path) }}?t={{ time() }}" alt="{{ (!Helpers::strIsEmpty($info['article']->photo_caption)) ? str_replace('"', '\'', $info['article']->photo_caption) : 'Article Photo' }}" title="" />
                @if (!Helpers::strIsEmpty($info['article']->photo_caption))
                <div class="photo-caption">{{ $info['article']->photo_caption }}</div>
                @endif
            </div>
        @endif

        {{ $info['article']->body }}
    </div>

    <div class="article-footer">        
        <div class="columns">
            <div class="third">
                @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="Photo of {{ $info['author']->getName() }}" 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="third">
                <div class="author-contact">
                    <a href="mailto:{{ Helpers::obfuscateEmailAddress($info['author']->getEmail(false)) }}"><img src="{{ asset('/images/icons/email_icon_16px.png') }}" alt="Email {{ $info['author']->getName() }}" 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="{{ $handle->name }} Link" title="{{ $handle->handle }}" /></a>
                    @endforeach
                </div>              
            </div>
            <div class="third">                
                <div style="font-size: 8pt; padding-top: 71px; color: #222222; padding-left: 30px;">
                    &copy; {{ date('Y', time()) }} OSAAtoday, Oregon School Activities Association
                </div>                
            </div>
        </div>
    </div>

    <br class="clear" />

    
    <div class="ad" style="float: left; margin-right: 50px;">       
        <a href="mailto:osaatoday@osaa.org">
            <img src="{{ asset('/images/logos/OSAAtoday-Ad 215x90px.jpg') }}" alt="Submit a story idea" title="" width="215" height="90" style="width: 215px; height: 90px;">
        </a>        
    </div>

    <!-- Large Leaderboard Ad (970x90) -->                
    <div class="ad" style="margin-left: 73px; width: 728px; height: 90px; margin: 0; float: right; background-color: #ffffff;">
        {{ AdsController::getAd('728x90') }}
    </div>

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

@stop