@extends('app')

@section('content')
<link href="/css/lightbox.css" rel="stylesheet">
<script type="text/javascript" src="/js/lightbox.min.js"></script>

<script>
    lightbox.option({
      'fitImagesInViewport': true
    })
</script>

<?/*<div class="banner banner-full-width desktop-visible">
		<a href="https://rnd.kassir.ru/bilety-na-sportivnye-meropriyatiya" target="_blank"><img src="/images/banner-full-width.png" /></a>
	</div>*/?>
	<div class="content content-full">
		<div class="content-inner">

			<h3 class="page-head">{{ $date['page_content']['title'] }}</h3>
			<p class="page-info">{{ date('d.m.Y', strtotime($date['page_content']['created_at'])) }} | Новости</p>
	{{-- 		<div class="page-block">
				{!! $date['page_content']['short_content'] !!}
			</div> --}}
			@if (!$date['page_content']['video']) 
			<center><img style="max-width: 100%;" src="/files/news/{{ $date['page_content']['url'] }}" alt="{{ $date['page_content']['title'] }}" />	</center>	
			@else
			<center>{!! $date['page_content']['video'] !!}</center>
			@endif	
			
			<div class="page-block">
				{!! $date['page_content']['content'] !!}
			</div>
			<br/>
			<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="big" data-yashareQuickServices="vkontakte,twitter,odnoklassniki,gplus" data-yashareTheme="counter"></div>

		</div>
	</div><!--/content-->

	@if (isset($date['foto_list']))
 	<div class="content content-full /*desktop-visible*/">
		<h3 class="content-head">Фотогалерея</h3>
		<div class="content-inner">
			<div class="images">
				<? $i = 1; ?>
				@foreach ($date['foto_list'] as $value)				
				<div class="gallery-block" style="@if ($i > 4) display: none @endif">
					<a href="/files/foto/{{  $date['foto']['adresar'] }}/{{ $value }}" data-lightbox="gallery"><img src="/files/foto/{{  $date['foto']['adresar'] }}/thumbs/{{ $value }}" alt=""></a>				
				</div>
				<? $i++ ?>
				@endforeach	
			</div>
			<p style="text-align: center;"><a class="show_all-images" href="javascript: void(0);" onclick="$(this).hide();$('.gallery-block').show();">показать все</a></p>
		</div>
	</div> 
	@endif

	<div class="banner banner-full-width desktop-visible">
		<a href="http://www.youtube.com/user/BCRostovDon" target="_blank"><img src="/images/banner-full-width2.png" /></a>
	</div>
@stop