@extends ("front.layout")

@section('content')
	<div class="page" id="collection">
		<div class="container">
			<div class="breadcrumb">
				<div class="element"><a href="/collections">{{trans('collections.collections')}}</a></div>
				<div class="element"><a :href="hrefCollection" v-text="collection.name"></a></div>
			</div>

			@component('front.app.titre-page')
				@slot('title')
					@{{collection.name}}
				@endslot

				@slot('subtitle')
					@{{designer}}
				@endslot
			@endcomponent
		</div>

		<div class="entete-collection" v-if="hasPresentation">
			<div class="wrapper">
				<div class="image">
					<img :src="presentation_image" alt="">
				</div>
				<div class="text">
					<div class="titre" v-html="titre"></div>
					<div class="texte" v-html="texte"></div>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="thumbs-list">
				<modele
					v-for="modele in collection.modeles_visibles"
					:key="modele.id"
					:element="modele"
					:title="modele.name">
				</modele>
			</div>
		</div>
	</div>
@endsection