@extends ("front.layout")

@section('content')
	<div class="page" id="actualites_show">
		<div class="container">
			<div class="breadcrumb">
				<div class="element"><a href="/actualites">{{trans('news.news')}}</a></div>
				<div class="element"><a href="#" @click.prevent="" v-text="localized(news.content, 'titre')"></a></div>
			</div>

			<div class="news-element" v-if="!isPhone">
				<div class="date" v-text="format(news.updated_at)"></div>
				<div class="content">
{{-- 					<div class="images">
						<img :src="newsPhoto(n)" v-for="n in news.photos" alt="">
					</div> --}}
					<div class="textes">
						<div class="titre" v-text="localized(news.content, 'titre')"></div>
						<div class="body" v-html="localized(news.content, 'body')"></div>
					</div>
				</div>
			</div>

			<div class="news-element phone" v-if="isPhone">
				<div class="date" v-text="format(news.updated_at)"></div>
				<div class="titre" v-text="localized(news.content, 'titre')"></div>
				<div class="body" v-html="localized(news.content, 'body')"></div>
{{-- 				<div class="images">
					<img :src="newsPhoto(n)" v-for="n in news.photos" alt="">
				</div> --}}
			</div>

			<expo :photos="news.photos"></expo>
		</div>
	</div>
@endsection