@extends('site.master')

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

@section('content')
    <div class="c-body">


        @include('site.organisms.componentables.textImage', [
        'component' => (object)[
            'reversed' => true,
            'gradient' => true,
            'corners' => false,
            'text' => '<h1>'.$project->translation->name.'</h1>'.$project->translation->description,
            'image' => [$headingImage],
            'button_link' => '#more',
            'button_label' => $project->translation->button_label,
        ],
        'loop' => (object)[
            'iteration' => -1,
        ]])

        <div id="more"></div>

        <div class="o-block o-block-bg o-block-white project-show">
            <div class="c-text-image c-project-content l-bisection l-bisection--slider">
                <div class="l-bisection__item s-image">
                    @include('site.components.image', ['images' => $projectImages, 'imageId' => 'componentable-area-1-slider' ])
                    @include('site.components.button', [
                        'modifiers' => ['icon', 'text', 'reversed'],
                        'buttonLink' => $links->projects->route,
                        'buttonText' => __('site/projects.back_to_index'),
                    ])
                </div>
                <div class="l-bisection__item s-text">
                    @lang('site/projects.works')
                    <ul class="hex">
                        @for($taskNum = 1; $taskNum <= 5; $taskNum++)
                            @if(!empty($project->translation->{'task_'.$taskNum}))
                                <li>{{$project->translation->{'task_'.$taskNum} }}</li>
                            @endif
                        @endfor
                    </ul>
                </div>
            </div>
        </div>

        <div class="o-block o-block-bg o-block-grey-border-diagonal">
            @include('site.components.projectCards')
        </div>

        <div class="o-block o-block-bg o-block-white">
            @include('site.components.ctaPerson')
        </div>

@endsection