@extends ("front.layout")

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

            @component('front.app.titre-page')
                @slot('title')
                    @{{projet.name}}
                @endslot
            @endcomponent
        </div>


        <div class="entete">
            <div class="container">
                <div class="item"><span class='titre'>{{trans('projets.type')}} : </span>@{{filtre}}</div>
                <div class="item"><span class='titre'>{{trans('projets.lieu')}} : </span>@{{projet.lieu}}</div>
                <div class="item"><span class='titre'>{{trans('projets.architecte')}} : </span>@{{projet.architecte}}</div>
                <div class="item"><span class='titre'>{{trans('projets.date')}} : </span>@{{date}}</div>
                <div class="item"><span class='titre'>{{trans('projets.modeles-utilises')}} : </span><a :href="modele.path" class="modele black" v-for="modele in projet.modeles_visibles" :key="modele.id" v-text="modele.name"></a></div>
            </div>
        </div>

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