@section('page_title')
    OSAAtoday - Preview
@stop

@section('page_sub_title')    
    <a href="{{ url('/today') }}"><img src="{{ asset('/images/logos/OSAAtoday.png') }}" alt="" title="" style="" /></a>   
@stop

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

    <style type="text/css">        
        #content {
        	padding-top: 0;
        }
        #full_page_content {
        	margin: 5px 10px !important;
        }
        .page_functions {
        	display: none;
        }
        h1.header {
        	width: auto;
        	line-height: 1.2em;
        
        	@if ($info['article']->is_retired)
        		background-color: #ff5f5f;
        	@endif
        } 

    </style>    

@stop

@section('jquery_init')

    $('#navigation, #masthead, #leaderboard_ad, #next_to_leaderboard, #osaa_websites, #wide_scraper_ad, #championships, #footer, .page_functions').remove();    

@stop

@section('page_functions')
    
@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="" 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="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>

@stop