@extends('master', [
    'heroIsLarge' => true,
    'heroHasInfo' => false,
    'heroModel' => $project
])

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')

    <div class="u-bg-neutral--100  u-bg-wrapper">

        <div class="o-block  l-contain">
            <div class="o-detail-intro">
                <div class="o-detail-intro__back">
                    @include('components.back', [
                        'backText' => __('site/projects.back_label'),
                        'backLink' => $links->projects->route
                    ])
                </div>
                <div class="o-detail-intro__content">
                    <h1 class="u-color-neutral--800">{{$project->translation->name}}</h1>
                </div>
            </div>

            <div class="o-project-info">
                <div class="o-project-info__main">

                    @if(!empty($project->video) && $project->video !== null && $project->video !== '0,' && $project->video !== '1,')
                        @include('components.video', [
                            'videoAutoplay' => explode(',', $project->video)[0],
                            'videoLink' => explode(',', $project->video)[1],
                            'videoPlayerId' => 'project-video',
                        ])
                    @endif


                    @if(!empty($project->translation->description) && $project->translation->description !== null)
                        <div class="s-text">{!! $project->translation->description !!}</div>
                    @endif

                    @if(!empty($project->translation->review_description))
                        <div class="o-project-info__review">
                            @include('components.quote', [
                                'quoteImg' => $project->reviewImages->first()->thumb_image_url ?? null,
                                'quoteText' => $project->translation->review_description ?? '',
                                'quoteName' => $project->translation->review_name ?? '',
                                'quoteFunction' => $project->translation->review_function ?? '',
                            ])
                        </div>
                    @endif
                </div>
            </div>

        </div>

        @include('organisms.featuredProjects', [
            'headingRowTitle' => 'Meerdere projecten',
        ])

    </div>

@endsection